@charset "utf-8";

.header_BG {
	position: relative;
	top: 0;
	width: 100%;
	height: 400px
}

.header_BG>img {
	width: 100%;
	height: 400px
}

.sitemap_wrap {
	position: absolute;
	width: 1200px;
	left: 50%;
	bottom: 0;
	margin-left: -600px;
	padding: 0 40px;
	box-sizing: border-box
}

.sitemap_wrap ul {
	float: left;
	padding-top: 20px
}

.sitemap_wrap ul li:nth-child(1) {
	font-size: 36px;
	color: #25aaa8;
	margin-bottom: 10px
}

.sitemap_wrap ul li:nth-child(2) {
	text-transform: uppercase;
	font-size: 13px;
	color: #ccc;
	letter-spacing: 12px;
	margin-bottom: 20px
}

.sitemap_wrap ul li:nth-child(3) {
	width: 140px;
	text-align: center;
	font-size: 12px;
	color: #ccc;
	line-height: 1.75;
	border: 1px solid #979797;
	letter-spacing: 7px
}

.sitemap_wrap .sitemap_wrap_pic {
	float: right;
	width: 28.16%
}

.sitemap_wrap .sitemap_wrap_pic img {
	width: 100%;
	min-height: inherit
}

.sitemap_box {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px
}

.sitemap_menu {
	font-size: 14px;
	color: #333;
	line-height: 3.57;
	background: #f0f2f2;
	margin-bottom: 20px;
	padding-left: 20px
}

.sitemap_menu a:hover {
	color: #25aaa8
}

.sitemap_menu span {
	color: #25aaa8
}

.sitemap_nav {
	background: #f0f2f2;
	padding: 15px 0 40px;
	padding-left: 4.16%;
	margin-bottom: 50px
}

.sitemap_nav dl {
	border-left: 1px solid #ccc
}

.sitemap_nav dl dt {
	width: 100%;
	margin-bottom: 3.33%
}

.sitemap_nav dl dt h3 {
	position: left:50%;
	bottom: 0;
	margin-left: -15px;
	width: 30px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	background: #f0f2f2
}

.sitemap_nav dl dt h3 img {
	width: 66.66%
}

.sitemap_nav dl dt h3 a {
	display: block;
	color: #25aaa8;
	text-align: center
}

.sitemap_nav dl dd {
	float: left;
	width: 43.33%;
	border-top: 1px solid #ccc;
	padding: 1% 0 1.5% 1.66%;
	margin-right: 5%
}

.sitemap_nav dl dd h3 {
	font-size: 14px;
	color: #25aaa8;
	font-weight: 400;
	margin-bottom: 2.88%
}

.sitemap_nav dl dd ul li {
	float: left;
	font-size: 12px;
	margin-right: 7.61%;
	margin-bottom: 2.88%
}

.sitemap_nav dl dd ul li a {
	color: #7d7d7d
}

.sitemap_nav dl dd ul li a:hover {
	color: #25aaa8
}

@media only screen and (max-width:1024px) {
	.sitemap_wrap {
		width: 100%;
		left: 0;
		margin-left: 0
	}

	.sitemap_box {
		width: 100%
	}

	.sitemap_nav dl dd {
		float: none;
		width: 80%
	}
}

@media only screen and (max-width:768px) {
	.header_BG img {
		display: none
	}

	.sitemap_nav {
		margin-bottom: 160px
	}

	.header_BG.sitemap_bg {
		position: relative;
		left: 0;
		width: 100%;
		height: 260px;
		margin-left: 0;
		background: url(../images/webmapbg.jpg) no-repeat center;
		background-size: cover
	}
}

@media only screen and (max-width:414px) {
	.sitemap_nav {
		margin-bottom: 100px
	}
}