@charset "utf-8";
body {
	font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #656d78;
	background-color: #f5f7fa;
	margin: 0 auto;
	padding: 0;
}
div.flowbox{
	display: none;
}
header, section, footer, aside, article, figure {
	display: block;
}
/* ~~ 元素/标签选择器 ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: underline;
}
.right{
	float:right;
}
.left{
	float: left;
}
.center{
	text-align: center;
}
.noborder{
	border:none;
}
.container {
    max-width: 640px;
    margin: 0 auto;
    background: #FFF;
}
/*全站顶部菜单*/
#webnav{
	background: #EEE;
	border-bottom: #9a9a9a solid 1px;
	height: 34px;
	text-align: center;

}
	#webnav div{
		overflow: hidden;
		margin: 0 auto;
	}
	ul.sitetopmenu{
		display:none;
		list-style:none;
	}
	ul.sitetopmenu li{
	float:left;
	font-size:12px;
	margin-right: 10px;
	}
	ul.sitetopmenu li.right{
		margin: 0;
	}
	ul.sitetopmenu li a{
		color:#6F6F6F;
		text-decoration:none;
		display:block;
		padding:0 10px 0 0 ;
		line-height:12px;
		margin-top:12px;
		 
	}
	ul.sitetopmenu li.right a{
		padding:0 0 0 10px ;
		border-right:none; 
		border-left: #aaa solid 1px; 
	}
	ul.sitetopmenu li.noborder a{
		border:none; 
	}
	ul.sitetopmenu li a:hover{
		color:#3F3F3F;
	}
/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。 ~~ */
header {
	padding:0;
	margin:0;
	overflow:hidden;
}
header .logo img{
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
}
header .topmenu{
	margin-top:15px;
	margin:  0 auto;
}

nav{
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
	background-color: #1e99f0;
	overflow:hidden;
	z-index:101;
}
nav ul {
	list-style: none; /* 这将删除列表标记 */
	display:inline;
}
nav ul li {
	display:inline;
	float:left;
}
nav ul a,nav ul a:link, nav ul a:visited {
	padding: 0 5px;
	display: block; 
	text-decoration: none;
	background-color: #1e99f0;
	color: #FFF;
}
nav ul a:hover, nav ul a:active,nav ul a:focus {
	background-color: #32adfc;
	text-decoration: none;
	color: #FFF;
}
.content2cols {
	padding:0;
	overflow:hidden;
}
		
	.content2cols .content2colsright {
		/*padding:10px;*/
		overflow:hidden;
		background:#FFF;
	}
	.content2cols .content2colsright  .content{
		float:left;
		overflow: hidden;
	}
	.content2cols .content2colsright .content img {
		clear:both;
	}
	.articleheader {
		border:none;
		padding:10px;
		clear:both;
		text-align:center;
	}
	.articleheader h3,.articleheader h2,.articleheader h1{
		
		font: 100 24px/30px arial,"Hiragino Sans GB","Microsoft YaHei",SimHei,sans-serif;
		color: #434a54;
		clear:both;
	}	
	
	.articleheader span{
		color: #999999;
		font-size: 10px;
		display: none;
	}
	.articlebody{
		font: 18px/30px arial,"Hiragino Sans GB","Microsoft YaHei",SimHei,sans-serif;
		line-height:30px;
		color: #333;
	}
	.articlebody p{
		margin: 10px 0;
		padding: 10px;
		font-size: 14px;
	}
	.articlebody img{
		width: 100%;
		padding:0;
		border:none; 
		margin: 10px 0;
	}
	.articlebody h2,.articlebody h1,.articlebody h3{
		font: arial,"Hiragino Sans GB","Microsoft YaHei",SimHei,sans-serif;
		height: 30px;
		width:100%;
		line-height: 30px;
		background: #1e99f0;
		color:#FFF;
		padding-left: 2px;
	}
	.articlebody h1{
		font-size: 18px;
	}
	.articlebody h2{
		font-size: 16px;
		
	}
	.articlebody h3{
		font-size: 16px;
	}
	.articlebody table tr th h2{
		.articlebody h2
	}
.contentbanner{
	margin:10px 0 10px 0;
	display:block;
	background:#FFF;
	overflow:hidden;
	text-align: center;
}

	.contentbanner h2,.title h2,.contentbanner h1,.title h1{
		line-height:51px;
		font-size:14px;
		border-bottom:1px solid #e6e9ed;
		font: 400 18px/50px arial,"Hiragino Sans GB","Microsoft YaHei",SimHei,sans-serif;
		margin:0;
		color: #434a54;
		text-align: center;
	}
	.title{
		margin:0;
		background:#FFF;
		overflow:hidden;
		border-bottom:1px solid #e6e9ed;
		height:51px;
		line-height:51px;
	}	
	.title h2,.title h1{
		float:left;
	}

.contentbanner .box{
	background:#e6e9ed;
	display: block;
	margin: 0 auto;
	
}
.contentbanner .box div.templettype1 img{
	width: 100%;
}

.box div.templettype1 a{
	display:block;
	width:100%;
	text-decoration: none;
}
	.box div.templettype1{
		width: 100%;
	}
	.box div.templettype1 a span.title{
		color:#fff;
		font-size: 30px;
		display: block;
		top:10px;
		left:10px;
		background: none;
		border: none;
		opacity:0.5;
		z-index:10;
		
	}
	.box div.templettype1 a span.info{
		color:#fff;
		font-size: 20px;
		display: block;
		top:60px;
		left:13px;
		background: none;
		opacity:0.5;
		z-index:10;
		line-height: 30px;
		
		
	}
.box div.templettype1 a:hover span.title,.box div.templettype1 a:hover span.info{
	z-index:1;
	color:#fff;
	opacity:10;
}
.box div.templettype1 a img{
	/*transition: opacity 0.1s;*/
	z-index:0;
}
.box div.templettype1 a:hover img{
	opacity:0.5;
	z-index:0;
}
.box div.templettype2{
	margin: 0;
	padding: 10px;
}

.content {
	padding: 0;
	width: 100%;
	float: left;
	
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}



/* ~~ 脚注 ~~ */
footer {
	padding: 10px 0;
	background-color: #f5f7fa;
	position: relative;/* 这可以使 IE6 hasLayout 以正确方式进行清除 */
	clear: both; /* 此清除属性强制 .container 了解列的结束位置以及包含列的位置 */
	text-align:center;
}
footer.with100{
	background-color: #fff;
}
footer .footerup{
	height:239px;
	width:1185;
	border:#FFF 10px solid;
	margin-bottom:20px;
}

	footer .footerup .footerupTop{
		height:50px;
		padding: 20px 0px 20px 0px;
		color: #656d78;
		border-bottom: 1px solid #ededed;
	}
	footer .footerup .footerupTop a{
		font-size: 15px;
		width:289px;
		height:38px;
		display:block;
		float:left;
		border-right:#ccd0d9 solid 1px;
		text-decoration: none;
	}
	footer .footerup .footerupTop a span.number{
		line-height:44px;
		margin-right:5px;
		font-size: 44px;
		float:left;
		text-align:right;
		width:140px;
		height:44px;
	}
	footer .footerup .footerupTop a span{
		display:block;
		width:140px;
		text-align:left;
		float:left;
		height:20px;
	}
	footer .footerdown{
		padding-top:25px;
		overflow:hidden;
	}
	footer .footerdown .footeritem{
		width:150px;
		float:left;
		font-size:12px;
		text-align:left;
		padding-left:30px;
		line-height:26px;
		
	}
	footer .footerdown .footeritem h4{
		padding:0;
		margin:0;
	}
	footer .footerdown .footeritem ul{
		list-style:none;
		
	}
	footer .footerdown .footeritem ul li{
	}
	footer .footerdown .footeritem ul li a{
		text-decoration:none;
	}	
	footer .footerdown .footeritem ul li a span{
		vertical-align:middle;
	}		
	footer .footerdown .footeritem ul li a:hover{
		color: #f84858;
	}	
	footer .footerdown .online {
	float: right;
	width: 220px;
	margin-right: 20px;
	font-size: 12px;
	}	
	footer .footerdown .online ul{
		list-style:none;
	}	
	
	footer .footerdown .online ul .item1 {
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	overflow: hidden;
	margin-bottom: 6px;
	vertical-align: middle;
	}	
	footer .footerdown .online ul .item1 span{
	vertical-align: middle;
	margin-right:10px;
	}		
	footer .footerdown .online ul .item2 {
	line-height: 20px;
	margin-bottom: 6px;
	font-size: 12px;
	vertical-align: middle;
	}
	.online ul .item3 a span {
		margin-right: 8px;
		vertical-align: middle;
	}
	.online ul .item3 a {
		vertical-align: middle;
		float: right;
		display: block;
		width: 220px;
		height: 40px;
		line-height: 40px;
		color: #fff;
		font-size: 16px;
		overflow: hidden;
		text-decoration: none;
		border-radius: 6px;
	}	
	
	.icon-common-face {
	width: 28px;
	height: 27px;
	background-position: -148px 0;
	}	
	address{
		font-style:normal;
	}
	

table{
	width:100%;
	clear:both;
}
	table,td,th{
		border-collapse :collapse ;
		border:#AAA 1px solid;
		padding:4px 10px;
	}
	table thead tr{
		background:#F0F0F0;
	}
	table tr{
		background:#FFF;
	}
	table tbody tr:hover{
		background:#F6F6F6;
	}	
	table tr th{
		
	}
	table tr td>table tr th{
		background: #1e99f0;
	}
	table tr td{
		font-size: 10px;
	}
	table tr.hide{
		color:#C9C9C9;
		background:#FEFEFE;
	}
.height3row{
	height:90px;
}
.height4row{
	height:120px;
}
.height5row{
	height:150px;
}
.width1col{
	width:100px;
}
.width2col{
	width:200px;
}
.width3col{
	width:300px;
}
.width4col{
	width:400px;
}
.width5col{
	width:500px;
}
.width6col{
	width:600px;
}
.width100col{
	width:100%;
}

ul.directory{
	margin:0;
	padding:10px;
	list-style:none;
	font-size:16px;
}
	ul.directory li{
		border:#CCC 1px dotted;
		padding:10px;
		border-radius:5px;
		overflow: hidden;;
		min-height: 40px;
		margin-top: 20px;
	}
	ul.directory li:hover{
		background:#FAFAFA;
	}
	ul.directory li span{
		margin-left:2px;
	}
	ul.directory li span.type{
	}
	ul.directory li span.subject{
		display:block;
		width: 100%;
		overflow: hidden;
		line-height: 40px;
		color:#999;
		text-align: center;
	}
	ul.directory li span.author{
		display: none;
	}
	ul.directory li span.pubtime{
		font-size:14px;
		float:right;
		line-height: 30px;
	}
	ul.directory li span.pic{
		max-width: 480px;
		max-height: 240px;
		overflow: hidden;
		margin: 0 auto;
		display: block;
	}
	ul.directory li span.pic img{
		clear: both;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	ul.directory li span a{
		text-decoration:none;
		font-size: 12px;
	}
	ul.directory li span a:hover{
		text-decoration:underline;
	}	
	

article.adbannerwith100{
	padding:0;
	width: 100%;
	text-align:center;
	margin: 0 auto;
}
	article.adbannerwith100 a span.title{
		text-decoration: none;
		border: none;
		font-size: 16px;
		line-height: 30px;
	}
	article.adbannerwith100 h1{
		font: 400 18px/50px arial,"Hiragino Sans GB","Microsoft YaHei",SimHei,sans-serif;
		color: #434a54;
		height:40px;
		border-bottom:#f5f7fa solid 1px;
		margin:0;
	}
	article.adbannerwith100 div.boxwith100 img{
		width: 100%;
		padding: 0;
		margin: 0;
	}
/*测试表单*/
.form{
	margin: 0 auto;
}
	.form fieldset{
		border:none;
		padding: 10px 10px 0 20px;
		text-align: left;
	}
	form fieldset span.info,form fieldset span.message{
		padding:0px 5px;
		display:block;
		text-align:left;
		line-height:16px;
		font-size:16px;
		font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
		font-weight: normal;
	}
	form fieldset span.message{
		margin-top:5px;
		color:#F66;
		font-size:14px;
	}
	.form fieldset label{
		padding:5px 5px;
		line-height:24px;
		font-size:16px;
		font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
		font-weight: normal;
	}
	.form fieldset img{
		height: 30px;
		margin: 0 0 0 10px;
		vertical-align:bottom;
	}
	.form fieldset input,.form fieldset textarea,.form textarea{
		line-height:20px;
		border:#CCC solid 1px;
		padding:5px 5px;
		height:34px;
		font-size:16px;
		-webkit-border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		border-radius: 4px 4px 4px 4px;		
		font-family: arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;
		font-weight: normal;
	}
	.form fieldset textarea,.form textarea{
		height:60px;
		width: 90%;
	}
	.form fieldset span.ok{
		background: url("../images/ok.gif") no-repeat;
	}
	
article.test{
	width: 100%;
	margin: 0;
}
	article.test h1{
		display: block;
		text-align:center;
		font-size: 26px;
		padding: 5px 0 ;
	}
	article.test .testheader{
		width: 100%;
	}
	article.test .testheader div.editable span.title{
		display: block;
		text-align:center;
		font-size: 16px;
		border: none;
	}
	article.test .testheader div.editable span.info{
		display: block;
		border: #eee dotted 1px;
		padding: 10px;
		font-size: 14px;
		line-height: 22px;
		margin: 0 auto;
		background:#FAFAFA;
		text-align: left;
	}
	article.test .testheader div.editable img{
		text-align: center;
		margin-top: 20px;
		max-width: 100%;
	}
	article.test .testbody{
		padding: 0 5px 0 20px;
		text-align: left;
	}
	article.test .testbody h2{
	}
	article.test .testbody p{
		border: #eee dotted 1px;
		padding: 10px;
	}
	article.test .testbody ul{
		list-style-type: decimal-leading-zero;
		padding-left: 20px;
		text-align: left;
	}
	article.test .testbody ul li{
		line-height: 22px;
		background: #FFF;
		margin-top: 10px;
		font-size: 16px;
		color:#333;
		border-bottom: #EEE dotted 1px; 
		padding-bottom: 10px;
		text-align: left;
	}
	article.test .testbody ul ul{
		list-style-type: upper-latin;
		text-align: left;		
	}
	article.test .testbody ul ul li{
		margin-top: 0px;
		font-size: 14px;
		color:#777;
		border:none;
		line-height: 24px;
		text-align: left;
	}
	article.test .testbody ul ul li label{
		padding: 10px 15px;
		text-align: left;
	}
	article.test .testbody ul ul label:hover{
		background: #EEE;
		cursor: pointer;
	}
/*分页样式*/
div.pageinfo{
	text-indent: 0; 
	text-align: center;
	clear: both;
	width: 100%;
	margin:10px;
	overflow: hidden;
}

	div.pageinfo  span ,div.pageinfo a{
		text-indent: 0; 
		display: block;
		font-size: 9px;
		background: #FFF;
		border: #E0E0E0 dotted 1px;
		float:left;
		text-align: center;
		padding: 2px;
		height: 14px;
		line-height: 14px;
		margin: 0 2px;
		width: 14px;
		
	}
	div.pageinfo  span {
		background: none;
		border: none;
	}
	div.pageinfo a:hover{
		background: #F0F0F0;
	}
	div.pageinfo a.cur{
		background: #999;
		color:#FFF;
	}
	
.content2colsleft,#themenu{
			display: none;
		}
/*左侧大图模板*/
.newtempletleftpic{
	display: block;
	padding-bottom: 0;
}
	.newtempletleftpic h1{
		font-size: 28px;
    	font-weight: 100;
	}
	.newtempletleftpic .newtempletleftpicbox{
		display: block;
		background: #ECECEC;
		margin-bottom: 30px;
	}
	.newtempletleftpic .newtempletleftpicbox img{
		width: 100%;
	}
	.newtempletleftpic .newtempletleftpicbox .title{
		display: block;
		font-size:20px;
		border: none;
		text-align: left;
		background: none;
		padding-left: 10px;
		background-image: url(../images/80yuan.png);
	    background-position-x: right;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.newtempletleftpic .newtempletleftpicbox .info{
		display: block;
		padding: 10px 10px;
		font-size: 14px;
		line-height: 22px;
		text-align: left;
	}	
	.newtempletleftpic .newtempletleftpicbox a:hover{
		text-decoration: none;
	}
.newtempletrow{
	display: block;
	padding-bottom: 0;
}
	.newtempletrow h1{
		margin-bottom: 11px;
	}
	.newtempletrow .newtempletbox{
		position:relative;
		float:left;
		width: 290px;
		height: 400px;
		border: #DFDFDF 1px solid;
		margin:10px;
		overflow: hidden;
	}
	
	.newtempletrow .firstbox{
		margin-left: 10px;
	}
		
	.newtempletrow .newtempletbox img{
		position:absolute;
		top:70px;
		left:10px;
		width: 264px;
		max-height:320px;
		z-index: 0;
	}
	.newtempletrow .newtempletbox .title{
		position:absolute;
		top:10px;
		left:10px;
		width: 264px;
		height:40px;
		font-size: 18px;
		border: none;
	}
	.newtempletrow .newtempletbox .info{
		position:absolute;
		bottom:0px;
		left:10px;
		width: 264px;
		height: 110px;
		background: #FFF;
		padding: 10px 0;
		z-index:10;
	}	
	.articlebody .relatedarticle{
		text-align: center;
		display: none;
	}
	.articlebody .relatedarticle h3{
		text-align: center;
		background: #EFEFEF;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
		color: #999;
		font-weight: lighter;
	}
	.articlebody .relatedarticle ul{
		margin: 0;
		padding: 0;
	}
	.articlebody .relatedarticle ul li{
		text-align: left;
		list-style:circle;
		padding: 0;
		height: 20px;
		margin-top: 5px;
		line-height: 20px;
		overflow: hidden;
	}
	.articlebody .relatedarticle ul li span{
		display: none;
	}
	.articlebody .relatedarticle ul li a{
		font-size: 14px;
		line-height:14px;
		color:#999;
	}
	.articlebody .relatedarticle a span{
		color: #999;
		font-size: 14px;
	}
	.articlebody .relatedarticle a:hover{
		text-decoration: none;
	}
.mobliebottomad{
	background: #F6F6F6;
	border-top: #1e99f0 1px solid;
	padding: 10px 10px 0 10px;
}	
	.mobliebottomad .contentbanner{
		margin: 0;
		background: #F6F6F6;
	}
	.mobliebottomad .contentbanner span.title{
		background: #F6F6F6;
		line-height: 30px;
		font-size: 14px;
	}
.wxtongjicode{
	font-size: 6px;
	padding:10px;
	margin:0;
	overflow: hidden;
	height: 20px;
	line-height: 20px;
	background: #F6F6F6;
}	
	.wxtongjicode span{
		font: 12px arial,"Hiragino Sans GB","Microsoft YaHei",SimHei,sans-serif;
		color: #999;
		text-align: center;
		height: 20px;
		line-height: 20px;
	}
	.wxtongjicode span.left{
		float: left;
	}
	.wxtongjicode span.right{
		float: right;
	}
	div.articlebody p span a img,div.articlebody p  a img{
		width: auto;
		height: auto;
	}
	.footercall{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 44px;
		max-width: 640px;
	}
	.footercall a{
		display: block;
		height: 100%;
		border: #CCC solid 1px;
		text-align: center;
		line-height: 44px;
		font-size: 20px;
		background: #ECECEC;
		text-decoration: none;
		font-weight: 100;
	}

@media screen and (max-width:600px){
		ul.directory li span.author,ul.directory li span.pubtime{
			display: none;
		}
		nav ul a,nav ul a:link, nav ul a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
			padding: 0 5px;
		}
	}
@media screen and (min-width:610px){	
		nav ul a,nav ul a:link, nav ul a:visited { /* 对这些选择器进行分组可确保链接即使在访问之后也能保持其按钮外观 */
			padding: 0 15px;
		}

	}