a,
a:hover,
a:visited {
	color: inherit
}

body {
	font-size: 16px
}

.header {
	position: absolute;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	z-index: -1
}

.header {
	height: 729px
}

.footer {
	height: 118px;
}

.header-inner {
	position: absolute;
	left: 50%
}

.header-inner img.pc {
	position: relative;
	left: -50%
}

.header-inner img.mobile {
	display: none
}

.header-placeholder {
	height: 538px;
	width: 100%
}

body>.content {
	width: 1000px;
	margin: 0 auto
}

@media screen and (max-width: 1050px) {
	.header {
		height: 4.5563rem
	}

	.header-inner {
		position: relative;
		left: auto
	}

	.header-inner img.pc {
		display: none
	}

	.header-inner img.mobile {
		display: block;
		width: 100%
	}

	.header-placeholder {
		height: 3.28rem
	}

	.footer {
		height: 0.4rem
	}

	body>.content {
		width: 100%
	}
}

.section.video-outer embed,
.section.video-outer iframe,
.section.video-outer video {
	width: 100%;
	height: 100%
}

.section.video-outer {
	width: 495px;
	border: 2px solid #cccccc;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.section.video-outer .video-inner {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative
}

.section.video-outer .video-inner .video-container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.section.gzdt {
	width: 460px
}

.section.zcwj,
.section.cjdx {
	width: 480px
}

.section.fullwidth {
	width: 100%
}

.line {
	margin: 30px 0
}

@media screen and (max-width: 1050px) {
	.section.video-outer {
		width: 53%;
		margin-left: 1%
	}

	.section.gzdt {
		width: 42%;
		margin-right: 1%
	}

	.section.zcwj,
	.section.cjdx {
		width: 46%
	}

	.section.zcwj {
		margin-left: 1%
	}

	.section.cjdx {
		margin-right: 1%
	}

	.section.fullwidth {
		padding-left: 1%;
		padding-right: 1%;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 900px) {
	.line {
		margin: 0
	}

	.section {
		margin-bottom: 1.5em
	}

	.section.video-outer,
	.section.gzdt,
	.section.zcwj,
	.section.cjdx,
	.section.fullwidth {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0.2rem;
		padding-right: 0.2rem;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.section .heading {
	font-size: 28px
}

.section .heading .text {
	color: #8e540f;
	line-height: 36px;
	float: left
}

.section .heading .more {
	float: right;
	font-size: 12px;
	line-height: 36px;
	color: #393939
}

.section .heading-separator {
	height: 3px;
	width: 100%;
	margin: 10px 0
}

.section .heading-separator .left,
.section .heading-separator .right {
	height: 100%
}

.section .heading-separator .left {
	background-color: #8e540f;
	float: left;
	width: 4em
}

.section .heading-separator .right {
	background-color: #e5e2e4;
	overflow: auto
}

.news-list {
	width: 100%
}

.news-list li {
	line-height: 44.8px;
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden
}

.news-list li .bullet {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.8em
}

.news-list li .date {
	line-height: 44.8px;
	color: #b9b9b9;
	font-size: 12px
}

.news-list li .title {
	max-width: 880px;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width: 1050px) {
	.news-list li .title {
		max-width: 6rem
	}
}

@media screen and (max-width: 650px) {
	.news-list li .title {
		max-width: 5.5rem
	}
}

@media screen and (max-width: 380px) {
	.news-list li .title {
		max-width: 5rem
	}
}

.photo-list .swiper-slide {
	position: relative
}

.photo-list .swiper-slide .outer {
	position: relative
}

.photo-list .swiper-slide .outer,
.photo-list .swiper-slide img {
	width: 238px;
	height: 165px
}

.photo-list .swiper-slide .title {
	position: absolute;
	bottom: 0;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	color: white;
	line-height: 30px;
	padding: 0 0.6em;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media screen and (max-width: 1050px) {

	.photo-list .swiper-slide .outer,
	.photo-list .swiper-slide img {
		width: 238px;
		height: 165px
	}
}

@media screen and (max-width: 900px) {

	.photo-list .swiper-slide .outer,
	.photo-list .swiper-slide img {
		width: 238px;
		height: 165px
	}
}

@media screen and (max-width: 810px) {

	.photo-list .swiper-slide .outer,
	.photo-list .swiper-slide img {
		width: 2.14rem;
		height: 1.48361rem
	}
}

@media screen and (max-width: 610px) {

	.photo-list .swiper-slide .outer,
	.photo-list .swiper-slide img {
		width: 238px;
		height: 165px
	}
}

@media screen and (max-width: 550px) {

	.photo-list .swiper-slide .outer,
	.photo-list .swiper-slide img {
		width: 3.2rem;
		height: 2.21849rem
	}
}

@media screen and (max-width: 370px) {

	.photo-list .swiper-slide .outer,
	.photo-list .swiper-slide img {
		width: 3.2rem;
		height: 2.21849rem
	}
}

.content-padding {
	padding-bottom: 3em
}

.article-title {
	text-align: center;
	font-size: 24px;
	margin: 1em 0
}

.article-body p {
	line-height: 2em
}

.article-body img {
	max-width: 100%;
	margin: 1em auto
}

@media screen and (max-width: 1050px) {
	.article-body {
		padding: 0 1em
	}
}

footer {
	background: #fff;
	padding-bottom: 25px;
	border-top: 1px solid #ccc;
	margin-top: 20px
}

footer .foot-nav {
	text-align: center;
	line-height: 30px;
	padding-top: 20px;
	font-size: 13px
}

footer .foot-nav a {
	padding: 0 10px
}

footer table {
	line-height: 20px;
	margin: 10px auto;
	width: 682px
}

footer table p {
	padding: 0 10px;
	vertical-align: top
}

.article-info span {
	display: inline-block;
	margin: 0 1em
}

.article-info {
	text-align: center;
	font-size: 12px;
	color: #aaa;
	margin-bottom: 1em
}

/*# sourceMappingURL=index.css.map */