@charset "utf-8";
/* CSS Document */

body {
	background:#fafafa;
}
.article-banner {
	height:120px;
	background:url(../images/article-bg.jpg) no-repeat top center;
	overflow:hidden;
	min-width:1200px;
}
.article {
	width:1200px;
	min-height:500px;
	margin:50px auto 30px auto;
	overflow:hidden;
	background:#fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	padding:30px;
	clear:both;
	border:solid 1px #ddd;
	border-bottom:none;
}
.article p {
	line-height:200%;
	font-size:14px;
	margin-top:5px;
}
.article .article-header {
	margin:0px auto 10px auto;
	overflow:hidden;
	text-align:center;
}
.article .article-head {
	font-size:23px;
	line-height:120%;
	margin-bottom:10px;
	font-family:"微软雅黑";
	color:#333;
}
.article .article-tags {
	width:100%;
	height:45px;
	line-height:45px;
	border-top:solid 1px #ececec;
	border-bottom:solid 1px #ececec;
	margin:15px auto 20px auto;
	color:#666;
	font-family:"微软雅黑";
	clear:both;
	text-align:center;
}
.article .article-tags span {
	margin-right:25px;
}
.article .tags-grroup {
	cursor:pointer;
}
.article .article-content {
	width:100%;
	height:auto;
	overflow:hidden;
	line-height:200%;
	font-family:"微软雅黑";
	font-size:14px;
}
.article .article-content img {
	max-width:1140px;
	cursor:pointer;
	display:block;
	display:block;
	margin:5px auto 0px auto;
}
.article .article-content p {
	line-height:200%;
}
.article-pager {
	width:1200px;
	height:38px;
	margin:0px auto 30px auto;
	clear:both;
	text-align:center;
}
.article-pager li {
	width:128px;
	height:38px;
	border:solid 1px #ddd;
	text-align:center;
	display:inline-block;
	line-height:38px;
	box-sizing:border-box;
	border-radius:2px;
	background:#fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin-right:7px;
}
.article-pager li a {
	width:100%;
	height:38px;
	display:block;
	color:#333;
}
.article-pager li:hover {
	background:#189aff;
	color:#fff;
	border:solid 1px #189aff;
}
.article-pager li:hover a {
	color:#fff;
}
.article .article-share {
	height:40px;
	margin-bottom:10px;
	position:relative;
}
.article .article-share div {
	float:right;
}
.article .article-share div.share-iconfont {
	height:40px;
	line-height:40px;
	margin-right:10px;
}
.article .article-share div.share-icon {
	width:30px;
	height:30px;
	margin-right:5px;
	border-radius:15px;
	border:solid 1px #ececec;
	overflow:hidden;
	text-align:center;
	padding:3px;
}
.article .article-share div.share-icon img {
	width:98%;
	display:block;
	margin:2px auto;
	-webkit-filter: grayscale(1);
	filter:gray;
	filter: grayscale(1);
}
.article .article-share div.share-icon:hover {
	border:solid 1px #ddd;
}
.article .article-share div.share-icon:hover img {
	-webkit-filter: grayscale(0);
	filter:none;
	filter: grayscale(0);
}
/*
 * @author 日照云生网络(www.rzyunsheng.com)
 */
.article .share-weixin {
	position:absolute;
	right:155px;
	top:-147px;
	width:150px;
	height:150px;
	background:url(../images/weixin-bg-b.png) no-repeat center center;
	background-size:cover;
	overflow:hidden;
	display:none;
}
.article .share-weixin img {
	display:block;
	margin:5px auto;
	overflow:hidden;
}
.uyan_frame {
	width:1200px;
	min-height:100px;
	margin:0px auto 30px auto;
	overflow:hidden;
	border:solid 1px #ddd;
	background:#fff;
	border-radius:2px;
	box-shadow:0 0 5px #ececec;
	padding:30px;
	clear:both;
}
.sohucs {
	width:1200px !important;
	min-height:100px !important;
	margin:0px auto 30px auto !important;
	overflow:hidden;
	border:solid 1px #ddd !important;
	background:#fff !important;
	border-radius:2px;
	box-shadow:0 0 5px #ececec !important;
	padding:30px !important;
	clear:both;
}
.comment-loading {
	width:100%;
	height:32px;
	background:#efefef;
	text-align:center;
	line-height:32px;
	color:#333;
	font-size:14px;
	position:relative;
	overflow:hidden;
}
.comment-loading .comment-bar {
	width:0;
	height:32px;
	background:#189aff;
	position:absolute;
	left:0;
	top:0;
	-webkit-animation:nprogress 2.5s linear infinite;
	animation:nprogress 2.5s linear infinite;
	z-index:1;
}
.comment-loading .comment-txt {
	width:100%;
	text-align:center;
	height:32px;
	z-index:2;
	top:0;
	left:0;
	line-height:32px;
	position:absolute;
	-webkit-animation:cprogress 2.5s infinite;
	animation:cprogress 2.5s infinite;
	z-index:1;
}
 @-webkit-keyframes nprogress {
 0% {
 width:0;
}
 100% {
 width:100%;
}
}
 @keyframes nprogress {
 0% {
 width:0;
}
 100% {
 width:100%;
}
}
 @-webkit-keyframes cprogress {
 0% {
 color:#333;
}
 95% {
 color:#fff;
}
 100% {
 color:#fff;
}
}
 @keyframes cprogress {
 0% {
 width:#333;
}
 95% {
 color:#fff;
}
 100% {
 color:#fff;
}
}
/* this is show lage picture style */

.i-showpicture {
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
}
.i-showpic-picbox {
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	z-index:1000000;
}
.i-showpic-div {
	position:absolute;
	overflow:hidden;
	width:auto;
}
.i-showpic-pic {
	float:left;
	background:url(../images/load.gif) no-repeat center center;
}
.i-showpic-pic img {
	display:block;
	margin:0px auto;
	overflow:hidden;
	display:none;
	cursor:pointer;
}
.i-showpic-arrowleft {
	width:60px;
	height:60px;
	position:fixed;
	left:0;
	top:50%;
	margin-top:-30px;
	background:url(../images/arrow-icon.png) no-repeat 0 0;
	cursor:pointer;
	display:block;
	z-index:1000003;
}
.i-showpic-arrowleft:hover {
	background:url(../images/arrow-icon.png) no-repeat 0 -64px;
}
.i-showpic-arrowright {
	width:60px;
	height:60px;
	position:fixed;
	right:0;
	top:50%;
	margin-top:-30px;
	background:url(../images/arrow-icon.png) no-repeat 0 -128px;
	cursor:pointer;
	display:block;
	z-index:1000003;
}
.i-showpic-arrowright:hover {
	background:url(../images/arrow-icon.png) no-repeat 0 -192px;
}
.i-showpic-close {
	width:60px;
	height:60px;
	position:fixed;
	right:15px;
	top:15px;
	background:url(../images/i-close.png) no-repeat center center;
	background-size:70%;
	cursor:pointer;
	display:block;
	z-index:1000003;
}
/*  */



.article-list {
	width:1200px;
	min-height:100px;
	margin:30px auto 30px auto;
	overflow:hidden;
	border:solid 1px #ddd;
	background:#fff;
	border-radius:2px;
	box-shadow:0 0 5px #ececec;
	padding:10px;
	clear:both;
}
.article-list .news-div {
	width:386px;
	height:105px;
	background:url(../images/new-list.png) no-repeat top center;
	overflow:hidden;
	cursor:pointer;
	float:left;
	margin:3px 3px 3px 3px;
	border:solid 1px #dcdcdc;
}
.article-list .news-div:hover {
	background:url(../images/new-list.png) no-repeat bottom center;
	border:solid 1px #fff;
}
.article-list .news-div .news-calender {
	width:100px;
	height:106px;
	text-align:center;
	float:left;
}
.article-list .news-div .news-calender b {
	font-size:28px;
	color:#fff;
	display:block;
	line-height:30px;
	height:30px;
	margin-top:25px;
}
.article-list .news-div .news-calender span {
	color:#fff;
}
.article-list .news-div .news-rmain {
	width:280px;
	float:left;
	height:106px;
	overflow:hidden;
}
.article-list .news-div h2 {
	height:40px;
	line-height:54px;
	font-size:16px;
	font-weight:normal;
	overflow:hidden;
	width:263px;
	color:#333;
}
.article-list .news-div p {
	height:46px;
	line-height:180%;
	overflow:hidden;
	color:#666;
	overflow:hidden;
	width:263px;
}
/*
 * @author 日照云生网络(www.rzyunsheng.com)
 */