.container,
.container-fluid,
dl,
h1,
h2,
ul {
	padding: 0
}

body,
html {
	width: 100%;
	font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
	font-size: 16px
}

em {
	font-style: normal
}

img {
	max-width: 100%;
	height: auto
}

a {
	color: #323232;
	text-decoration: none !important
}

dl,
ul,
p {
	list-style: none;
	margin: 0
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin: 0 auto
}

.container {
	width: 1200px
}

.oph1 {
	position: absolute;
	left: -9999px;
	z-index: -99999999
}

.navbar-mark {
	position: fixed;
	top: 71px;
	left: 0;
	background: none;
	width: 100%;
	height: 100%
}

.main-color {
	font-style: normal;
	color: #efcba0 !important
}

.breadcrumb-bg {
	width: 100%;
	background: none;
	bottom: -40px
}

.breadcrumb-bg .breadcrumb {
	font-size: 13px;
	color: #999;
	padding: 8px 0;
	background: none;
	margin: 0 auto
}

.breadcrumb-bg .breadcrumb a {
	background: none;
	color: #999
}

.breadcrumb-bg .breadcrumb a:hover {
	color: #efcba0
}

.area-warp {
	background: #f5f7f9;
	padding-bottom: 50px
}

.area-tit-box {
	background: #293d77;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 20px
}

.area-tit-box .area-tit {
	position: relative;
	float: left;
	width: 148px;
	background: #b88141;
	color: #fff;
	padding: 10px 14px;
	border-radius: 4px;
	background: #b88141 url(area-tit-bg.png) no-repeat right bottom
}

.area-tit-box .area-tit p {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold
}

.area-tit-box .area-tit::before {
	display: block;
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 6px solid #b88141;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	right: -6px;
	top: 50%;
	margin-top: -6px
}

.area-main ul {
	float: left;
	width: calc(100% - 378px);
	padding: 0 33px
}

.area-main ul li {
	float: left;
	width: 12.285%;
	margin: 17px 1%
}

.area-main ul li a {
	display: block;
	font-size: 15px;
	line-height: 26px;
	color: #b57c39;
	background: #fff6eb;
	border-radius: 4px;
	text-align: center
}

.area-main ul li a:hover {
	color: #fff;
	background: #b57c39
}

.search-box {
	width: 210px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 16px;
	margin-right: 20px
}

.search-box input {
	width: 160px;
	padding-left: 27px;
	background: #fff url(search-bg.png) no-repeat 10px center;
	font-size: 12px;
	height: 28px;
	line-height: 26px;
	border: 1px solid #bbb;
	color: #888;
	border-radius: 4px 0 0 4px
}

.search-box .search-icon,
.search-box .search-icon:focus {
	position: static !important;
	float: right;
	width: 50px;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background: #b57c39 !important;
	border-color: #b57c39
}

.area-list-box {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.area-md {
	padding: 20px 30px
}

.area-md-tit {
	font-size: 24px;
	font-weight: bold;
	color: #293d77;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 8px
}

.area-md-tit span {
	position: relative
}

.area-md-tit span::before,
.area-md-tit span::after {
	position: absolute;
	display: block;
	content: '';
	width: 43px;
	height: 100%;
	top: 0
}

.area-md-tit span::before {
	left: -63px;
	background: url(tit-l.png) no-repeat right center
}

.area-md-tit span::after {
	right: -63px;
	background: url(tit-r.png) no-repeat left center
}

.area-md-tit1 {
	background: url(tit-bg1.png) no-repeat top center
}

.area-md-tit2 {
	background: url(tit-bg2.png) no-repeat top center
}

.area-md-tit3 {
	background: url(tit-bg3.png) no-repeat top center
}

.area-md-tit4 {
	background: url(tit-bg4.png) no-repeat top center
}

.area-md-tit5 {
	background: url(tit-bg5.png) no-repeat top center
}

.area-md-tit6 {
	background: url(tit-bg6.png) no-repeat top center
}

.layui-layer {
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3) !important
}

.layui-layer-btn0 {
	font-size: 14px !important;
	line-height: 28px !important
}

.area-list {
	margin: -20px -.75% 0
}

.area-list dl {
	float: left;
	width: 23.5%;
	margin: 20px 0.75% 0;
	border: 1px solid #b7c1e0;
	background: #edf0f9;
	border-radius: 6px;
	padding: 15px;
	text-align: center
}

.area-list dl dt a {
	display: block;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px
}

.area-list dl dd p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px
}

.area-list dl dd p span {
	color: #bf3d3d;
	font-weight: bold
}

.area-list dl dd .btn-box a {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	color: #b57c39;
	border: 1px solid #efcba0;
	width: 106px;
	margin: 0 5px;
	background: #fff;
	border-radius: 24px
}

.area-list dl dd .btn-box a:hover {
	color: #fff;
	border-color: #b57c39;
	background: #b57c39
}

.area-list dl.active,
.area-list dl:hover {
	background: #293d77
}

.area-list dl.active dt a,
.area-list dl:hover dt a {
	color: #fff
}

.area-list dl.active dt a:hover,
.area-list dl:hover dt a:hover {
	color: #efcba0
}

.area-list dl.active dd p,
.area-list dl:hover dd p {
	color: #fff
}

.area-list dl.active dd p span,
.area-list dl:hover dd p span {
	color: #fff
}

@media only screen and (max-width: 1200px) {
	.container {
		width: 95%;
		margin: 0 auto
	}
}

@media only screen and (max-width: 1024px) {
	.module {
		padding: 5% 0
	}

	.module-title h2 {
		font-size: 38px
	}

	.area-list dl {
		width: 31.333%;
		margin: 20px 1% 0
	}
}

@media only screen and (max-width: 768px) {
	.module-title>h2::after {
		background-size: 50px !important
	}

	.module-title .tit-line {
		margin-top: 3%
	}

	.area-warp {
		padding-bottom: 5%
	}

	.area-tit-box {
		padding-bottom: 15px
	}

	.area-tit-box .area-tit,
	.area-main {
		width: 100%;
		overflow: hidden
	}

	.area-tit-box .area-tit {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center
	}

	.area-tit-box .area-tit p {
		display: inline
	}

	.area-main ul {
		width: 100%;
		padding: 0 1%
	}

	.search-box {
		width: 96%;
		margin: 15px 2% 0
	}

	.search-box input {
		width: calc(100% - 50px)
	}

	.area-md {
		padding: 3% 2%
	}

	.area-list dl {
		width: 48%
	}

	.area-list dl dt a {
		font-size: 18px
	}
}

@media only screen and (max-width: 680px) {
	.module-title h2 {
		font-size: 28px;
		padding-top: 30px
	}

	.module-title>h2::after {
		display: none !important
	}

	.area-main ul li {
		width: 31.33%;
		margin: 15px 1% 0
	}

	.area-md {
		padding: 15px 2%
	}
}

@media only screen and (max-width: 425px) {
	.module {
		padding-top: 8%
	}

	.area-list dl dd .btn-box a {
		width: 100%;
		margin: 0 auto 10px
	}

	.area-list dl dd .btn-box a:last-child {
		margin-bottom: 0
	}
}