/*通用部分*/
.hidden{display: none;}
.of-hidden{overflow: hidden;}
@keyframes fadeIn-Up{
	from{
		opacity: 0;
		transform:translateY(-40px);
	}
	to{
		opacity: 1;
		transform:translateY(0px);
	}
}

@keyframes fadeIn-opacity{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes fadeOut-opacity{
	0%{
		opacity: 1;
	}
	8%{
		opacity: 1;
	}
	100%{
		opacity: .4;
	}
}
.nyWrap{
	padding:10px;
	margin-bottom:30px;
}
.grayBg{
	overflow: auto;
}
.ksBlock{
	width: 100%;
	vertical-align: middle;
}
/*
.ksNav dl dd li{
	width: 50%;
}
*/
@media screen and (max-width: 1480px) {
    .ksNav dl dt {
        width: 120px;
    }
	.ksNav dl {
		padding-left: 120px;
	}
}

.ksNav dl dt {
	width: 120px;
}
.ksNav dl{
	padding-left: 120px;
}
.ksNav dl dd{
	padding:55px 20px 20px 14px
}

@media screen and (max-width: 1200px){
	.ksNav dl dd li{
		width: 100%;
	}
	
}



/*地图部分*/
.mapBlock{
	width: 100%;
	margin:0 auto;
	vertical-align: middle;
	background: #fff;
    padding-bottom: 20px;
}
.navMap{
	margin: 0px auto;
	height: 392px;
	max-width:1200px;
	background-color: #fff;
	background-image: url('../images/navmap/mapbg.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 50% 50%;
	position: relative;
	overflow: hidden;
	animation: fadeIn-opacity 1s;
}

.navMap .pointBlock>div{
	position: absolute;
	width: 100%;left: 0;top:0;
	text-align: center;
	
}
.navMap .pointBlock>div>img{
	display: inline-block;
}
.navMap .pointBlock .ground{
	z-index: 101;
	animation:fadeOut-opacity 5s;
	opacity: .4;
	/* display: none; */
}
.navMap .pointBlock .building{
	z-index: 102;
}

.navMap .pointBlock .b6,.navMap .pointBlock .b3{
	z-index: 103;
}
.navMap .pointBlock .b2{
	z-index: 104;
}
.navMap .pointBlock .building .img{
	display: inline-block;
}
.navMap .pointBlock .building img{
	 animation-name: fadeIn-Up;
	 animation-duration: 2s;
	 animation-timing-function: ease;
	/*opacity: .6;*/
}
.navMap .pointBlock .building.grayFilter{
	filter: sepia(100%);
}

.navMap .pointBlock .b2 img,.navMap .pointBlock .b4 img{
	 animation-duration: 3s;
}

.navMap .pointBlock .b3 img,.navMap .pointBlock .b5 img{
	 animation-duration: 3.5s;
}
.navMap .pointBlock .b7 img,.navMap .pointBlock .b9 img{
	 animation-duration: 4s;
}
.navMap .tipsBox{
	min-width: 145px;
	padding: 5px 0px;
	background: #478973;
	border-radius: 8px;
	border: 3px solid #016241;
	position: absolute;
	overflow: hidden;
	left:0;
	top:0;
	z-index:105
}
.navMap .tipsBox *{
	color: #fff;
	text-align: center;
	margin: 5px auto;
}
.navMap .tipsBox h1{
	font-size: 16px;
	width: 100px;
}
.navMap .tipsBox h2{
	font-size: 14px;
	font-weight: 400;
}
.navMap .tipsBox p{
	font-size: 12px;
}

.navMap .tipsBox a{
	display:block;
	width: 90px;
	background: #fff;
	color: #006E4D;
	border-radius: 15px;
	font-size: 12px;
	padding:2px 0;
	margin: 20px auto 5px;
}

.mobile{
	display: none;
}
.mobile .tipsBox{
	margin: 10px auto;
	background-color: #fff;
	padding: 10px 15px;
}
.mobile .tipsBox *{
	color: #016241;
}
.mobile .tipsBox h1{
	font-size: 18px;
	
}
.mobile .tipsBox h2{
	font-size: 14px;
	margin-bottom: 5px;
}
.mobile .tipsBox p{
	font-size: 12px;
}

.mobile .tipsBox a{
	display:block;
	width: 120px;text-align: center;
	background: #177857;
	color: #fff;
	border-radius: 30px;
	font-size: 14px;
	padding:5px 0;
	margin: 20px 0 5px;
}

@media screen and (max-width: 1480px) {
	
}
@media screen and (max-width: 760px) {
	.navMap{
		height: 200px;
		transform: scale(1.8);
	}
	
	.navMap .tips{
		display: none;
	}
	.mobile{
		display: block;
	}
	.ksBlock{
		width: 90%;
		margin-left: 5%;
	}
	.ksNav dl {
		padding-left: 0;
		margin-bottom: 20px;
	}
	.ksNav dl dt {
		position: relative;
		width: 100%;
		height: 120px;
	}
	.ksNav dl dd li {
		width: 50%;
	}
	.mapBlock{
		max-width: 90%;
		width: 90%;
		margin-left: 5%;
	}
	.ksNav dl dd {
	    padding: 10px 10px 10px 10px;
	}
}


/*新导航条*/
.lists {background:#fff;min-height:150px;width:100%;}
.lists .hidden{display:none;}
.lists ul li{cursor:pointer;}
.lists .building{border:1px solid #eee;border-radius:6px 6px 0 0;border-bottom:4px solid #ccc;display:flex;flex-wrap: wrap;width:100%;}
.lists .building li{font-size:16px;color:#999;padding:10px 15px;border-bottom:4px solid #ccc;transform:translateY(4px);width:155px;text-align:center;}
.lists .building li:hover{color:#03653E;}
.lists .building li.active{color:#058351;font-weight:600;border-bottom:4px solid #058351;transform:translateY(4px)}
.lists .floor{display:flex;flex-wrap: wrap; padding:10px;}
.lists .floor li{background:#fefefe;color:#999;margin:2px 4px;font-size:14px;padding:3px 12px;border-radius:14px;border:1px solid #ccc;}
.lists .floor li:hover{background:#0fb774;color:#fff;}
.lists .floor li.active{background:#03653E;color:#fff;}
.lists .rooms{padding:10px 5px;}
.lists .rooms a{font-size:14px;color:#666;display:inline-block;border-bottom:2px solid #999;padding:2px 5px;margin: 8px 5px;}
.lists .rooms a:hover{color:#0fb774;border-color:#0fb774}