.box {
  width: 85%;
  height: 100%;
  padding: 10px;
}
.tip-box{
  width: 15%;
  height: 100%;
  padding: 10px;
}
.box-border {
  height: 97%;
  width: 97%;
  box-sizing: border-box;
  border: 0.2rem solid var(--var-border);
}
.tip-box-border{
  height: 97%;
  width: 99%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.DirectionalSign{
  width: 100%;
  height: 20%;
  /* border: 0.2rem solid var(--var-border); */
}
.iconTip{
  width: 100%;
  height: 80%;
  /* border: 0.2rem solid var(--var-border); */
}
.box-ul {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.box-ul li:nth-child(1) {
  height: 100%;
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.box-ul li:nth-child(2),
.box-ul li:nth-child(3) {
  width: 10%;
  position: relative;
}
.box-ul li:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.box-ul li:nth-child(3) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.box-ul .main-top {
  width: 100%;
  height: 10%;

  display: flex;
  justify-content: space-between;
}
.box-ul .main-top div {
  width: 30%;
  height: 100%;
  border: 0.1rem solid var(--var-border);
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-top-div1::after {
  content: "仓库1";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.main-top-div2::after {
  content: "仓库2";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.box-ul .main-bottom {
  width: 100%;
  height: 80%;
  display: flex;
  justify-content: space-between;
}
.synthesize {
  width: 18%;
  height: 92%;
  margin-top: 5%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.synthesize-top {
  width: 100%;
  height: 70%;
  border: 0.1rem solid var(--var-border);
}
.synthesizeMain-top {
  width: 100%;
  height: 40%;
  /* background-color: red; */
  display: flex;
  justify-content: space-between;
}
.synthesizeMain-top>div {
  height: 100%;
  width: 35%;
}
.synthesizeMain-top div:nth-child(1) {
  border-bottom: 0.1rem solid var(--var-border);
  border-right: 0.1rem solid var(--var-border);
}
.synthesizeMain-top div:nth-child(2) {
  border-bottom: 0.1rem solid var(--var-border);
  border-left: 0.1rem solid var(--var-border);
  display: flex;
  justify-content: center;
  align-items: center;
}
.synthesizeMain-top2-center{
  height: 20%;
  width: 100%;
  position: relative;
  border: 0.1rem solid var(--var-border);
}
.synthesizeMain-top2-center::after{
  position: absolute;
  content: "汽车部";
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.synthesizeMain-center {
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.synthesizeMain-center::after {
  position: absolute;
  content: "综合楼";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.synthesizeMain-center-box{
width: 100%;
height: 100%;
position: relative;
}
.synthesizeMain-center-tip1{
  position: absolute;
  width: 15%;
  right: 0%;
  top: 0%;
}
.synthesizeMain-bottom {
  width: 100%;
  height: 40%;
  display: flex;
  justify-content: space-between;
}
.synthesizeMain-bottom-left {
  height: 100%;
  width: 35%;
}
.synthesizeMain-bottom-left div {
  border: 0.1rem solid var(--var-border);
}
.synthesizeMain-bottom-left div:nth-child(1) {
  width: 100%;
  height: 40%;
}
.synthesizeMain-bottom-left div:nth-child(2) {
  width: 60%;
  height: 40%;
}
.synthesizeMain-bottom-left div:nth-child(3) {
  width: 100%;
  height: 17%;
}
.synthesizeMain-bottom-right {
  height: 100%;
  width: 35%;
}
.synthesizeMain-bottom-right>div:nth-child(1) {
  width: 100%;
  height: 35%;
  border: 0.1rem solid var(--var-border);
}
.synthesizeMain-bottom-right>div:nth-child(2) {
  width: 100%;
  height: 63%;
  position: relative;
  border: 0.1rem solid var(--var-border);
  border-right: none;
}
.synthesizeMain-bottom-right>div:nth-child(2)::after {
  width: 100%;
  height: 40%;
  content: "";
  position: absolute;
  left: -102%;
  top: 20%;
  border: 0.1rem solid var(--var-border);
  border-right: none;
}
.synthesizeMain-bottom-right>div:nth-child(2)::before {
  width: 100%;
  height: 40%;
  content: "会议室";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -50%;
  top: 20%;
  background-color: var(--var-backgroundcolor);
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.synthesizeMain-bottom-right-tip1{
  position: absolute;
  width: 20%;
  bottom: 0%;
  right: 10%;
}
.synthesize-bottom {
  width: 80%;
  height: 30%;
  border: 0.1rem solid var(--var-border);
}
.Training {
  width: 100%;
  height: 20%;
  border-bottom: 0.1rem solid var(--var-border);
}
.research {
  width: 100%;
  height: 80%;
  display: flex;
  justify-content: space-between;
}
.research > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.research-left {
  width: 35%;
  height: 100%;
}
.research-right {
  width: 35%;
  height: 100%;
}
.research-left > div,
.research-right > div {
  width: 100%;
  height: 40%;
}
.research-right > div:nth-child(1) {
  position: relative;
}
.research-right > div:nth-child(1)::after {
  position: absolute;
  content: "档案室";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.research-left > div:nth-child(1) {
  border-right: 0.1rem dashed var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
}
.research-left > div:nth-child(2) {
  border-right: 0.1rem dashed var(--var-border);
  border-top: 0.1rem solid var(--var-border);
}
.research-right > div:nth-child(1) {
  border-left: 0.1rem dashed var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
}
.research-right > div:nth-child(2) {
  border-left: 0.1rem dashed var(--var-border);
  border-top: 0.1rem solid var(--var-border);
}
.factory {
  width: 75%;
  height: 95%;
}
.factory-top {
  width: 100%;
  height: 45%;
  display: flex;
}
.factory-center {
  width: 100%;
  height: 11%;
  position: relative;
}
.factory-bottom {
  width: 100%;
  height: 45%;
  display: flex;
  justify-content: space-between;
}
.Electric-control,
.dress,
.Supporting,
.Blank-space,
.Home-textiles {
  height: 100%;
  border: 0.1rem solid var(--var-border);
}
.Electric-control {
  width: 15%;
}
.dress {
  width: 32%;
}
.Supporting {
  width: 15%;
}
.Blank-space {
  width: 6%;
}
.Home-textiles {
  width: 32%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Home-textiles-tip1{
  position: absolute;
  width: 20%;
  right: 0%;
  bottom: 20%;
}
.Home-textiles-tip2{
  position: absolute;
  width: 5%;
  right: 5%;
  bottom: 10%;
}
.MedicalPrevention-tip1{
  position: absolute;
  width: 20%;
  right: 18%;
  bottom: 0%;
}
.MedicalPrevention-tip2{
  position: absolute;
  width: 5%;
  right: 15%;
  bottom: 10%;
}
.Electric-control-top {
  height: 60%;
  width: 100%;
  border-bottom: 0.1rem solid var(--var-border);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Electric-control-tip{
  position: absolute;
  width: 20%;
  right: 10%;
  top: 50%;
}
.Electric-control-bottom {
  position: relative;
}
.Electric-control-bottom-tip1{
  position: absolute;
  width: 20%;
  left: 10%;
  bottom: 0%;
}
.Electric-control-bottom-tip2{
  position: absolute;
  width: 40%;
  right: 20%;
  bottom: 0%;
}
.Electric-control-top::after {
  content: "电控车间";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.Electric-control-top > span {
  position: absolute;
  display: block;
  top: 0;
  left: 20%;
  width: 30%;
  height: 10%;
  text-align: center;
}
.Electric-control-bottom > span {
  position: absolute;
  display: block;
  top: 30%;
  left: 0%;
  width: 20%;
  height: 30%;
  text-align: center;
}
.staircase {
  font-size: var(--var-tipSize);
  color: var(--var-tipColor);
  background-color: var(--var-tipbackgroundColor);
}
.Electric-control-bottom {
  height: 40%;
  width: 100%;
}
.dress-top {
  height: 30%;
  width: 100%;
  border-bottom: 0.1rem solid var(--var-border);
  position: relative;
}
.dress-top-tip2{
  position: absolute;
  width: 20%;
  left: 0%;
  bottom: 0%;
}
.dress-top-tip3{
  position: absolute;
  width: 20%;
  right: 20%;
  top: 0%;
}
.dress-top::after {
  width: 20%;
  height: 10%;
  content: "";
  position: absolute;
  left: 40%;
  bottom: -5%;
  background-color: var(--var-backgroundcolor);
}
.dress-bottom {
  height: 70%;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border-bottom: 0.1rem solid var(--var-border); */
}
.dress-bottom-tip1{
  position: absolute;
  width: 20%;
  right: 20%;
  top: 0%;
}
.dress-bottom-tip2{
  position: absolute;
  width: 20%;
  left: 0%;
  top: 0%;
}
.dress-bottom-tip3{
  position: absolute;
  width: 20%;
  right: 20%;
  bottom: 0%;
}
.dress-bottom::after {
  content: "服装军团";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}

.Supporting-top {
  height: 60%;
  width: 100%;
  /* border-bottom: 0.1rem solid var(--var-border); */
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Supporting-top-tip1{
  position: absolute;
  width: 20%;
  left: 0%;
  top: 10%;
}
.Supporting-top::before {
  width: 20%;
  height: 10%;
  content: "";
  position: absolute;
  left: -5%;
  bottom: 10%;
  background-color: var(--var-backgroundcolor);
}

.Supporting-top::after {
  content: "配套中心";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.Supporting-bottom-tip1{
  position: absolute;
  width: 20%;
  left: 0%;
  bottom: 0%;
}
.Supporting-bottom-tip2{
  position: absolute;
  width: 40%;
  right: 10%;
  bottom: 0%;
}
.Supporting-bottom {
  height: 40%;
  width: 100%;
  position: relative;
  display: flex;
  border-top: 0.1rem solid var(--var-border);
}
.Supporting-bottom-left {
  height: 45%;
  width: 60%;
  border: 0.1rem solid var(--var-border);
  position: relative;
}
.Supporting-bottom-right {
  height: 65%;
  width: 40%;
  border: 0.1rem solid var(--var-border);
}
.Supporting-bottom-left > span {
  position: absolute;
  display: block;
  top: 0%;
  left: 0%;
  width: 25%;
  height: 50%;
  text-align: center;
}
.Home-textiles::after {
  content: "家纺军团";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.WestAirPump {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  height: 20%;
  width: 30%;
  border: 0.1rem solid var(--var-border);
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.WestAirPump-box{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.WestAirPump-box-tip1{
  position: absolute;
  right: 0%;
  top: 0%;
  width: 100%;
}
.Home-textiles > span {
  position: absolute;
  display: block;
  bottom: 0%;
  right: 40%;
  width: 10%;
  height: 5%;
  text-align: center;
}
.factory-bottom > div:nth-child(1),
.factory-bottom > div:nth-child(3) {
  width: 30%;
  height: 100%;
  border: 0.1rem solid var(--var-border);
}
.factory-bottom > div:nth-child(2),
.factory-bottom > div:nth-child(4) {
  width: 15%;
  height: 100%;
  border: 0.1rem solid var(--var-border);
}
.AutomobileFinishing {
  display: flex;
  justify-content: center;
  align-items: center;
}
.automobile,
.fineMachining {
  width: 50%;
  height: 100%;
}
.automobile {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-right: 0.1rem solid var(--var-border);
}
.automobile-tip1{
  position: absolute;
  right: 0%;
  top: 70%;
  width: 35%;
}
.automobile-tip2{
  position: absolute;
  right: 10%;
  top: 60%;
  width: 10%;
}
.automobile-tip3{
  position: absolute;
  left: 0%;
  top: 60%;
  width: 20%;
}
.automobile-tip4{
  position: absolute;
  left: 0%;
  top: 80%;
  width: 20%;
}
.automobile-tip5{
  position: absolute;
  right: 10%;
  top: 80%;
  width: 10%;
}
.automobile::after {
  content: "汽车军团";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.fineMachining > div:nth-child(1) {
  width: 100%;
  height: 35%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fineMachining-top::after {
  content: "精加车间";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.fineMachining-top-devtip{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
}
.fineMachining-top-tip1{
  position: absolute;
  left: 0%;
  top: 50%;
  width: 20%;
}
.fineMachining-top-tip2{
  position: absolute;
  left: 20%;
  top: 0%;
  width: 20%;
}
.fineMachining-bottom-tip1{
  position: absolute;
  left: 0%;
  top: 10%;
  width: 20%;
}
.fineMachining-bottom-tip2{
  position: absolute;
  right: 10%;
  top: 10%;
  width: 10%;
}
.fineMachining-bottom-tip3{
  position: absolute;
  left: 0%;
  top: 30%;
  width: 20%;
}
.fineMachining > div:nth-child(2) {
  width: 100%;
  height: 15%;
  border-top: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
  position: relative;
}
.fineMachining-center::after {
  width: 20%;
  height: 10%;
  content: "";
  position: absolute;
  left: 40%;
  bottom: -5%;
  background-color: var(--var-backgroundcolor);
}
.fineMachining-center::before {
  width: 20%;
  height: 10%;
  content: "";
  position: absolute;
  left: 40%;
  top: -5%;
  background-color: var(--var-backgroundcolor);
}
.fineMachining > div:nth-child(3) {
  width: 100%;
  height: 50%;
  position: relative;
}
.fineMachining-bottom::after {
  width: 10%;
  height: 20%;
  content: "";
  position: absolute;
  left: -5%;
  bottom: 2%;
  background-color: var(--var-backgroundcolor);
}
.Machining {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.Machining::after {
  content: "机加车间";
  margin-left: -30%;
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.Machining-tip1{
  position: absolute;
  left: 0%;
  top: 10%;
  width: 20%;
}
.Machining-devtip{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 60%;
}
.Machining-tip2{
  position: absolute;
  left: 0%;
  top: 70%;
  width: 20%;
}
.Machining-tip3{
  position: absolute;
  left: 0%;
  top: 80%;
  width: 20%;
}
.Machining-tip4{
  position: absolute;
  right: 0%;
  top: 0%;
  width: 20%;
}
.Machining-storehouseOne {
  width: 40%;
  height: 20%;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: 0.1rem dashed var(--var-border);
  border-left: 0.1rem dashed var(--var-border);
}
.Machining-storehouseOne > div:nth-child(1) {
  height: 30%;
  width: 100%;
  border-bottom: 0.1rem dashed var(--var-border);
}
.Machining-storehouseTwo {
  width: 40%;
  height: 20%;
  position: absolute;
  right: 0;
  top: 30%;
  border-bottom: 0.1rem dashed var(--var-border);
  border-left: 0.1rem dashed var(--var-border);
  border-top: 0.1rem dashed var(--var-border);
}
.Machining-storehouseTwo > div:nth-child(1) {
  height: 30%;
  width: 100%;
  border-bottom: 0.1rem dashed var(--var-border);
}
.Machining-assemble {
  width: 30%;
  height: 15%;
  position: absolute;
  right: 0;
  top: 60%;
  border-bottom: 0.1rem dashed var(--var-border);
  border-left: 0.1rem dashed var(--var-border);
  border-top: 0.1rem dashed var(--var-border);
}
.Machining-machiningCenter {
  width: 30%;
  height: 8%;
  position: absolute;
  bottom: 0;
  left: 35%;
  border-right: 0.1rem dashed var(--var-border);
  border-left: 0.1rem dashed var(--var-border);
  border-top: 0.1rem dashed var(--var-border);
}
.Eastern-air-pump {
  width: 30%;
  height: 8%;
  position: absolute;
  bottom: -9%;
  left: 0%;
  border-right: 0.1rem solid var(--var-border);
  border-left: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
}
.Eastern-air-pump::after {
  position: absolute;
  left: -200%;
  content: "东气泵房";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.Eastern-air-pump-tip1{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 120%;
}
.Eastern-air-pump-box{
  position: relative;
  width: 100%;
  height: 100%;
}
.LargePieceFinishing {
  display: flex;
}
.LargePieceFinishing > div:nth-child(1),
.LargePieceFinishing > div:nth-child(2) {
  height: 100%;
  width: 50%;
}
.LargePieceFinishing-large-sized {
  border-right: 0.1rem solid var(--var-border);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.LargePieceFinishing-devtip{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
}
.LargePieceFinishing-tip1{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 40%;
}
.LargePieceFinishing-tip2{
  position: absolute;
  right: 10%;
  top: 10%;
  width: 10%;
}
.LargePieceFinishing-tip3{
  position: absolute;
  left: 0%;
  top: 60%;
  width: 10%;
}
.LargePieceFinishing-tip4{
  position: absolute;
  right: 10%;
  top: 60%;
  width: 10%;
}
.LargePieceFinishing-tip5{
  position: absolute;
  left: 0%;
  top: 40%;
  width: 10%;
}
.LargePieceFinishing-tip6{
  position: absolute;
  right: 10%;
  top: 30%;
  width: 10%;
}
.LargePieceFinishing-tip7{
  position: absolute;
  right: 0%;
  top: 70%;
  width: 40%;
}
.LargePieceFinishing-large-sized::after {
  content: "大件车间";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.LargePieceFinishing-large-sized > div:nth-child(1) {
  width: 30%;
  height: 8%;
  position: absolute;
  bottom: 0%;
  right: 0%;
  border-left: 0.1rem solid var(--var-border);
  border-top: 0.1rem solid var(--var-border);
}
.LargePieceFinishing-Finishing {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.LargePieceFinishing-Finishing::after {
  content: "精饰车间";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.LargePieceFinishing-Finishing-devtip{
  position: absolute;
  left: 30%;
  top: 0%;
  width: 45%;
}
.LargePieceFinishing-Finishing-tip1{
  position: absolute;
  right: 30%;
  top: 0%;
  width: 35%;
}
.stoving {
  width: 30%;
  height: 15%;
  position: absolute;
  top: 0%;
  right: 0%;
  border-left: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
}
.polish {
  width: 30%;
  height: 15%;
  position: absolute;
  top: 30%;
  right: 0%;
  border-left: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
  border-top: 0.1rem solid var(--var-border);
}
.LargePieceFinishing-Finishing-sprayPaint {
  width: 30%;
  height: 20%;
  position: absolute;
  top: 60%;
  right: 0%;
  border-left: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
  border-top: 0.1rem solid var(--var-border);
}
.LargePieceFinishing-Finishing-none {
  width: 80%;
  height: 15%;
  position: absolute;
  display: flex;
  align-items: flex-end;
  bottom: 0%;
  right: 0%;
}
.LargePieceFinishing-Finishing-none > div {
  border-top: 0.1rem solid var(--var-border);
  border-left: 0.1rem solid var(--var-border);
  width: 25%;
}
.LargePieceFinishing-Finishing-none > div:nth-child(1),
.LargePieceFinishing-Finishing-none > div:nth-child(2) {
  height: 80%;
}
.LargePieceFinishing-Finishing-none > div:nth-child(3),
.LargePieceFinishing-Finishing-none > div:nth-child(4) {
  height: 100%;
}
.LargePieceFinishing-Finishing-dusting {
  width: 30%;
  height: 20%;
  position: absolute;
  top: 65%;
  left: 0%;
  border-right: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
  border-top: 0.1rem solid var(--var-border);
}
.LargePieceFinishing-Finishing-dusting > div:nth-child(1) {
  width: 100%;
  height: 20%;
  border-bottom: 0.1rem solid var(--var-border);
}
.LargePieceFinishing-Finishing-dusting > div:nth-child(2) {
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.LargePieceFinishing-Finishing-dusting-B > div {
  width: 50%;
  height: 40%;
  border: 0.1rem solid var(--var-border);
}
.LargePieceFinishing-Finishing-MultipleCategories {
  width: 35%;
  height: 20%;
  position: absolute;
  display: flex;
  top: 25%;
  left: 0%;
}
.LargePieceFinishing-Finishing-MultipleCategories > div {
  width: 50%;
  height: 100%;
}
.LargePieceFinishing-Finishing-MultipleCategories > div:nth-child(2) {
  border: 0.1rem solid var(--var-border);
}

.MultipleCategories-left > div {
  width: 100%;
  height: 35%;
  margin-top: 10%;
  border: 0.1rem solid var(--var-border);
}
.LargePieceFinishing-Finishing-sandBlast {
  width: 30%;
  height: 10%;
  position: absolute;
  top: 0%;
  left: 0%;
  border-right: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
  border-top: 0.1rem solid var(--var-border);
}
.weld {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.weld::after {
  content: "焊接车间";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.weld-devtip{
  position: absolute;
  left: 0%;
  top: 0%;
  width: 50%;
}
.weld-tip1{
  position: absolute;
  right: 0%;
  top: 20%;
  width: 20%;
}
.weld-tip2{
  position: absolute;
  left: 0%;
  top: 25%;
  width: 20%;
}
.weld-tip3{
  position: absolute;
  bottom: 0%;
  left: 25%;
  width: 20%;
}
.weld-tip4{
  position: absolute;
  top: 70%;
  left: 0%;
  width: 40%;
}
.weld-BoilerRoom {
  width: 40%;
  height: 20%;
  position: absolute;
  top: 0%;
  right: 0%;
  border-left: 0.1rem solid var(--var-border);
  border-bottom: 0.1rem solid var(--var-border);
}
.weld-BoilerRoom::after {
  position: absolute;
  right: -100%;
  top: 0;
  content: "锅炉房";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.weld-BoilerRoom-box{
  position: relative;
  width: 100%;
  height: 100%;
}
.weld-BoilerRoom-tip1{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 20%;
}
.weld-BoilerRoom-tip2{
  position: absolute;
  bottom: 0%;
  right: 0%;
  width: 50%;
}
.Erdao-Post {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 40%;

  width: 6%;
  border: 0.1rem solid var(--var-border);
}
.diningRoom {
  height: 20%;
  width: 100%;
  margin-bottom: 35%;
}
.diningRoom > div {
  width: 100%;
  border: 0.1rem solid var(--var-border);
  border-top: none;
}

.diningRoom > div:nth-child(1) {
  height: 25%;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  border-top: 0.1rem solid var(--var-border);
}
.diningRoom > div:nth-child(1)::after {
  content: "食堂";
  color: var(--var-titleColor);
  font-weight: 800;
  font-size: var(--var-titleSize);
}
.diningRoom > div:nth-child(1)::before {
  width: 20%;
  height: 20%;
  content: "";
  position: absolute;
  left: 40%;
  bottom: -5%;
  background-color: var(--var-backgroundcolor);
}
.diningRoom-tip1{
  position: absolute;
  top: 50%;
  right: 0%;
  width: 20%;
}
.diningRoom-tip2{
  position: absolute;
  top: 0%;
  right: 0%;
  width: 20%;
}
.diningRoom > div:nth-child(2) {
  height: 35%;
  position: relative;
}
.diningRoom > div:nth-child(2)::before {
  width: 10%;
  height: 20%;
  content: "";
  position: absolute;
  left: 30%;
  bottom: -5%;
  background-color: var(--var-backgroundcolor);
}
.diningRoom > div:nth-child(2)::after {
  width: 10%;
  height: 20%;
  content: "";
  position: absolute;
  left: 70%;
  bottom: -5%;
  background-color: var(--var-backgroundcolor);
}
.diningRoom > div:nth-child(3) {
  height: 15%;
  position: relative;
}
.diningRoom > div:nth-child(3)::before {
  width: 20%;
  height: 20%;
  content: "";
  position: absolute;
  left: 40%;
  bottom: -5%;
  background-color: var(--var-backgroundcolor);
}
.diningRoom > div:nth-child(4) {
  height: 25%;
  display: flex;
}
.diningRoom-bottom > div:nth-child(1) {
  width: 70%;
  height: 100%;
  border-right: 0.1rem solid var(--var-border);
  position: relative;
}
.diningRoom-bottom > div:nth-child(1)::after {
  width: 10%;
  height: 30%;
  content: "";
  position: absolute;
  right: -5%;
  top: 0%;
  background-color: var(--var-backgroundcolor);
}

.dormitory-top {
  width: 70%;
  height: 35%;
  border: 0.1rem solid var(--var-border);
  margin-top: 90%;
}
.dormitory-bottom {
  width: 70%;
  height: 35%;

  margin-bottom: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dormitory-bottom > div {
  width: 100%;
  height: 48%;
  border: 0.1rem solid var(--var-border);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.dormitory-bottom-one > div:nth-child(1) {
  width: 100%;
  height: 20%;
  border-bottom: 0.1rem solid var(--var-border);
  position: relative;
}
.dormitory-bottom-one-tip1{
  position: absolute;
  top: 0%;
  left: 0%;
  width: 40%;
}
.dormitory-bottom-one > div:nth-child(2) {
  width: 70%;
  height: 40%;
  border: 0.1rem solid var(--var-border);
}
.dormitory-bottom-one > div:nth-child(3) {
  width: 70%;
  height: 20%;
  border: 0.1rem solid var(--var-border);
}
.dormitory-bottom-two > div:nth-child(1) {
  width: 70%;
  height: 20%;
  border-bottom: 0.1rem solid var(--var-border);
  border-right: 0.1rem solid var(--var-border);
}
.dormitory-bottom-two > div:nth-child(2) {
  width: 70%;
  height: 40%;
  border: 0.1rem solid var(--var-border);
}
.dormitory-bottom-two > div:nth-child(3) {
  width: 70%;
  height: 20%;
  border: 0.1rem solid var(--var-border);
}
.DirectionalSign{
  background-image: url(../../img/AerialView/direction.png);
  background-size: 100% 100%;
}
.colorTip{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 0 1rem 0;
}
.colorTip span{
  margin-right: 1rem;
}
.colorTip>div{
  margin-right: 1rem;
}
.colorTip .icon-red {
  display: inline-block;
  background-color: #E43961;
  border-radius: 1rem;
width: 1rem;
height: 1rem;

}
.colorTip .icon-blue {
  display: inline-block;
  background-color: #20AEC5;
  border-radius:1rem;
  width: 1rem;
  height: 1rem;
}
