@charset "utf-8";
/* CSS Document */
.contact-box {
    margin-bottom: 30px;
	margin-top:50px;
    text-align: center;
	background-color:#c9c9c9;
}
.contact-box .map-show{
	display: inline-block;
    position: relative;
	}
.contact-box .map-show .location-box .location-info {
	color:#fff;
    background-color: #e96f2c;
    border-radius: 5px;
    display: none;
    padding: 30px 25px 40px;
    position: absolute;
    right: -174px;
    text-align: left;
    top: -290px;
    width: 388px;
    z-index: 1;
}
.contact-box .map-show .location-box .location-info .title{
	font-weight:bold;
	font-size:16px;
	}
.contact-box .map-show .location-box.l5 .location-info{
	right: 49px;
    top: -76px;
	}
.contact-box .map-show .location-box.l6 .location-info{
	right: -407px;
    top: -85px;
	}
.contact-box .map-show .location-box.l7 .location-info{
	right: -407px;
    top: -85px;
	}
.contact-box .map-show .location-box.l8 .location-info{
	right: -407px;
    top: -85px;
	}
.contact-box .map-show .location-box.l5 .arrow{
	right: 388px;
    top: 96px;
	}
.contact-box .map-show .location-box {
    background-image: url("../images/zb-icon.png");
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 47px;
    position: absolute;
    width: 28px;
    z-index: 1;
}
.contact-box .map-show .location-box .arrow{
	display: none;
    position: absolute;
    right: 211px;
    top: 262px;
    z-index: 1;
	}
.contact-box .map-show .location-box.active {
    background-position: 0 100%;
    z-index: 2;
}
.contact-box .map-show .location-box.l1{
	right: 59.5%;
    top: 38.5%;
	}
.contact-box .map-show .location-box.l2 {
    right: 78.5%;
    top: 43.5%;
}
.contact-box .map-show .location-box.l3 {
    right: 57.8%;
    top: 34%;
}
.contact-box .map-show .location-box.l4 {
    right: 28%;
    top: 29%;
}
.contact-box .map-show .location-box.l5{
	right: 63.5%;
    top: 59%;
	}
.contact-box .map-show .location-box.l6{
	right: 53%;
    top: 77%;
	}
.contact-box .map-show .location-box.l7{
	right: 53%;
    top: 67%;
	}
.contact-box .map-show .location-box.l8{
	right: 71%;
    top: 24%;
	}
.contact-box .map-show .location-box.l9{
	right: 72%;
    top: 47%;
	}
	.contact-box .map-show .location-box.l10{
right: 78%;
    top: 18%;
	}
	.contact-box .map-show .location-box.l11{
	right: 91%;
    top: 24%;
	}
.contact-box .map-show .location-box.l12{
	right: 21.5%;
    top: 38.5%;
	}
.contact-box .map-show .location-box.active .location-info, .contact-box .map-show .location-box.active .arrow{
	display:block;
	}

