

@font-face {
	font-weight: normal;
	font-style: normal
}



@media (min-width: 768px) {
/* .container {
	width: 750px
} */
}
@media (min-width: 993px) {
.container2 {
	width: 990px;
  margin:0 auto;
}
}


@media (min-width: 768px) {

}
@media (min-width: 993px) {

}
@media (min-width: 1200px) {
	.container2 {
		width: 990px;
    margin:0 auto;

	}
}


.main3 {
	padding: 40px 0 50px
}
.main3.even {
	background: #f6f6f6
}
.map {
	height: 1060px;
	padding: 200px 0 50px;
	background: url(../images/oumzj_bg.png) center;
	background-size: auto 100%
}
@media (max-width: 992px) {
.map {
	background: url(../images/oumzj_bg@2x-s.png) center
}
}
@media (max-width: 992px) {
.map {
	background: #eaeced;
	height: auto
}
}
.map-contain {
	height: 100%;
	position: relative;
	/* border:1px solid red; */
}
#contact {
	position: absolute;
  right: -67px;
  top: 363px;
	width: 340px;
	z-index: 99;
  background: url('../images/oumzj_tc_bg@2x.png');
  background-size: 100% 100%;

}
@media (max-width: 992px) {

}
@media (max-width: 767px) {
#contact {
	position: static;
	width: 100%
}
}
#contact .tab-pane {
	/* background-color: #00a73b; */
	color: #fff;
	padding: 0 30px;
	display: block;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s
}
#contact .tab-pane.active {
	height: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
	padding: 30px 30px
}
#contact .tab-pane h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0
}
#contact .tab-pane p {
	line-height: 28px
}
#contact .tab-pane td {
	vertical-align: top
}
#contact .tab-pane td.title {
	width: 55px
}
.map-nav {
	list-style: none;
	padding: 0;
	margin: 0
}
.map-nav li.active a{
  font-weight: bold;
  color: #000000;
}
@media (max-width: 767px) {
.map-nav:before, .map-nav:after {
	content: " ";
	display: table
}
.map-nav:after {
	clear: both
}
}
.map-nav li {
  text-align: right;
  font-size: 18px;
  width: 80px;
  position: absolute;
  z-index: 11;
}

.map-nav li img {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.map-nav li.active img.location {
  -webkit-transform: scale(2);
  transform: scale(2);
  /* margin-top: -11px; */
  z-index: 3;
}
.map-nav li.active img.line {
  visibility: visible;
  max-width: 300px;
  z-index: 1;
}


.map-nav li img.location {
  width: 11px;
  float: right;
  margin-left: 5px;
  margin-top: -3px;
  position: relative;
  z-index: 9;
}
.map-nav li img.line {
  position: absolute;
  visibility: hidden;
  max-width: 5px;
  z-index: 1;
}
.map-nav li img.line.l0, .map-nav li img.line.l1, .map-nav li img.line.l2, .map-nav li img.line.l3, .map-nav li img.line.l4, .map-nav li img.line.l5, .map-nav li img.line.l7 {
  left: 95%;
}
.map-nav li img.line.l8, .map-nav li img.line.l6 {
  left: 2%;
}
.map-nav li img.line.l0, .map-nav li img.line.l1, .map-nav li img.line.l2, .map-nav li img.line.l7 {
  top: 10px;
}
 .map-nav li img.line.l5 {
  bottom: 30px;
}
.map-nav li img.line.l0{
  top:5px;
}
.map-nav li img.line.l1{
  top:5px;
}
.map-nav li img.line.l2{
  top:2px;
}
.map-nav li img.line.l3{
  bottom:25px;
}

.map-nav li img.line.l4{
  bottom:26px;
}
.map-nav li img.line.l7{
  top:5px;
} 
.map-nav li img.line.l6{
  bottom:20px;
} 
.map-nav li img.line.l8{
  bottom:20px;
}
.map-nav li a {
  color: white;
}
.map-nav li.map0 {
	right: 379px;
    top: 260px;
}
.map-nav li.map1 {
  top: 277px;
  right: 355px;
}
.map-nav li.map3 {
	right: 338px;
    top: 373px;
}
.map-nav li.map2 {
  right: 354px;
  top: 339px;
}
.map-nav li.map4 {
  right: 350px;
  top: 457px;
}
.map-nav li.map5 {
	top: 710px;
    right: 535px;
}
.map-nav li.map5 a {
  color: #444444;
}
.map-nav li.map6 {
  right: 265px;
  top: 485px;
  text-align: left;
}
.map-nav li.map6 a {
  color: #444444;
}
.map-nav li.map6 img.location {
  float: left;
  margin-right: 5px;
  margin-left: 0;
}
.map-nav li.map7 {
	right: 248px;
  top: 316px;
}
.map-nav li.map7 a {
  color: #444444;
}
.map-nav li.map8 {
  right: 318px;
  top: 492px;
  text-align: left;
}
.map-nav li a {
  color: #444444;
}
.map-nav li.map8 img.location {
  float: left;
  margin-right: 5px;
  margin-left: 0;
}
@media (max-width: 992px) {
  .map-nav li.map0 {
    top: 110px;
    left: 150px;
  }
  .map-nav li.map1 {
    top: 132px;
    left: 135px;
  }
  .map-nav li.map2 {
    top: 180px;
    left: 175px;
  }
  .map-nav li.map3 {
    top: 200px;
    left: 195px;
  }
  .map-nav li.map4 {
    top: 325px;
    left: 120px;
  }
  .map-nav li.map5 {
    top: 490px;
    left: 12px;
  }
  .map-nav li.map6 {
    top: 290px;
    left: 290px;
  }
  .map-nav li.map7 {
    top: 120px;
    left: 240px;
  }
  .map-nav li.map8 {
    top: 330px;
    left: 198px;
  }
}
.l4{
  width:230px;
}
@media (max-width: 767px) {
  .map-nav li {
    width: 11.111%;
    position: static;
    text-align: center;
    float: left;
    font-size: 12px;
  }
  .map-nav li img {
    display: none;
  }
  .map-nav li.map0, .map-nav li.map1, .map-nav li.map2, .map-nav li.map3, .map-nav li.map4, .map-nav li.map5, .map-nav li.map6, .map-nav li.map7, .map-nav li.map8 {
    text-align: center;
  }
  .map-nav li.map0 a, .map-nav li.map1 a, .map-nav li.map2 a, .map-nav li.map3 a, .map-nav li.map4 a, .map-nav li.map5 a, .map-nav li.map6 a, .map-nav li.map7 a, .map-nav li.map8 a {
    color: #444444;
    background: #cccccc;
    display: block;
    padding: 8px 0;
  }
  .map-nav li.map3 a, .map-nav li.map1 a, .map-nav li.map5 a, .map-nav li.map7 a {
    background: #dddddd;
  }
  .map-nav li.active a {
    background: #00a73b;
    color: white;
  }
}

.map {
  height: 1060px;
  padding: 200px 0 50px;
  background: url(../images/oumzj_bg.png) center;
  background-size: auto 100%;
}
@media (max-width: 992px) {
  .map {
    background: url(../images/oumzj_bg@2x-s.png) center;
    padding-bottom:0;
  }
}


