html {
	font-size: 62.5%;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

.wip_bg {
	width: 100%;
	margin: 0 auto;
}
.wip_fwleft {
	float: left;
	width: 15%;
	margin-right: 2%;
	height: auto;
	position: absolute;
	bottom: 0;
	top: 35px;
}

.wip_citytabbg {
	width: 100%;
	background: #FFFFFF;
	font-size: 15px;
	color: #333333;
	margin: 0px auto 25px;
}

.wip_citytabbg:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

.wip_citytabbg p {
	color: #23599d;
	font-size: 19px;
	font-weight: bold;
	float: left;
	line-height: 30px;
	width: 70px;
}

.wip_citytabbg div {
	width: 110px;
	height: 30px;
	line-height: 30px;
	background: url(citytab_bg.png) no-repeat center;
	padding-left: 15px;
	font-size: 15px;
	color: #333333;
	float: left;
}

.wip_fwnavbg {
	width: 100%;
	min-height: 300px;
	background: #eff1f6;
	padding-top: 20px;
	position: absolute;
	top: 55px;
	bottom: 0;
}

.wip_fwnavbg li {
	line-height: 40px;
	text-align: center;
	color: #333333;
	font-size: 17px;
}

.wip_fwnavbg li a {
	color: #333333;
}

.wip_fwnavbg .nav_hov a {
	color: #1a4689;
	font-weight: bold;
	display: block;
	width: 70%;
	background: url(sg.png) no-repeat left center;
	margin: auto;
}
.wip_fwbg {
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	padding-top: 35px;
	position: relative;
	margin-bottom: 35px;
}

.wip_fwright {
	width: 83%;
	float: right;
	border: #ebebeb 1px solid;
	min-height: 462px;
}

.wip_gzleft {
	float: left;
	width: 50%;
	height: 462px;
	border-right: #ebebeb 1px solid;
	background: url(wip_gzbg.png) no-repeat center;
}

.wip_gzright {
	float: left;
	width: 50%;
	height: 462px;
	padding-top: 78px;
}

.wip_jscon {
	width: 80%;
	margin: auto;
}

.wip_jscon_tit {
	width: 100%;
	font-size: 23px;
	color: #23599d;
	font-weight: bold;
	margin-bottom: 30px;
}

.wip_jscon_tit a {
	color: #23599d;
}

.wip_jscon p {
	color: #333333;
	font-size: 17px;
	margin-bottom: 20px;
}

.wip_jscon p span {
	color: #3367a7;
	display: block;
	width: 24%;
	float: left;
}

.wip_jscon p strong {
	font-weight: normal;
	display: block;
	width: 75%;
	float: left;
}

.wip_jscon p a {
	color: #3367a7;
}

.wip_searchbg span {
	color: #333333;
	font-size: 15px;
	line-height: 32px;
	display: inline-block;
	margin-bottom: 21px;
	width: 95px;
}

.wip_searchbg input {
	width: 270px;
	line-height: 32px;
	border: #cacaca 1px solid;
	color: #999999;
	font-size: 15px;
	padding-left: 15px;
	margin-bottom: 21px;
}

.wip_searchbg button {
	background: #4078be;
	color: #FFFFFF;
	margin-left: 100px;
	width: 270px;
	font-size: 17px;
	line-height: 40px;
	text-align: center;
	outline: none;
	border: 0px;
}
@media only screen and (max-width: 1200px) {
	
	.wip_bg {
		padding: 0px 1rem;
	}
}
@media only screen and (max-width: 1120px) {
	.wip_jscon {
		width: 90%;
	}
	.wip_fwnavbg {
		top: 100px;
	}
}

@media only screen and (max-width: 1000px) {
	.wip_searchbg input {
		width: 60%;
	}
	.wip_searchbg button {
		width: 60%;
	}
}

@media only screen and (max-width: 800px) {
	.wip_gzleft,
	.wip_gzright {
		float: none;
		width: 100%;
	}
	.wip_gzleft {
		display: none;
	}
	.wip_jscon p span {
		width: 16%;
	}
	.wip_gzright {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 750px) {
	.wip_fwright {
		float: none;
		width: 100%;
	}
	.wip_gzleft {
		display: none;
	}
	/*.wip_searchbg input{
		width: 270px;
	}
	.wip_searchbg button{
		width: 270px;
	}*/
	.wip_fwleft {
		float: none;
		width: 100%;
		margin-right: 0px;
		position: initial;
	}
	.wip_fwnavbg {
		min-height: auto;
		width: 100%;
		padding-top: 0px;
		margin-bottom: 20px;
		position: initial;
	}
	.wip_fwnavbg li {
		line-height: 50px;
		width: 33.333%;
		text-align: center;
		float: left;
	}
	.wip_fwright {
		float: none;
		width: 100%;
	}
	.wip_citytabbg {
		width: 100%;
	}
}
@media only screen and (max-width: 500px) {
	.wip_jscon p span {
		width: 24%;
	}
}