*{margin: 0;padding: 0;list-style: none;}



body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
dl, dt, dd, ul, ol, li, 
pre, 
form, fieldset, legend, button, input, textarea, 
th, td  {
	margin: 0;
	padding: 0;
}


body,
button, input, select, textarea  {
	font-family: 'Microsoft YaHei','΢ÈíÑźÚ';
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } 
code, kbd, pre, samp { font-family: courier new, courier, monospace; } 
small { font-size: 12px; } 


ul, ol { list-style: none; }


a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; }



legend { color: #000; } 
fieldset, img { border: 0; } 
button, input, select, textarea { font-size: 100%; } 



table { border-collapse: collapse; border-spacing: 0; }


.ks-clear:after, .clear:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
.ks-clear, .clear {
	*zoom: 1;
}




.article_list{
	
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
	font-size: 16px;
}
.article_list_item{
	position: relative;
	width: 100%;
	overflow: hidden;
	
	display: flex;
	align-items: center;
}
.article_title{
	width: 85%;
}
.article_title a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: initial;
	*color: #333;
}
.article_title a:hover{
	color: #0076d0;
}
.article_title a, .article_title
{
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.article_time{
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 12px;
}
.article_doc{
	width: 5px;
	height: 5px;
	*margin-top:15px;
	margin-left: 15px;
	margin-right: 15px;
	background-color: #0076d0;
}

.more{
	padding-top: 10px;
	line-height: 20px;
	text-align: right;
	padding-right: 20px;
}




.article_title, .article_doc{
	*float: left;
}



.component_title{
	position: relative;
	height: 40px;
	line-height: 40px;
	width: 100%;
	overflow: hidden;
	
	background: #ccc;
	
}
.component_title_name{
	position: absolute;
	top:0px;
	left: 0px;
	
	text-indent: 20px;
	
}
.component_title_more{
	position: absolute;
	right: 18px;
	top: 0px;
	
	font-size: 12px;
	font-weight: 400;
}


.nav_space{
	height: 50px;
	width: 100%;
	line-height: 50px;
	
	background-color: #064cc1;
	margin-bottom: 10px;
}
.nav_list{
	overflow: hidden;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	
	background-color: #0d519c;
}
.nav_list_item{
	display: inline-block;
	padding: 0 10px;
	color: #fff;
}
.nav_list_item:hover a{
	color: #fffc00;
}
.nav_text{
	vertical-align: top;
	
}

.media_nav{
	display: none;
	position: relative;
}


.media_nav.fixed_nav{
	position: fixed;
	top: 0px;
	z-index: 999;
}

.media_nav_show{
	position: relative;
}
.media_nav_show_title{
	
	padding-left: 15px;
	font-size: 18px;
	
	
	cursor: pointer;
	
	color: #fff;
	background-color: transparent;
}
.media_nav_show_title a, .media_nav_show_title a:hover{
	color: #fff;
}
.media_nav_list{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #333;
	position: absolute;
	width: 100%;
	padding:0 10px;
	z-index: 999;
	transition: all .3s;
	height: 0;
	min-height: 0;
	overflow: hidden;
	
}

.media_nav_list_item{
	
	padding: 5px 0px;
	line-height: 20px;
}
.media_nav_list_item a{
	display: block;
	color: #9d9d9d;
	text-decoration: none;
	
	cursor: pointer;
}
.media_nav_list_item:hover, .media_nav_list_item:hover a, .media_nav_list_item a:hover{
	color: #fff;
}
.media_nav_show_btn{
	position: absolute;
	right: 10px;
	top: 0px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	padding: 8px 10px;
	
	
	border-radius: 4px;
	
	display: block;
	width: 44px;
	height: 34px;
	border: 1px solid transparent;
}
.media_nav_show_btn_icon{
	
	display: block;
	
	margin: auto;
	margin-bottom: 5px;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #000;
	content: '';
}


.detail_warp{
	padding: 20px;
}
.detail_article_header{
	text-align: center;
	line-height: 38px;
	
	border-bottom: 1px dashed #d7d7d7;
}
.detail_article_header_title{
	font-size: 28px;
}
.detail_article_header_title2{
	font-size: 20px;
	color: #666;
}
.detail_article_header_info{

}
.detail_article_header_info .detail_article_header_info_text{
	color: #b5b5b5;
	font-size: 14px;
	padding: 0 10px;
}

.detial_article_content{
	padding: 10px 0px;
	
	font-size: 16px !important;
	line-height: 32px;
	color: #333;
	margin: 0 17px;
}


.component_table{
	width: 100%;
	position: relative;
}
.component_table_text_style{
	font-size: 14px;
	line-height: 30px;
	text-align: center;
}
.component_table_text_style td, .detial_article_content td{
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	padding: 0 3px;
}
.component_table table , .detial_article_content table{
	border-left: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	
	
	
	width: 99%;
	
}
.component_table thead , .detial_article_content thead{
	background-color: #efefef;
	white-space: nowrap;
	table-layout: fixed;
}
.component_table tr:hover, .detial_article_content tr:hover{
	background: #eee;
}



@media only screen and (max-width: 900px) {
	.nav_list{
		display: none;
	}
	.media_nav{
		display: block;
	}
	
	.detail_warp{
		padding: 20px;
	}
}