* {
	padding: 				0;
	margin: 				0;
}
h1,h2,h3,h4,h5,h6 {
	margin: 				0;
}
body {
	font-size: 				100%;
	color: 					#ffffff;
	width: 					100%;
	height: 				100%;
	max-width: 				1920px;
	font-family: 			"微软雅黑","Arial","思源黑体";
}
nav {
	background-color: 		#000000;
	padding: 				10px 30px 5px;
}
div#logo {
	float: 					left;
	vertical-align: 		middle;
}
ul.navbar {
	font-size: 				87.5%;
	width: 					1000px;
	list-style-type: 		none;
	text-align: 			center;
	margin: 				0 auto;
	padding: 				30px 0;
}
ul.navbar li {
	display: 				inline-block;
	padding: 				0 50px;
}
nav a:link,nav a:visited {
	text-decoration: 		none;
	color: 					#c3c3c3;
	transition:             .3s ease-out;
}
nav a:hover, nav a:active {
	color: 					#ffffff;
}
ul.navabout {
	vertical-align: 		middle;
	font-size: 				87.5%;
	display: 				inline;
	list-style-image: 		url(../img/inform.png);
	float: 					right;
	padding: 				30px 0;
}
nav:after {
	clear: 					both;
	content: 				".";
	display: 				block;
	height: 				0;
	visibility: 			hidden;
}
section {
	position: 				relative;
	width: 					100%;
	height: 				600px;
}
div#content {
	/*width: 				600px;*/
	/*margin: 				0 auto;margin必须与width共存哦*/
	color: 					#000000;
	text-align: 			center;/**/
	position: 				relative;
	padding-top: 			10vh;

}
div#content h1 {
	font-weight: 			normal;
	font-size: 				350%;
}
div#content p {
	color: 					#5b5b5b;
	margin: 				20px 0;
	font-size: 				100%;
	line-height: 			1.8;
}
div#content ul {
	margin: 				50px 0;
	list-style-type: 		none;
}
div#content ul li {
	display: 				inline-block;
}
div#content ul li a {
	text-decoration: 		none;
}
a:link#weibo, a:visited#weibo {
	display: 				block;
	width: 					200px;
	height: 				104px;
	background-image: 		url(../img/decoloration/weibo_nocolor.png);
	background-repeat: 		no-repeat;
	background-position: 	50% 50%;
}
a:hover#weibo {
	display: 				block;
	width: 					200px;
	height: 				104px;
	background-image: 		url(../img/weibo.png);
	background-repeat: 		no-repeat;
	background-position: 	50% 50%;
}
a:link#wechat, a:visited#wechat {
	display: 				block;
	width: 					200px;
	height: 				104px;
	background-image: 		url(../img/decoloration/wechat_nocolor.png);
	background-repeat: 		no-repeat;
	background-position: 	50% 50%;
}
a:hover#wechat {
	display: 				block;
	width: 					200px;
	height: 				104px;
	background-image: 		url(../img/wechat1.png);
	background-repeat: 		no-repeat;
	background-position: 	50% 50%;
}
div#footer {
	padding: 				10px 30px;
	background-color: 		#000000;
	color: 					#525252;
	font-size: 				75%;
	position: 				fixed;
	bottom: 				0;
	width: 					100%;
	margin: 				0 auto;
}

div#footer:after {
	display: 				block;
	content: 				".";
	height: 				0;
	visibility: 			hidden;
	clear: 					both;
}
div#footer h3 {
	float: 					left;
}
div#footer img {
	float: 					left;
	filter: saturate(0%);
	will-change: filter;/**/
	opacity: 0.9;
}
div#footer img:hover {
	filter: saturate(100%);/**/
	opacity: 1;
}
div#footer p {
	float: 					right;
	margin: 				0 60px 0 0;/*当时真不知道这个段落为什么会有-60的偏移，没搞明白，只有先令其正向偏移60px再说*/
}