/* 重定义
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, em, blockquote, pre, fieldset, legend, form, input, textarea, marquee {margin: 0; padding: 0; outline: 0;}
fieldset, abbr, acronym, img {border: 0;}
address, caption, cite, code, dfn, em, th, var, i {font-weight: normal; font-style: normal;}
ul, ol {list-style: none;}
caption {text-align: left;}
q:before, q:after {content: "";}
b, strong {font-weight: bold;}
a {background-color: transparent; text-decoration: none;}
a:active, a:hover {outline: 0;}

html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
svg:not(:root) {overflow: hidden;}

/* 基本样式
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*body {font-size: 62.5%;}*/
body {font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {display: block; font-weight: bold;}

/* 移动设备（小于960px） */
@media screen and (max-width:959px) {
h2 {font-size: 24px; line-height: 24px; height: 28px;}
h3 {font-size: 20px; line-height: 20px; height: 24px;}
h4 {font-size: 18px; line-height: 18px; height: 22px;}
h5 {font-size: 16px; line-height: 16px; height: 20px;}
h6 {font-size: 14px; line-height: 14px; height: 18px;}
}
/* 1100分辨率（大于960px，小于1199px） */
@media screen and (min-width: 960px) and (max-width: 1199px) {
h2 {font-size: 24px; line-height: 24px; height: 30px;}
h3 {font-size: 20px; line-height: 20px; height: 26px;}
h4 {font-size: 18px; line-height: 18px; height: 24px;}
h5 {font-size: 16px; line-height: 16px; height: 22px;}
h6 {font-size: 14px; line-height: 14px; height: 20px;}
}
/* 1280分辨率以上（大于1200px） */
@media screen and (min-width:1200px){
h2 {font-size: 30px; line-height: 30px; height: 38px;}
h3 {font-size: 24px; line-height: 24px; height: 32px;}
h4 {font-size: 20px; line-height: 20px; height: 28px;}
h5 {font-size: 18px; line-height: 18px; height: 26px;}
h6 {font-size: 16px; line-height: 16px; height: 24px;}
}

/* 共用
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.clearfix:before, .clearfix:after {display: table; content: ""; line-height: 0px;}
.clearfix:after {clear: both; }

/* 网格
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full,
.row {position: relative; width: 100%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 100%; overflow: hidden;}
.col {float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.imgAuto {display: block; width: 100%;}

/* 移动设备（小于960px） */
@media screen and (max-width:959px) {
.full,
.row {width: 94%;}
.col {width: 100%; margin-bottom: 15px;}
.xl1, .xl10, .xl11, .xl12, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9 {float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.xl12 {width: 100%;}.xl11 {width: 91.66666667%;}.xl10 {width: 83.33333333%;}.xl9 {width: 75%;}.xl8 {width: 66.66666667%;}.xl7 {width: 58.33333333%;}.xl6 {width: 50%;}.xl5 {width: 41.66666667%;}.xl4 {width: 33.33333333%;}.xl3 {width: 25%;}.xl2 {width: 16.66666667%;}.xl1 {width: 8.33333333%;}
}

/* 1100分辨率（大于960px，小于1199px） */
@media screen and (min-width: 960px) and (max-width: 1199px) {
.row {width: 950px;}
.zl1, .zl10, .zl11, .zl12, .zl2, .zl3, .zl4, .zl5, .zl6, .zl7, .zl8, .zl9 {float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.zl12 {width: 100%;}.zl11 {width: 91.66666667%;}.zl10 {width: 83.33333333%;}.zl9 {width: 75%;}.zl8 {width: 66.66666667%;}.zl7 {width: 58.33333333%;}.zl6 {width: 50%;}.zl5 {width: 41.66666667%;}.zl4 {width: 33.33333333%;}.zl3 {width: 25%;}.zl2 {width: 16.66666667%;}.zl1 {width: 8.33333333%;}
}

/* 1280分辨率以上（大于1200px） */
@media screen and (min-width:1200px){
.row {width: 1200px;}
.dl1, .dl10, .dl11, .dl12, .dl2, .dl3, .dl4, .dl5, .dl6, .dl7, .dl8, .dl9 {float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.dl12 {width: 100%;}.dl11 {width: 91.66666667%;}.dl10 {width: 83.33333333%;}.dl9 {width: 75%;}.dl8 {width: 66.66666667%;}.dl7 {width: 58.33333333%;}.dl6 {width: 50%;}.dl5 {width: 41.66666667%;}.dl4 {width: 33.33333333%;}.dl3 {width: 25%;}.dl2 {width: 16.66666667%;}.dl1 {width: 8.33333333%;}
}

/* 注意：用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面 */