* { padding: 0; margin: 0;  }
.relative { position: relative;  }
.absolute { position: absolute;  }
.dis-in-b { display: inline-block; }
.hide { display: none;  }
.wrap { position: relative; margin: 0 auto; width: 800px; height: 600px;  overflow: hidden;}
.wrap-cont > div { float: left;width: 800px;  }
figure > img, img-auto { width: 100%; height: auto;  }
.show { left: -100%;  }

/* 主界面 ABC展馆 start */
.a-small-box {  display: inline-block; width: 60px; height: 50px; top: 162px;left: 92px; z-index: 1; opacity: .2;}
.a-big-box { display: inline-block; width: 200px;height: 170px;  top: 204px;left: 236px; z-index: 2; opacity: .2; }
.b-small-box { display: inline-block; width: 40px; height: 30px;  top: 154px;left: 153px; z-index: 1; opacity: .2;}
.b-big-box { display: inline-block; width: 150px; height: 150px;  top: 122px;left: 410px; z-index: 1; opacity: .2; }
.c-small-box {  display: inline-block; width: 40px; height: 20px;  top: 188px; left: 154px; z-index: 1; opacity: .2;}
.c-big-box {  display: inline-block;  width: 127px; height: 100px;  top: 275px;left: 451px; z-index: 1; opacity: .2;}
/* 主界面 ABC展馆  end */

/* 动画 */
.label { display: none;  }
.label  i {   animation:animation 1s linear infinite;  -moz-animation:animation 1s linear infinite; -webkit-animation:animation 1s linear infinite; }
@keyframes animation {
	0% {  transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
	50% { transform: translate(0px, 4px);  -webkit-transform: translate(0px, 4px);-moz-transform: translate(0px, 4px); -o-transform: translate(0px, 4px);-ms-transform: translate(0px, 4px);}	
	100% { transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px); }
}
@-webkik-keyframes animation {
	0% {  transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
	50% { transform: translate(0px, 4px);  -webkit-transform: translate(0px, 4px);-moz-transform: translate(0px, 4px); -o-transform: translate(0px, 4px);-ms-transform: translate(0px, 4px);}	
	100% { transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px); }
}
@-moz-keyframes animation {
	0% {  transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);}
	50% { transform: translate(0px, 4px);  -webkit-transform: translate(0px, 4px);-moz-transform: translate(0px, 4px); -o-transform: translate(0px, 4px);-ms-transform: translate(0px, 4px);}	
	100% { transform: translate(0px, 0px);  -webkit-transform: translate(0px, 0px);-moz-transform: translate(0px, 0px); -o-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px); }
}

.label > div { position: absolute; text-align: center;  z-index: 11; }
.label > div > i { color: #eb494b;  }
.label > div > p { font: 500 14px "微软雅黑";  text-shadow: 0.5px 0.5px 8px #f3bbbb;}

/* 主界面 展馆个入口 */
.main-zgrk-1 {   top: 167px;left: 314px; }
.main-zgrk-2 {   top: 107px;left: 422px; }
.main-zgrk-3 {   top: 106px;left: 540px; }
.main-zgrk-4 {   top: 187px;left: 570px; }
.main-zgrk-5 {   top: 242px;left: 415px;}
.main-zgrk-6 {   top: 364px;left: 277px; }
.main-zgrk-7 {   top: 329px;left: 170px; }
.main-zgrk-8 {   top: 250px;left: 157px;}
.main-zgrk-9 {    top: 302px;left: 400px;}
.main-zgrk-10 {   top: 263px;left: 470px; }
.main-zgrk-11 {    top: 238px;left: 507px;}
.main-zgrk-12 {   top: 262px;left: 536px;}
.main-zgrk-13 {   top: 282px;left: 585px;}
.main-zgrk-14 {  top: 356px;left: 549px; }
.main-zgrk-15 {     top: 359px;left: 473px; }

/* 主界面 地铁口 */
.main-dt-1 {        top: 362px;left: 235px;}
.main-dt-2 {        top: 160px;left: 549px;}
.main-dt-3 {       top: 196px;left: 506px;}
.main-dt-4 {       top: 241px;left: 515px; }


/* a区管  货物出入口 */
.a-hwcrk-1 {       top: 169px; left: 366px;}
.a-hwcrk-2 {       top: 139px;left: 430px; }
.a-hwcrk-3 {        top: 116px;left: 480px;}
.a-hwcrk-4 {       top: 86px;left: 534px;}
.a-hwcrk-5 {        top: 56px;left: 591px;}
.a-hwcrk-6 {   	  top: 494px;left: 372px;}
.a-hwcrk-7 {       top: 471px;left: 405px;}
.a-hwcrk-8 {        top: 538px;left: 373px;}
.a-hwcrk-9 {       top: 486px;left: 470px;}
.a-hwcrk-10 {     top: 550px;left: 409px;}
.a-hwcrk-11 {      top: 525px;left: 456px;}
.a-hwcrk-12 {      top: 502px;left: 497px;  }
.a-hwcrk-13 {       top: 480px;left: 541px; }
.a-hwcrk-14 {      top: 456px;left: 589px; }

/* a区  电梯*/
.a-dt-1 {    top: 143px;left: 368px;  }
.a-dt-2 {    top: 109px;left: 424px; }
.a-dt-3 {    top: 75px; left: 500px; }
.a-dt-4 {    top: 48px;left: 554px; }
.a-dt-5 {   top: 326px;left: 368px;  }
.a-dt-6 {       top: 300px;left: 424px; }
.a-dt-7 {      top: 262px;left: 465px;}
.a-dt-8 {     top: 267px;left: 495px;}
.a-dt-9 {          top: 262px;left: 537px;}
.a-dt-10 {       top: 237px;left: 561px;}
.a-dt-11 {        top: 237px;left: 584px;}
.a-dt-12 {     top: 529px;left: 377px; }
.a-dt-13 {         top: 482px;left: 473px;  }
.a-dt-14 {       top: 547px;left: 398px;  }
.a-dt-15 {       top: 523px;left: 445px;}
.a-dt-16 {      top: 502px;left: 488px;  }
.a-dt-17 {  top: 477px;left: 533px;  }
.a-dt-18 {      top: 453px;left: 583px;}

/*b区馆  货物出入口*/
.b-hwcrk-1 { top: 159px;left: 467px; }
.b-hwcrk-2 { left: 555px;top: 115px }
.b-hwcrk-3 { left: 635px;top: 74px }
.b-hwcrk-4 { left: 390px;top: 472px }
.b-hwcrk-5 { left: 476px;top: 429px }
.b-hwcrk-6 { left: 467px;top: 593px }
.b-hwcrk-7 { left: 557px;top: 548px }
.b-hwcrk-8 { left: 639px;top: 502px }
.b-hwcrk-9 { left: 396px;top: 724px }
.b-hwcrk-10 { left: 479px;top: 685px }
.b-hwcrk-11 { left: 477px;top: 849px }
.b-hwcrk-12 { left: 558px;top: 805px }
.b-hwcrk-13 { left: 643px;top: 764px }

/*b区  电梯*/
.b-dt-1 { top: 125px;left: 400px; }
.b-dt-2 { left: 481px;top: 84px }
.b-dt-3 { left: 566px;top: 43px }
.b-dt-4 { left: 461px;top: 502px }
.b-dt-5 { left: 553px;top: 459px }
.b-dt-6 { left: 400px;top: 559px }
.b-dt-7 { left: 487px;top: 516px }
.b-dt-8 { left: 573px;top: 475px }
.b-dt-9 { left: 459px;top: 762px }
.b-dt-10 { left: 545px;top: 720px }
.b-dt-11 { left: 402px;top: 816px }
.b-dt-12 { left: 486px;top: 772px }
.b-dt-13 { left: 573px;top: 730px }

/*c区馆  货物出入口*/
.c-hwcrk-1 { top: 160px;left: 435px; }
.c-hwcrk-2 { left: 468px;top: 143px }
.c-hwcrk-3 { left: 493px;top: 130px }
.c-hwcrk-4 { left: 514px;top: 112px }
.c-hwcrk-5 { left: 540px;top: 100px }
.c-hwcrk-6 { left: 570px;top: 86px }
.c-hwcrk-7 { left: 624px;top: 53px }
.c-hwcrk-8 { left: 656px;top: 37px }
.c-hwcrk-9 { left: 686px;top: 23px }
.c-hwcrk-10 { left: 431px;top: 261px }
.c-hwcrk-11 { left: 461px;top: 242px }
.c-hwcrk-12 { left: 489px;top: 224px }
.c-hwcrk-13 { left: 508px;top: 211px }
.c-hwcrk-14 { left: 538px;top: 193px }
.c-hwcrk-15 { left: 565px;top: 180px }
.c-hwcrk-16 { left: 624px;top: 151px }
.c-hwcrk-17 { left: 650px;top: 136px }
.c-hwcrk-18 { left: 674px;top: 124px }
.c-hwcrk-19 { left: 429px;top: 353px }
.c-hwcrk-20 { left: 456px;top: 341px }
.c-hwcrk-21 { left: 480px;top: 328px }
.c-hwcrk-22 { left: 503px;top: 312px }
.c-hwcrk-23 { left: 531px;top: 296px }
.c-hwcrk-24 { left: 557px;top: 283px }
.c-hwcrk-25 { left: 620px;top: 252px }
.c-hwcrk-26 { left: 653px;top: 233px }
.c-hwcrk-27 { left: 676px;top: 220px }
.c-hwcrk-28 { left: 447px;top: 542px }
.c-hwcrk-29 { left: 530px;top: 496px }

/*c区  电梯*/
.c-dt-1 { top: 115px;left: 380px; }
.c-dt-2 { left: 474px;top: 67px }
.c-dt-3 { left: 584px;top: 8px }
.c-dt-4 { left: 378px;top: 218px }
.c-dt-5 { left: 460px;top: 174px }
.c-dt-6 { left: 591px;top: 105px }
.c-dt-7 { left: 382px;top: 315px }
.c-dt-8 { left: 479px;top: 266px }
.c-dt-9 { left: 586px;top: 208px }
.c-dt-10 { left: 381px;top: 519px }
.c-dt-11 { left: 467px;top: 476px }

/**/
.btn-list { margin: 10px 0;  }
.btn-list  span { font: 16px/30px '微软雅黑';  cursor: pointer; color: #000;  margin: 0 10px;    border: 1px solid #ccc; padding: 4px; border-radius: 6px;}
.btn-list span:hover { background-color: #ccc;  }

/**/
.back { font: 16px/20px "微软雅黑";color: #000;text-align: center; margin: 20px auto;  border: 1px solid #ccc; padding: 4px; border-radius: 6px; cursor: pointer; width: 100px;}
.back:hover { background-color: #ccc;  }