/* 重置样式 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
a{
	margin: 0;
	padding: 0
}
html,body{
	width:100%;
	height:100%;
}
body {
	font:"微软雅黑";

}
ul,
ol,
li,
dl,
dt,
dd {
	list-style: none
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}


table {
	border-collapse: collapse;
	border-spacing: 0
}
a{
	text-decoration:none ;
}
/* font */
.ft12{
	font-size:12px;
}
.ft14{
	font-size:14px;
}
.ft16{
	font-size:16px;
}
.ft18{
	font-size:18px;
}
.ft20{
	font-size:20px;
}
.ft30{
	font-size:30px;
}

/* wt */
.per{
	width:100%;
}
.w1200{
	width:1200px;
}
/* auto */
.auto{
	margin:0 auto;
}
.align{
	text-align:center;
}
/* float */
.fl{
	float:left
}
.fr{
	float:right
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* 兼容IE6/7 */
.clearfix {
  *zoom: 1;
}
/* color */
.black{
	color:#333
}
.gray{
	color:#666
}
.blue{
	color:#199ad7
}
.orange{
	color:#fc6821
}
.white{
	color:#fff
}
/* mt */
.mt10{
	margin-top:10px
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mlt10{
	margin-left:10px;
}
.mlt15{
	margin-left:15px;
}
.mlt20{
	margin-left:15px;
}
/*pt*/
.pt20{
	padding-top:20px;
}
.ptb10{
	padding-bottom:10px;
}
/* bg */
.gray-bg{
	background:#f6fafd;
}
.blue-bg{
	background:#199ad7
}
.black-bg{
	background:#2A3457
}
.orange-bg{
	background:#fc6821
}
.white-bg{
	background:#fff;
}
.bold{
	font-weight:bold;
}
/* border */
.radius{
	border-radius:10px;
}
/* block */
.block{
	display:block;
}
.none{
	display:none;
}
/* boxshaow */
.boxshaow{
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* 公用样式 */
/* header */
header h1 img{
	width:160px;
	height:50px;
}
nav{
	margin:30px 0 0 10px
}