.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
	overflow: hidden;
}
@keyframes boom{
0%{transform:scale(.8);opacity:1}
100%{transform:scale(1.1);opacity:0}
}
@keyframes shine{
0%{transform:scale(0);opacity:0}
40%{transform:scale(1.2);opacity:1}
60%{transform:scale(1);opacity:1}
80%{transform:scale(1.2);opacity:1}
100%{transform:scale(1);opacity:1}
}
.gray{
	height: 100%;
	width: 100%;
	background: url(../images/zy.png) no-repeat;
	background-size: 100% 100%;
}
.bg{
	height: 100%;
	width: 100%;
	background: url(../images/bg.png) no-repeat;
	background-size: 100% 100%;
}
.cs{
	width: 7vw;
	position: absolute;
	bottom: 6vw;
	left: calc(50% - 3.5vw);
}
.cs img{
	width: 100%;
	display: block;
	animation: boom 0.8s ease-out both infinite;
	animation-delay:0.5s;
}
.nav{
	width: 10vw;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: url(../images/zc.png) no-repeat;
	background-size: 100% 100%;
	box-shadow: 2px 0 5px rgba(0,0,0,0.3);
}
.nav ul{
	margin-top: 1vw;
}
.nav li:nth-child(1){
	border-top: 0.1vw solid #4eaff4;
}
.nav li{
	text-align: center;
	color: #fff;
	font-size: 1vw;
	font-weight: bold;
	padding: 1.6vw 0;
	position: relative;
	padding-left: 1vw;
	box-sizing: border-box;
	border-bottom: 0.1vw solid #4eaff4;
}
.icon_bm{
	width: 1vw;
	height: 1vw;
	background: url(../images/bm.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	left: 2vw;
	top: calc(50% - .5vw);
}
.icon_fw{
	width: 1vw;
	height: 1vw;
	background: url(../images/fw.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	left: 2vw;
	top: calc(50% - .5vw);
}
.icon_gg{
	width: 1vw;
	height: 1vw;
	background: url(../images/gg.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	left: 2vw;
	top: calc(50% - .5vw);
}
.icon_jg{
	width: 1vw;
	height: 1vw;
	background: url(../images/jg.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	left: 2vw;
	top: calc(50% - .5vw);
}
.icon_jt{
	width: 1vw;
	height: 1vw;
	background: url(../images/jt.png) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: absolute;
	left: 2vw;
	top: calc(50% - .5vw);
}
.nav_title{
	margin-top: 5vw;
}
.nav_title img{
	width: 3.5vw;
	display: block;
	margin: 0 auto;
}
.nav_title p{
	text-align: center;
	font-size: 1.2vw;
	color: #fff;
	text-shadow: 2px 0 3px rgba(0,0,0,0.4);
}
.nav_content{
	width: 63vw;
	position: relative;
	top: 5vw;
	left: 22vw;
	display: none;
}
.nav_info p{
	color: #fff;
	font-size: 1.2vw;
}
.nav_info span{
	font-size: .8vw;
	margin-left: 1.5vw;
	display: inline-block;
	position: relative;
}
.nav_list{
	background: url(../images/xx.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 1vw;
	margin-top: .6vw;
	padding-bottom: 1vw;
}
.line::after{
	content:"";
	width: .1vw;
	height: .8vw;
	background-color: #fff;
	display: block;
	position:absolute;
	left: -.8vw;
	top: calc(50% - .4vw);
}
.list_title{
	background: url(../images/db.png) no-repeat;
	background-size: 100% 100%;
	width: 10vw;
	height: 2.5vw;
	margin-left: -.3vw;
}
.list_title h3{
	color: #fff;
	text-align: left;
	font-size: 1.3vw;
	font-weight: bold;
	vertical-align: middle;
	padding-top: .2vw;
	text-indent: 1vw;
}
.service{
	margin-top: 1.3vw;
}
.place{
	margin-top: 1.3vw;
}
.public{
	margin-top: 1.3vw;
}
.service li{
	width: 30.63%;
	float: left;
	border-radius: .4vw;
	overflow: hidden;
	margin-left: 2%;
	margin-bottom: 1vw;
}
.place li{
	width: 30.23%;
	float: left;
	border-radius: .4vw;
	overflow: hidden;
	margin-left: 2%;
	margin-bottom: 1vw;
	height: 10vw;
}
.public li{
	width: 47%;
	float: left;
	border-radius: .4vw;
	overflow: hidden;
	margin-left: 2%;
	margin-bottom: 1vw;
}
.person{
	width: 100%;
}
.person img{
	width: 100%;
	display: block;
}
.place li:first-child{
	width: 62.5%;
}
.place li:last-child{
	width: 62.5%;
}
.service li img{
	display: block;
	width: 100%;
}
.place li img{
	display: block;
	width: 100%;
	height:100% ;
}
.public li img{
	display: block;
	width: 100%;
	height:100% ;
}
.hs{
	width: 100%;
}
.hs img{
	width: 100%;
	display: block;
}
.ewm{
	position: absolute;
	top: 11vw;
	right: -13vw;
	width: 12vw;
	height: 20vw;
	background: url(../images/ewm.png) no-repeat;
	background-size: 100% 100%;
	animation: shine 1.5s;
	animation-delay:0s;
}
.ewm_img{
	width: 7.5vw;
	margin: 0 auto;
	margin-top: 11.5vw;
}
.ewm_img img{
	width: 100%;
	display: block;
}
.bg .active{
	background-color: #0765c8;
	border-bottom: 0.1vw solid #0765c8;
}
.station{
	background-color: #ffffff;
	padding-top: .8vw;
	margin-top: .4vw;
}
.icon_return{
	display: inline-block;
	width: .6vw;
	height: 1vw;
	background: url(../images/zj.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: calc(50% - .5vw);
	left: 0;
}
.station_title{
	background-color: #0765c8;
	color: #ffffff;
	font-size: 1.3vw;
	text-align: center;
	padding: .3vw .6vw;
	box-sizing: border-box;
}
.station_title a{
	color: #fff;
	font-size: 1vw;
}
.station_title span{
	font-size: 1vw;
	float: left;
	margin-top: .2vw;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 1vw;
	box-sizing: border-box;
}
.station_list{
	padding:0 1.5vw;
	box-sizing: border-box;
	height: 40vw;
	overflow-x: hidden;
}
.map{
	padding:1vw 1.2vw;
	box-sizing: border-box;
	height: 40vw;
}
.map img{
	width: 100%;
	display: block;
}
.station_list li{
	border-bottom: 1px solid #e6e6e6;
	padding: 1vw 0;
}
.station_list_img{
	float: left;
	width: 14vw;
	height: 8vw;
	overflow: hidden;
}
.station_list_img img{
	display: block;
	width: 100%;
	height: 100%;
}
.station_info{
	float: left;
	margin-left: 1vw;
	margin-top: .6vw;
}
.station_info h3{
	font-size: 1.3vw;
	color: #657180;
	margin-bottom: .3vw;
}
.station_info p{
	color: #98a2af;
	font-size:.9vw;
	line-height: 1.4vw;
}
.station_info p:last-child{
	margin-top: .5vw;
}
.station_info p .red{
	color: #f04844;
}
.station_info p .black{
	color: #657180;
}
.station_info p .blue{
	color: #0765c8;
	text-decoration:underline;
	font-size: 1.1vw;
	position: relative;
	padding-left: 2vw;
}
.icon_position{
	width: 1.6vw;
	height: 1.6vw;
	background: url(../images/position.png) no-repeat;
	background-size:100% 100% ;
	display: inline-block;
	position: absolute;
	left: 0;
	top: calc(50% - 0.9vw);
}