a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}

ol,ul {
	list-style: none
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: '';
	content: none
}

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

button,html,input,select,textarea {
	outline: none;
	padding: 0;
	margin: 0
}

a:active,a:hover,a:link,a:visited {
	text-decoration: none
}

.cf:after {
	content: '';
	display: table;
	clear: both
}

.cf {
	zoom: 1
}

.black {
	background-color: #000
}

.blue {
	background-color: #02abed
}

html,html body {
	height: 100%
}

html body {
	color: #424242;
	font-size: 14px;
	font-family: Microsoft YaHei;
	background-color: #f4f5f7
}

.header{width:1000px;height:90px;position:absolute;top:0;left:50%;background-color:transparent;margin-left:-500px;z-index:2}
.header .logo{float:left;display:block;width:180px;height:90px;background-size:cover}
.header .nav{float:right;padding:15px 0}
.header .nav .item{float:left;height:60px;padding-left:30px}
.header .nav .item .link{display:block;height:30px;line-height:30px;color:#fff;font-size:20px;text-align:center;border:2px solid transparent;border-radius:10px;padding:13px 10px}
.header .nav .item .link.link--active,.header .nav .item .link:hover{border-color:#fff}

.footer{height:50px;color:#8d8d8d;font-size:14px;background-color:#fff;padding:40px 0;}
.footer a{ color: gray;height: 24px;text-decoration: none;font-size: 14px}
.footer a:hover{color: hotpink}
.footer .nav a{color: #666666;margin-left: 32px;font-size: 16px;font-weight: 600}
.footer .content{width:1000px;margin:0 auto}
.footer .content .footer__logo{float:left;width:50px;height:50px;background:transparent url(../images/logo_footer.png) 0 0 no-repeat;background-size:cover;margin-right:10px}
.footer .content .footer__about{float:left}
.footer .content .footer__about .item{line-height:1.5}
.footer .content .footer__about .item a:active,.footer .content .footer__about .item a:hover,.footer .content .footer__about .item a:link,.footer .content .footer__about .item a:visited{color:#8d8d8d;text-decoration:none}
.footer .content .footer__about .item a:hover{color:#ff5c5c}
.footer .content .footer__list{float:right}
.footer .content .footer__list .item{float:left;width:85px;height:28px;margin-top:11px}
.footer .content .footer__list .item.icon-1{background:transparent url(../images/icon-1.png) 0 0 no-repeat}
.footer .content .footer__list .item.icon-2{background:transparent url(../images/icon-2.png) 0 0 no-repeat;margin-left:45px}
.footer .content .footer__list .item.icon-3{background:transparent url(../images/icon-3.png) 0 0 no-repeat;margin-left:45px}
.content {
	width: 1000px;
	margin: 0 auto
}