.floor_layer{position: absolute;left: 0;width: 176px;height: 100%;display: table;z-index: 10;}
.floor_layer > div{vertical-align: middle;display: table-cell;width: 100%;}
.floor_layer .floor{position: relative;}
.floor_layer .floor > div{position: absolute;width: 100%;}
.floor_layer .floor .floorB1{background: url('/main/company/vr/skin/B1floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floorB1_on{background: url('/main/company/vr/skin/B1floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor1{background: url('/main/company/vr/skin/1floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor1_on{background: url('/main/company/vr/skin/1floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor2{background: url('/main/company/vr/skin/2floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor2_on{background: url('/main/company/vr/skin/2floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor3{background: url('/main/company/vr/skin/3floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor3_on{background: url('/main/company/vr/skin/3floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor4{background: url('/main/company/vr/skin/4floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor4_on{background: url('/main/company/vr/skin/4floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor5{background: url('/main/company/vr/skin/5floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor5_on{background: url('/main/company/vr/skin/5floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor6{background: url('/main/company/vr/skin/6floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor6_on{background: url('/main/company/vr/skin/6floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor7{background: url('/main/company/vr/skin/7floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor7_on{background: url('/main/company/vr/skin/7floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor8{background: url('/main/company/vr/skin/8floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor8_on{background: url('/main/company/vr/skin/8floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor9{background: url('/main/company/vr/skin/9floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor9_on{background: url('/main/company/vr/skin/9floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor10{background: url('/main/company/vr/skin/10floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor10_on{background: url('/main/company/vr/skin/10floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor11{background: url('/main/company/vr/skin/11floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor11_on{background: url('/main/company/vr/skin/11floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor12{background: url('/main/company/vr/skin/12floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor12_on{background: url('/main/company/vr/skin/12floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor13{background: url('/main/company/vr/skin/13floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor13_on{background: url('/main/company/vr/skin/13floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor14{background: url('/main/company/vr/skin/14floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor14_on{background: url('/main/company/vr/skin/14floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor22{background: url('/main/company/vr/skin/22floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor22_on{background: url('/main/company/vr/skin/22floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor18{background: url('/main/company/vr/skin/18floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor18_on{background: url('/main/company/vr/skin/18floor_on.png') no-repeat;background-size: cover;}
.floor_layer .floor .floor31{background: url('/main/company/vr/skin/31floor_off.png') no-repeat;width: 155px;height: 47px;background-size: cover;margin: auto;}
.floor_layer .floor .floor31_on{background: url('/main/company/vr/skin/31floor_on.png') no-repeat;background-size: cover;}


.building_layer {position: absolute;right: 0;width: 176px;height: 100%;display: table;z-index: 10;}
.building_layer > div{vertical-align: middle;display: table-cell;width: 100%;}
.building_layer .building_icon{text-align: center;border: 1px solid #8e8e8e;padding: 10px 0;width: 120px;margin: 5px auto;border-radius: 5px;background: #ffffff4f;color: #000;font-size: 12px;}
.building_layer .building_icon_on{text-align: center;border: 1px solid #8e8e8e;padding: 10px 0;width: 120px;margin: 5px auto;border-radius: 5px;background: #afeac8;color: #000;font-size: 12px;}

.vr_area{overflow:hidden;}
.vr_title {position: absolute;top: 9px;width: 100%;z-index: 15;text-align: center;font-size: 30px;color: #fff;font-weight: bold;font-family: 'Roboto', sans-serif;letter-spacing: 0.4px;}
.vr_title > div{text-shadow: 0px 1px black, -1px -1px black, 0px 1px black, 0px -1px black, 1px 0px black, -1px 0px black, 0 0 7px black;}
.vr_hall_thum{ -moz-transition: 0.5s; transition: 0.5s;-o-transition: 0.5s;-moz-transition:0.5s; transition-timing-function: ease-in-out;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;}
.vr_hall_thum{  position: absolute;bottom: 0;width: 100%;z-index: 10;text-align: center;}
.vr_hall_off{bottom:-108px;}
.vr_hall_thum ul {display: inline-flex;background: rgba(0, 0, 0,0.38);padding: 2px 5px;}
.vr_hall_thum ul li{ position: relative;}
.vr_hall_thum ul img{margin: 5px;border: 2px solid #fff;}
.vr_hall_thum ul li a > div{position: absolute;top: 7px;width: 100%;text-align: center;color: #fff;letter-spacing: 0px;}
.vr_hall_thum ul li a > div > div{background: rgba(0, 0, 0,0.8);margin: 0px 7px;line-height: 20px;height: 23px;}