@charset "utf-8";
/********************************
 * 全局样式重置
 *******************************/
body,form,iframe{ margin:0; padding:0;}
body{ background-color:#f8f8f8; font-family:"Microsoft Yahei","Simsun",Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5; color:#666;}
img{ border:none;}
a{ text-decoration:none; color:#666;}
a:hover{ color:#04a7e2;}

h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei","Simsun",Arial,Helvetica,sans-serif; font-weight:normal; line-height:1; padding:0; margin:0;}
h1{ font-size:32px;}
h2{ font-size:30px;}
h3{ font-size:24px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:14px;}

input,textarea{ outline:none; font-family:"Microsoft Yahei","Simsun",Arial,Helvetica,sans-serif; color:#666;}
textarea{ resize:none; overflow:auto;}

.reset,.reset dt,.reset dd{ padding:0; margin:0; list-style:none;}

.clear{ clear:both; display:block; height:0; font-size:0; visibility:hidden; overflow:hidden;}
.clearfix{ clear:both;}
.clearfix:before{ content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}

.mT10{ margin-top:10px;}
.mT20{ margin-top:20px;}
.mT30{ margin-top:30px;}
.mT40{ margin-top:40px;}
.mT50{ margin-top:50px;}
.mT60{ margin-top:60px;}
.mT70{ margin-top:70px;}
.mT80{ margin-top:80px;}

.fl{ float:left;}
.fr{ float:right;}

.fullWidth{ width:100%;}
.container{ position:relative; width:90%; max-width:1400px; z-index:2; margin:0 auto;}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
  float: left;
}
.span12 {
  width: 100%;
}
.span11 {
  width: 91.66666667%;
}
.span10 {
  width: 83.33333333%;
}
.span9 {
  width: 75%;
}
.span8 {
  width: 66.66666667%;
}
.span7 {
  width: 58.33333333%;
}
.span6 {
  width: 50%;
}
.span5 {
  width: 41.66666667%;
}
.span4 {
  width: 33.33333333%;
}
.span3 {
  width: 25%;
}
.span2 {
  width: 16.66666667%;
}
.span1 {
  width: 8.33333333%;
}