@charset "utf-8";

.blockOverlay {
	display: none;
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}

.blockPage {
	display: none;
	position: absolute;
	z-index: 1002;
	background-color: #fff;
	box-shadow: 0 1px 5px rgba(0,0,0,0.5)
}

.news-nav {
	padding: 10px
}

.news-nav .g-btn {
	position: relative;
	min-width: 160px;
	padding-left: 20px;
	padding-right: 30px;
	vertical-align: top;
	text-align: left
}

.news-nav .g-btn i {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -0.5em
}

@media (min-width:768px) {
	.news-nav {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (min-width:992px) {
	.news-nav {
		padding: 20px 0
	}
}

.news-list {
	padding-bottom: 40px;
	margin-bottom: 30px;
	background: #fff
}

.news-list .list {
	padding: 10px
}

.news-list .list .item a {
	display: block;
	padding: 10px 0;
	border-bottom: solid 1px #f2f2f2;
	*zoom: 1
}

.news-list .list .item a:after {
	content: " ";
	clear: both;
	display: table
}

.news-list .list .item a:hover img,.news-list .list .item a:active img {
	opacity: .8;
	filter: alpha(opacity=80)
}

.news-list .list .item .itemleft {
	padding-right: 10px;
	float: left
}

.news-list .list .item .itemleft img {
	width: 75px;
	height: 50px
}

.news-list .list .item .itemright {
	overflow: hidden
}

.news-list .list .item .itemright h3 {
	padding-bottom: 4px
}

.news-list .list .item .itemright span {
	display: none;
	font-size: 12px;
	color: #999;
	padding: 0 10px;
	float: right
}

.news-list .list .item .itemright p {
	color: #999;
	font-size: 12px;
	max-height: 36px;
	line-height: 18px;
	overflow: hidden;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (min-width:480px) {
	.news-list .list .item .itemleft img {
		width: 100px;
		height: 67px
	}
}

@media (min-width:768px) {
	.news-list .list {
		padding: 20px
	}

	.news-list .list .item a {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.news-list .list .item .itemleft {
		padding-right: 30px
	}

	.news-list .list .item .itemleft img {
		width: 240px;
		height: 160px
	}

	.news-list .list .item .itemright h3 {
		font-size: 18px;
		line-height: 30px
	;
		margin-bottom: 10px;
	}

	.news-list .list .item .itemright span {
		display: block
	}

	.news-list .list .item .itemright p {
		max-height: 96px;
		line-height: 24px;
		-webkit-line-clamp: 4
	}
}

@media (min-width:992px) {
	.news-list .list {
		padding-left: 30px;
		padding-right: 30px
	}

	.news-list .list .item a {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media (min-width:1200px) {
	.news-list .list {
		padding-left: 60px;
		padding-right: 60px
	}
}

.news-breadcrumb {
	padding: 10px
}

.news-breadcrumb .crumb {
	font-size: 12px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news-breadcrumb .crumb i {
	padding: 0 6px
}

.news-breadcrumb .crumb a {
	color: #666
}

.news-breadcrumb .crumb a:hover,.news-breadcrumb .crumb a:active {
	color: #262626
}

.news-breadcrumb .crumb a:last-child {
	display: none
}

@media (min-width:768px) {
	.news-breadcrumb {
		padding-left: 20px;
		padding-right: 20px
	}

	.news-breadcrumb .crumb a:last-child {
		display: inline
	}
}

@media (min-width:992px) {
	.news-breadcrumb {
		padding: 20px 0
	}
}

.news-pagecontent {
	background-color: #fff
}

.news-pagecontent .page {
	padding-top: 25px
}

.news-pagecontent .page .title {
	padding: 0 10px;
	text-align: center;
	font-size: 12px
}

.news-pagecontent .page .title h1 {
	font-size: 18px
}

.news-pagecontent .page .title .artInfo {
	line-height: 2;
	padding: 10px 0;
	color: #999
}

.news-pagecontent .page .title .artInfo time {
	padding: 0 10px
}

.news-pagecontent .page .title .artInfo span {
	display: block
}

.news-pagecontent .page .title .artInfo span a {
	margin-left: 10px;
	color: #999
}

.news-pagecontent .page .title .artInfo span a:hover,.news-pagecontent .page .title .artInfo span a:active {
	color: #262626
}

.news-pagecontent .page .title .article {
	padding: 15px;
	background: #f2f2f2;
	margin: 15px 0;
	color: #999
}

.news-pagecontent .page .content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding: 15px 10px 30px;
	line-height: 2;
	*zoom: 1
}

.news-pagecontent .page .content:after {
	content: " ";
	clear: both;
	display: table
}

.news-pagecontent .page .content p,.news-pagecontent .page .content ul,.news-pagecontent .page .content ol {
	margin-bottom: 10px
}

.news-pagecontent .page .content h2 {
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 16px;
	border-bottom: 1px solid #f2f2f2
}

.news-pagecontent .page .content h3 {
	padding-top: 10px;
	font-size: 16px
}

.news-pagecontent .page .content a {
	color: #3d6dcc
}

.news-pagecontent .page .content a:hover,.news-pagecontent .page .content a:active {
	text-decoration: underline
}

.news-pagecontent .page .content img {
	max-width: 100%;
	height: auto
}

.news-pagecontent .page .content table {
	max-width: 100%;
	background-color: #f7f7f7
}

.news-pagecontent .page .content table th,.news-pagecontent .page .content table td {
	font-size: 12px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background-color: #fff
}

.news-pagecontent .page .content table th {
	background-color: #f7f7f7
}

.news-pagecontent .page .content table img {
	max-width: inherit
}

.news-pagecontent .page .content .table_wrap {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ededed
}

.news-pagecontent .page .content .table_wrap_box {
	*zoom: 1
}

.news-pagecontent .page .content .table_wrap_box:after {
	content: " ";
	clear: both;
	display: table
}

.news-pagecontent .page .content ul li {
	margin-left: 2em;
	list-style: disc
}

.news-pagecontent .page .content ol li {
	margin-left: 2em;
	list-style: decimal
}

.news-pagecontent .page .section {
	background: #f7f7f7;
	padding: 10px
}

.news-pagecontent .page .section li a {
	font-size: 12px;
	display: block;
	padding: 10px 0;
	color: #666
}

.news-pagecontent .page .section li a:hover,.news-pagecontent .page .section li a:active {
	color: #262626
}

@media (min-width:768px) {
	.news-pagecontent .page {
		padding-top: 30px
	}

	.news-pagecontent .page .title {
		padding-left: 20px;
		padding-right: 20px
	}

	.news-pagecontent .page .title h1 {
		font-size: 20px
	}

	.news-pagecontent .page .content {
		padding-left: 20px;
		padding-right: 20px
	}

	.news-pagecontent .page .section {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (min-width:992px) {
	.news-pagecontent {
		float: left;
		width: 690px;
		margin-bottom: 30px
	}

	.news-pagecontent .page .title h1 {
		color: #262626
	}
}

@media (min-width:1200px) {
	.news-pagecontent {
		width: 870px
	}

	.news-pagecontent .page {
		padding-top: 50px
	}

	.news-pagecontent .page .title {
		padding-left: 60px;
		padding-right: 60px
	}

	.news-pagecontent .page .title h1 {
		font-size: 24px;
		font-weight: normal
	}

	.news-pagecontent .page .title .article {
		font-size: 14px
	}

	.news-pagecontent .page .content {
		padding-left: 60px;
		padding-right: 60px;
		padding-bottom: 40px
	}

	.news-pagecontent .page .section {
		padding-left: 60px;
		padding-right: 60px
	}
}

.news-pagelist {
	background-color: #fff
}

.news-pagelist ul li {
	border-bottom: 1px solid #f2f2f2
}

.news-pagelist ul li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100%;
	padding: 15px 90px 15px 10px;
	color: #666;
	line-height: 20px
}

.news-pagelist ul li a:hover,.news-pagelist ul li a:active {
	color: #262626
}

.news-pagelist ul li a time {
	position: absolute;
	right: 10px;
	top: 16px;
	width: 70px;
	text-align: right;
	color: #999;
	font-size: 12px
}

.news-pagelist ul li:first-child small {
	display: none
}

@media (min-width:768px) {
	.news-pagelist ul {
		*zoom: 1
	}

	.news-pagelist ul:after {
		content: " ";
		clear: both;
		display: table
	}

	.news-pagelist ul li {
		float: left;
		width: 50%
	}

	.news-pagelist ul li a {
		padding-left: 20px
	}
}

@media (min-width:992px) {
	.news-pagelist {
		float: right;
		width: 240px
	}

	.news-pagelist ul li {
		float: none;
		width: 100%
	}

	.news-pagelist ul li a {
		padding-left: 10px;
		font-size: 12px
	}

	.news-pagelist ul li a time {
		top: 15px
	}

	.news-pagelist ul li:first-child a {
		padding: 0
	}

	.news-pagelist ul li:first-child a em {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 5px 10px;
		color: #fff;
		text-align: center;
		background-color: #666;
		background-color: rgba(0,0,0,0.7);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.news-pagelist ul li:first-child a time {
		display: none
	}

	.news-pagelist ul li:first-child a small {
		display: block;
		overflow: hidden;
		position: relative;
		padding-bottom: 66.666667%
	}

	.news-pagelist ul li:first-child a small img {
		position: absolute;
		width: 100%
	}
}

@media (min-width:1200px) {
	.news-pagelist {
		width: 300px
	}
}