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

/*导航栏*/
.top-box{
	width:100%;
	background:#fafafa;
	border-bottom:solid 1px #dcdddd;
	position:fixed;
	top:0;	
	overflow:hidden;
}

.logo{
	width:96px;
	float:left;
	margin-left:4%;
}
.nav{
	width:900px;
	float:right;
	margin-right:4%;
}
.nav li{
	width:100px;
	float:right;
	text-align:center;	
	
}
.nav a{
	font-size:14px;
	color:#009fe8;
	line-height:96px;
}
.index a{
	color:#ed7700;	
}
.login a{
	color:#595757;	
}

.nav a:hover{
	color:#ed7700;		
}


/*正文*/
.article{
	width:984px;
	margin:auto;
	margin-top:98px;
	background:#F7F8F8;
	padding:0 20px 50px 20px;
	position:relative;
}

.date-box{
	overflow:hidden;
	margin-top:10px;
	
}
.art-author-box{
	background:#2eb0e6;
	padding-right:20px;
	float:left;	
	position:relative;	
}
.art-author-box:after{
	content:"";
	display:block;
    border-width:30px;
    position:absolute; 
	bottom:0;
    right:-60px;
    border-style:solid dashed dashed;
    border-color: transparent   transparent   transparent #2eb0e6;
    font-size:0;
    line-height:0;	
}
.date{
	font-size:16px;
	color:#fff;
	background:#2eb0e6;
	float:left;
	

}
.date span{
	font-size:54px;	
	line-height:60px;
}

.art-author{
	padding:0 20px;
	margin-top:10px;
	margin-right:30px;
	background:	#0987C6;
	color:#fff;
	font-size:16px;
	line-height:50px;
	position:relative;
	float:left;
}
.art-author:after{
	content:"";
	display:block;
    border-width:25px;
    position:absolute; 
	bottom:0;
    right:-50px;
    border-style:solid dashed dashed;
    border-color: transparent   transparent   transparent #0987C6;
    font-size:0;
    line-height:0; 
	 
}

.art-title{
	width:984px;
	padding:10px 0;
	border-bottom:solid 1px #3E3A39;
	font-size:22px;
		
}

.art-text{
	width:984px;
	margin:auto;	
	margin-top:40px;
	margin-bottom:60px;
}

.art-text img{
	max-width:100%;	
	margin-bottom:20px;
	
}

.art-text p{
	font-size:14px;
	line-height:20px;
	color:#898989;	
}

.art-text h2{
	font-size:20px;
	text-align:center;	
	margin-top:100px;
}

.share-box{
	width:70px;
	margin:auto;
	margin-top:50px;
	overflow:hidden;	
}
.prasise{
	float:left;	
}
.share{
	float:right;
}

.article-top{
	position:absolute;
	right:-50px;
	bottom:100px;	
}
/*相关阅读*/
.read-box{
	width:1024px;
	margin:auto;
	margin-top:60px;	
}
.read-top{
	width:1024px;
	margin:auto;
	border-bottom:solid 1px #3e3a39;
	font-size:20px;
	line-height:23px;
	font-weight:bold;
	overflow:hidden;
	padding:8px 0;
}
.read-top img{
	float:left;
	margin-right:10px;	
}
.read-footer{
	width:1024px;
	margin:auto;
	padding:20px 0;
	overflow:hidden;	
}
.read-left{
	float:left;	
	width:500px;
	position:relative;
}
.read-left img,.read-right img{
	max-width:100%;	
}
.read-right{
	float:right;
	width:500px;
	position:relative;	
}

.read-title{
	
	position:absolute;
	left:120px;
	top:50px;
	font-size:24px;
	color:#fff;
	font-weight:bold;	
}





/*底部*/

.footer-box{
	width:100%;
	border-top:solid 1px #727171;
	overflow:hidden;
	position:relative;
}
.footer{
	width:90%;
	margin:auto;
	padding:60px 0 40px 0;	
}

.footer-list{
 	width:1020px;
	margin:auto;
	overflow:hidden;
}

.list-box{
	width:170px;
	float:left;
}	

.list-box img{
	margin:auto;	
}
.list {
	text-align:center;	
}

.list a{
	font-size:10px;
	color:#595757;
}
.h2 a{
	font-size:14px;
}
.title{
	font-size:14px;	
}
.list a:hover{
	color:#009fe8;	
}

.slogn{
	width:132px;
	margin:auto;
	padding:40px 0;
}

.copyright{
	width:1000px;
	margin:auto;
	font-size:14px;
	text-align:center;
	color:#727171;	
}

.top{
	position:absolute;
	right:0;
	bottom:0;
	
}