html {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font: inherit;
  vertical-align: baseline
}

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

body {
  font-size: 16px;
  color: #333;
  background: #fff;
  font-family: "Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif
}

img {
  border: 0;
  vertical-align: bottom
}

::-webkit-input-placeholder {
  color: #999
}

:-moz-placeholder {
  color: #999
}

::-moz-placeholder {
  color: #999
}

:-ms-input-placeholder {
  color: #ccc
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

textarea {
  overflow: auto
}

input:focus,
textarea:focus,
button:focus,
select:focus {
  outline: 0
}

input::-ms-clear {
  display: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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
}

a {
  color: #333;
  text-decoration: none;
  background: transparent
}

a:focus,
a:hover {
  color: #cb0000
}

a:active,
a:hover {
  outline: 0
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

mark {
  color: #000;
  background: #ff0
}

small {
  font-size: 80%
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

input {
  line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0
}

legend {
  padding: 0;
  border: 0
}

optgroup {
  font-weight: bold
}

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

td,
th {
  padding: 0
}

/* 镙呮牸鎺у埗12鍒� */
.layout {
  width: 100%
}

.container,
.container-layout {
  margin: 0 auto;
  width: 1240px;
  padding: 0px 10px
}

.line {
  margin: 0;
  padding: 0
}

.x1,
.x2,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12,
.xl1,
.xl2,
.xl3,
.xl4,
.xl5,
.xl6,
.xl7,
.xl8,
.xl9,
.xl10,
.xl11,
.xl12,
.xs1,
.xs2,
.xs3,
.xs4,
.xs5,
.xs6,
.xs7,
.xs8,
.xs9,
.xs10,
.xs11,
.xs12,
.xm1,
.xm2,
.xm3,
.xm4,
.xm5,
.xm6,
.xm7,
.xm8,
.xm9,
.xm10,
.xm11,
.xm12,
.xb1,
.xb2,
.xb3,
.xb4,
.xb5,
.xb6,
.xb7,
.xb8,
.xb9,
.xb10,
.xb11,
.xb12 {
  position: relative;
  min-height: 1px
}

.line-big {
  margin-left: -10px;
  margin-right: -10px
}

.line-big .x1,
.line-big .x2,
.line-big .x3,
.line-big .x4,
.line-big .x5,
.line-big .x6,
.line-big .x7,
.line-big .x8,
.line-big .x9,
.line-big .x10,
.line-big .x11,
.line-big .x12,
.line-big .xl1,
.line-big .xl2,
.line-big .xl3,
.line-big .xl4,
.line-big .xl5,
.line-big .xl6,
.line-big .xl7,
.line-big .xl8,
.line-big .xl9,
.line-big .xl10,
.line-big .xl11,
.line-big .xl12,
.line-big .xs1,
.line-big .xs2,
.line-big .xs3,
.line-big .xs4,
.line-big .xs5,
.line-big .xs6,
.line-big .xs7,
.line-big .xs8,
.line-big .xs9,
.line-big .xs10,
.line-big .xs11,
.line-big .xs12,
.line-big .xm1,
.line-big .xm2,
.line-big .xm3,
.line-big .xm4,
.line-big .xm5,
.line-big .xm6,
.line-big .xm7,
.line-big .xm8,
.line-big .xm9,
.line-big .xm10,
.line-big .xm11,
.line-big .xm12,
.line-big .xb1,
.line-big .xb2,
.line-big .xb3,
.line-big .xb4,
.line-big .xb5,
.line-big .xb6,
.line-big .xb7,
.line-big .xb8,
.line-big .xb9,
.line-big .xb10,
.line-big .xb11,
.line-big .xb12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px
}

.line-middle {
  margin-left: -5px;
  margin-right: -5px
}

.line-middle .x1,
.line-middle .x2,
.line-middle .x3,
.line-middle .x4,
.line-middle .x5,
.line-middle .x6,
.line-middle .x7,
.line-middle .x8,
.line-middle .x9,
.line-middle .x10,
.line-middle .x11,
.line-middle .x12,
.line-middle .xl1,
.line-middle .xl2,
.line-middle .xl3,
.line-middle .xl4,
.line-middle .xl5,
.line-middle .xl6,
.line-middle .xl7,
.line-middle .xl8,
.line-middle .xl9,
.line-middle .xl10,
.line-middle .xl11,
.line-middle .xl12,
.line-middle .xs1,
.line-middle .xs2,
.line-middle .xs3,
.line-middle .xs4,
.line-middle .xs5,
.line-middle .xs6,
.line-middle .xs7,
.line-middle .xs8,
.line-middle .xs9,
.line-middle .xs10,
.line-middle .xs11,
.line-middle .xs12,
.line-middle .xm1,
.line-middle .xm2,
.line-middle .xm3,
.line-middle .xm4,
.line-middle .xm5,
.line-middle .xm6,
.line-middle .xm7,
.line-middle .xm8,
.line-middle .xm9,
.line-middle .xm10,
.line-middle .xm11,
.line-middle .xm12,
.line-middle .xb1,
.line-middle .xb2,
.line-middle .xb3,
.line-middle .xb4,
.line-middle .xb5,
.line-middle .xb6,
.line-middle .xb7,
.line-middle .xb8,
.line-middle .xb9,
.line-middle .xb10,
.line-middle .xb11,
.line-middle .xb12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px
}

.line-small {
  margin-left: -2px;
  margin-right: -2px
}

.line-small .x1,
.line-small .x2,
.line-small .x3,
.line-small .x4,
.line-small .x5,
.line-small .x6,
.line-small .x7,
.line-small .x8,
.line-small .x9,
.line-small .x10,
.line-small .x11,
.line-small .x12,
.line-small .xl1,
.line-small .xl2,
.line-small .xl3,
.line-small .xl4,
.line-small .xl5,
.line-small .xl6,
.line-small .xl7,
.line-small .xl8,
.line-small .xl9,
.line-small .xl10,
.line-small .xl11,
.line-small .xl12,
.line-small .xs1,
.line-small .xs2,
.line-small .xs3,
.line-small .xs4,
.line-small .xs5,
.line-small .xs6,
.line-small .xs7,
.line-small .xs8,
.line-small .xs9,
.line-small .xs10,
.line-small .xs11,
.line-small .xs12,
.line-small .xm1,
.line-small .xm2,
.line-small .xm3,
.line-small .xm4,
.line-small .xm5,
.line-small .xm6,
.line-small .xm7,
.line-small .xm8,
.line-small .xm9,
.line-small .xm10,
.line-small .xm11,
.line-small .xm12,
.line-small .xb1,
.line-small .xb2,
.line-small .xb3,
.line-small .xb4,
.line-small .xb5,
.line-small .xb6,
.line-small .xb7,
.line-small .xb8,
.line-small .xb9,
.line-small .xb10,
.line-small .xb11,
.line-small .xb12 {
  position: relative;
  min-height: 1px;
  padding-right: 2px;
  padding-left: 2px
}

.x1,
.x2,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12 {
  float: left
}

.x1 {
  width: 8.33333333%
}

.x2 {
  width: 16.66666667%
}

.x3 {
  width: 25%
}

.x4 {
  width: 33.33333333%
}

.x5 {
  width: 41.66666667%
}

.x6 {
  width: 50%;
}

.x7 {
  width: 58.33333333%
}

.x8 {
  width: 66.66666667%
}

.x9 {
  width: 75%
}

.x10 {
  width: 83.33333333%
}

.x11 {
  width: 91.66666667%
}

.x12 {
  width: 100%
}

.x0-left {
  left: 0
}

.x1-left {
  left: 8.33333333%
}

.x2-left {
  left: 16.66666667%
}

.x3-left {
  left: 25%
}

.x4-left {
  left: 33.33333333%
}

.x5-left {
  left: 41.66666667%
}

.x6-left {
  left: 50%
}

.x7-left {
  left: 58.33333333%
}

.x8-left {
  left: 66.66666667%
}

.x9-left {
  left: 75%
}

.x10-left {
  left: 83.33333333%
}

.x11-left {
  left: 91.66666667%
}

.x12-left {
  left: 100%
}

.x0-right {
  right: 0
}

.x1-right {
  right: 8.33333333%
}

.x2-right {
  right: 16.66666667%
}

.x3-right {
  right: 25%
}

.x4-right {
  right: 33.33333333%
}

.x5-right {
  right: 41.66666667%
}

.x6-right {
  right: 50%
}

.x7-right {
  right: 58.33333333%
}

.x8-right {
  right: 66.66666667%
}

.x9-right {
  right: 75%
}

.x10-right {
  right: 83.33333333%
}

.x11-right {
  right: 91.66666667%
}

.x12-right {
  right: 100%
}

.x0-move {
  margin-left: 0
}

.x1-move {
  margin-left: 8.33333333%
}

.x2-move {
  margin-left: 16.66666667%
}

.x3-move {
  margin-left: 25%
}

.x4-move {
  margin-left: 33.33333333%
}

.x5-move {
  margin-left: 41.66666667%
}

.x6-move {
  margin-left: 50%
}

.x7-move {
  margin-left: 58.33333333%
}

.x8-move {
  margin-left: 66.66666667%
}

.x9-move {
  margin-left: 75%
}

.x10-move {
  margin-left: 83.33333333%
}

.x11-move {
  margin-left: 91.66666667%
}

.x12-move {
  margin-left: 100%
}

@media(min-width:300px) {

  .xl1,
  .xl2,
  .xl3,
  .xl4,
  .xl5,
  .xl6,
  .xl7,
  .xl8,
  .xl9,
  .xl10,
  .xl11,
  .xl12 {
    float: left
  }

  .xl1 {
    width: 8.33333333%
  }

  .xl2 {
    width: 16.66666667%
  }

  .xl3 {
    width: 25%
  }

  .xl4 {
    width: 33.33333333%
  }

  .xl5 {
    width: 41.66666667%
  }

  .xl6 {
    width: 50%
  }

  .xl7 {
    width: 58.33333333%
  }

  .xl8 {
    width: 66.66666667%
  }

  .xl9 {
    width: 75%
  }

  .xl10 {
    width: 83.33333333%
  }

  .xl11 {
    width: 91.66666667%
  }

  .xl12 {
    width: 100%
  }

  .xl0-left {
    left: 0
  }

  .xl1-left {
    left: 8.33333333%
  }

  .xl2-left {
    left: 16.66666667%
  }

  .xl3-left {
    left: 25%
  }

  .xl4-left {
    left: 33.33333333%
  }

  .xl5-left {
    left: 41.66666667%
  }

  .xl6-left {
    left: 50%
  }

  .xl7-left {
    left: 58.33333333%
  }

  .xl8-left {
    left: 66.66666667%
  }

  .xl9-left {
    left: 75%
  }

  .xl10-left {
    left: 83.33333333%
  }

  .xl11-left {
    left: 91.66666667%
  }

  .xl12-left {
    left: 100%
  }

  .xl0-right {
    right: 0
  }

  .xl1-right {
    right: 8.33333333%
  }

  .xl2-right {
    right: 16.66666667%
  }

  .xl3-right {
    right: 25%
  }

  .xl4-right {
    right: 33.33333333%
  }

  .xl5-right {
    right: 41.66666667%
  }

  .xl6-right {
    right: 50%
  }

  .xl7-right {
    right: 58.33333333%
  }

  .xl8-right {
    right: 66.66666667%
  }

  .xl9-right {
    right: 75%
  }

  .xl10-right {
    right: 83.33333333%
  }

  .xl11-right {
    right: 91.66666667%
  }

  .xl12-right {
    right: 100%
  }

  .xl0-move {
    margin-left: 0
  }

  .xl1-move {
    margin-left: 8.33333333%
  }

  .xl2-move {
    margin-left: 16.66666667%
  }

  .xl3-move {
    margin-left: 25%
  }

  .xl4-move {
    margin-left: 33.33333333%
  }

  .xl5-move {
    margin-left: 41.66666667%
  }

  .xl6-move {
    margin-left: 50%
  }

  .xl7-move {
    margin-left: 58.33333333%
  }

  .xl8-move {
    margin-left: 66.66666667%
  }

  .xl9-move {
    margin-left: 75%
  }

  .xl10-move {
    margin-left: 83.33333333%
  }

  .xl11-move {
    margin-left: 91.66666667%
  }

  .xl12-move {
    margin-left: 100%
  }
}

@media(min-width:760px) {

  .xs1,
  .xs2,
  .xs3,
  .xs4,
  .xs5,
  .xs6,
  .xs7,
  .xs8,
  .xs9,
  .xs10,
  .xs11,
  .xs12 {
    float: left
  }

  .xs1 {
    width: 8.33333333%
  }

  .xs2 {
    width: 16.66666667%
  }

  .xs3 {
    width: 25%
  }

  .xs4 {
    width: 33.33333333%
  }

  .xs5 {
    width: 41.66666667%
  }

  .xs6 {
    width: 50%
  }

  .xs7 {
    width: 58.33333333%
  }

  .xs8 {
    width: 66.66666667%
  }

  .xs9 {
    width: 75%
  }

  .xs10 {
    width: 83.33333333%
  }

  .xs11 {
    width: 91.66666667%
  }

  .xs12 {
    width: 100%
  }

  .xs0-left {
    left: 0
  }

  .xs1-left {
    left: 8.33333333%
  }

  .xs2-left {
    left: 16.66666667%
  }

  .xs3-left {
    left: 25%
  }

  .xs4-left {
    left: 33.33333333%
  }

  .xs5-left {
    left: 41.66666667%
  }

  .xs6-left {
    left: 50%
  }

  .xs7-left {
    left: 58.33333333%
  }

  .xs8-left {
    left: 66.66666667%
  }

  .xs9-left {
    left: 75%
  }

  .xs10-left {
    left: 83.33333333%
  }

  .xs11-left {
    left: 91.66666667%
  }

  .xs12-left {
    left: 100%
  }

  .xs0-right {
    right: 0
  }

  .xs1-right {
    right: 8.33333333%
  }

  .xs2-right {
    right: 16.66666667%
  }

  .xs3-right {
    right: 25%
  }

  .xs4-right {
    right: 33.33333333%
  }

  .xs5-right {
    right: 41.66666667%
  }

  .xs6-right {
    right: 50%
  }

  .xs7-right {
    right: 58.33333333%
  }

  .xs8-right {
    right: 66.66666667%
  }

  .xs9-right {
    right: 75%
  }

  .xs10-right {
    right: 83.33333333%
  }

  .xs11-right {
    right: 91.66666667%
  }

  .xs12-right {
    right: 100%
  }

  .xs0-move {
    margin-left: 0
  }

  .xs1-move {
    margin-left: 8.33333333%
  }

  .xs2-move {
    margin-left: 16.66666667%
  }

  .xs3-move {
    margin-left: 25%
  }

  .xs4-move {
    margin-left: 33.33333333%
  }

  .xs5-move {
    margin-left: 41.66666667%
  }

  .xs6-move {
    margin-left: 50%
  }

  .xs7-move {
    margin-left: 58.33333333%
  }

  .xs8-move {
    margin-left: 66.66666667%
  }

  .xs9-move {
    margin-left: 75%
  }

  .xs10-move {
    margin-left: 83.33333333%
  }

  .xs11-move {
    margin-left: 91.66666667%
  }

  .xs12-move {
    margin-left: 100%
  }
}

@media(min-width:1000px) {

  .xm1,
  .xm2,
  .xm3,
  .xm4,
  .xm5,
  .xm6,
  .xm7,
  .xm8,
  .xm9,
  .xm10,
  .xm11,
  .xm12 {
    float: left
  }

  .xm1 {
    width: 8.33333333%
  }

  .xm2 {
    width: 16.66666667%
  }

  .xm3 {
    width: 25%
  }

  .xm4 {
    width: 33.33333333%
  }

  .xm5 {
    width: 41.66666667%
  }

  .xm6 {
    width: 50%
  }

  .xm7 {
    width: 58.33333333%
  }

  .xm8 {
    width: 66.66666667%
  }

  .xm9 {
    width: 75%
  }

  .xm10 {
    width: 83.33333333%
  }

  .xm11 {
    width: 91.66666667%
  }

  .xm12 {
    width: 100%
  }

  .xm0-left {
    left: 0
  }

  .xm1-left {
    left: 8.33333333%
  }

  .xm2-left {
    left: 16.66666667%
  }

  .xm3-left {
    left: 25%
  }

  .xm4-left {
    left: 33.33333333%
  }

  .xm5-left {
    left: 41.66666667%
  }

  .xm6-left {
    left: 50%
  }

  .xm7-left {
    left: 58.33333333%
  }

  .xm8-left {
    left: 66.66666667%
  }

  .xm9-left {
    left: 75%
  }

  .xm10-left {
    left: 83.33333333%
  }

  .xm11-left {
    left: 91.66666667%
  }

  .xm12-left {
    left: 100%
  }

  .xm0-right {
    right: 0
  }

  .xm1-right {
    right: 8.33333333%
  }

  .xm2-right {
    right: 16.66666667%
  }

  .xm3-right {
    right: 25%
  }

  .xm4-right {
    right: 33.33333333%
  }

  .xm5-right {
    right: 41.66666667%
  }

  .xm6-right {
    right: 50%
  }

  .xm7-right {
    right: 58.33333333%
  }

  .xm8-right {
    right: 66.66666667%
  }

  .xm9-right {
    right: 75%
  }

  .xm10-right {
    right: 83.33333333%
  }

  .xm11-right {
    right: 91.66666667%
  }

  .xm12-right {
    right: 100%
  }

  .xm0-move {
    margin-left: 0
  }

  .xm1-move {
    margin-left: 8.33333333%
  }

  .xm2-move {
    margin-left: 16.66666667%
  }

  .xm3-move {
    margin-left: 25%
  }

  .xm4-move {
    margin-left: 33.33333333%
  }

  .xm5-move {
    margin-left: 41.66666667%
  }

  .xm6-move {
    margin-left: 50%
  }

  .xm7-move {
    margin-left: 58.33333333%
  }

  .xm8-move {
    margin-left: 66.66666667%
  }

  .xm9-move {
    margin-left: 75%
  }

  .xm10-move {
    margin-left: 83.33333333%
  }

  .xm11-move {
    margin-left: 91.66666667%
  }

  .xm12-move {
    margin-left: 100%
  }
}

@media(min-width:1200px) {

  .xb1,
  .xb2,
  .xb3,
  .xb4,
  .xb5,
  .xb6,
  .xb7,
  .xb8,
  .xb9,
  .xb10,
  .xb11,
  .xb12 {
    float: left
  }

  .xb1 {
    width: 8.33333333%
  }

  .xb2 {
    width: 16.66666667%
  }

  .xb3 {
    width: 25%
  }

  .xb4 {
    width: 33.33333333%
  }

  .xb5 {
    width: 41.66666667%
  }

  .xb6 {
    width: 50%
  }

  .xb7 {
    width: 58.33333333%
  }

  .xb8 {
    width: 66.66666667%
  }

  .xb9 {
    width: 75%
  }

  .xb10 {
    width: 83.33333333%
  }

  .xb11 {
    width: 91.66666667%
  }

  .xb12 {
    width: 100%
  }

  .xb0-left {
    left: 0
  }

  .xb1-left {
    left: 8.33333333%
  }

  .xb2-left {
    left: 16.66666667%
  }

  .xb3-left {
    left: 25%
  }

  .xb4-left {
    left: 33.33333333%
  }

  .xb5-left {
    left: 41.66666667%
  }

  .xb6-left {
    left: 50%
  }

  .xb7-left {
    left: 58.33333333%
  }

  .xb8-left {
    left: 66.66666667%
  }

  .xb9-left {
    left: 75%
  }

  .xb10-left {
    left: 83.33333333%
  }

  .xb11-left {
    left: 91.66666667%
  }

  .xb12-left {
    left: 100%
  }

  .xb0-right {
    right: 0
  }

  .xb1-right {
    right: 8.33333333%
  }

  .xb2-right {
    right: 16.66666667%
  }

  .xb3-right {
    right: 25%
  }

  .xb4-right {
    right: 33.33333333%
  }

  .xb5-right {
    right: 41.66666667%
  }

  .xb6-right {
    right: 50%
  }

  .xb7-right {
    right: 58.33333333%
  }

  .xb8-right {
    right: 66.66666667%
  }

  .xb9-right {
    right: 75%
  }

  .xb10-right {
    right: 83.33333333%
  }

  .xb11-right {
    right: 91.66666667%
  }

  .xb12-right {
    right: 100%
  }

  .xb0-move {
    margin-left: 0
  }

  .xb1-move {
    margin-left: 8.33333333%
  }

  .xb2-move {
    margin-left: 16.66666667%
  }

  .xb3-move {
    margin-left: 25%
  }

  .xb4-move {
    margin-left: 33.33333333%
  }

  .xb5-move {
    margin-left: 41.66666667%
  }

  .xb6-move {
    margin-left: 50%
  }

  .xb7-move {
    margin-left: 58.33333333%
  }

  .xb8-move {
    margin-left: 66.66666667%
  }

  .xb9-move {
    margin-left: 75%
  }

  .xb10-move {
    margin-left: 83.33333333%
  }

  .xb11-move {
    margin-left: 91.66666667%
  }

  .xb12-move {
    margin-left: 100%
  }
}

@media(max-width:760px) {
  .show-l {
    display: block !important
  }

  .hidden-l {
    display: none !important
  }
}

@media(min-width:761px) and (max-width:1000px) {
  .show-s {
    display: block !important
  }

  .hidden-s {
    display: none !important
  }
}

@media(min-width:1001px) and (max-width:1200px) {
  .show-m {
    display: block !important
  }

  .hidden-m {
    display: none !important
  }
}

@media(min-width:1201px) {
  .show-b {
    display: block !important
  }

  .hidden-b {
    display: none !important
  }
}

/* 瀛椾綋鎺у埗 */
h1,
.h1 {
  font-size: 24px
}

h2,
.h2 {
  font-size: 20px
}

h3,
.h3 {
  font-size: 18px
}

h4,
.h4 {
  font-size: 16px
}

h5,
.h5 {
  font-size: 14px
}

h6,
.h6 {
  font-size: 12px
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small {
  font-size: 60%;
  filter: alpha(opacity=60);
  opacity: .6
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
  font-size: 12px;
  filter: alpha(opacity=60);
  opacity: .6
}

/* 闂磋窛鎺у埗 */
.padding-large {
  padding: 30px
}

.padding-large-top {
  padding-top: 30px
}

.padding-large-right {
  padding-right: 30px
}

.padding-large-bottom {
  padding-bottom: 30px
}

.padding-large-left {
  padding-left: 30px
}

.padding-big {
  padding: 20px
}

.padding-big-top {
  padding-top: 20px
}

.padding-big-right {
  padding-right: 20px
}

.padding-big-bottom {
  padding-bottom: 20px
}

.padding-big-left {
  padding-left: 20px
}

.padding {
  padding: 10px
}

.padding-top {
  padding-top: 10px
}

.padding-right {
  padding-right: 10px
}

.padding-bottom {
  padding-bottom: 10px
}

.padding-left {
  padding-left: 10px
}

.padding-small {
  padding: 5px
}

.padding-small-top {
  padding-top: 5px
}

.padding-small-right {
  padding-right: 5px
}

.padding-small-bottom {
  padding-bottom: 5px
}

.padding-small-left {
  padding-left: 5px
}

.padding-little {
  padding: 2px
}

.padding-little-top {
  padding-top: 2px
}

.padding-little-right {
  padding-right: 2px
}

.padding-little-bottom {
  padding-bottom: 2px
}

.padding-little-left {
  padding-left: 2px
}

.margin-large {
  margin: 30px
}

.margin-large-top {
  margin-top: 30px
}

.margin-large-right {
  margin-right: 30px
}

.margin-large-bottom {
  margin-bottom: 30px
}

.margin-large-left {
  margin-left: 30px
}

.margin-big {
  margin: 20px
}

.margin-big-top {
  margin-top: 20px
}

.margin-big-right {
  margin-right: 20px
}

.margin-big-bottom {
  margin-bottom: 20px
}

.margin-big-left {
  margin-left: 20px
}

.margin {
  margin: 10px !important;
  clear: both
}

.margin-top {
  margin-top: 10px
}

.margin-right {
  margin-right: 10px
}

.margin-bottom {
  margin-bottom: 10px
}

.margin-left {
  margin-left: 10px
}

.margin-small {
  margin: 5px
}

.margin-small-top {
  margin-top: 5px
}

.margin-small-right {
  margin-right: 5px
}

.margin-small-bottom {
  margin-bottom: 5px
}

.margin-small-left {
  margin-left: 5px
}

.margin-little {
  margin: 2px
}

.margin-little-top {
  margin-top: 2px
}

.margin-little-right {
  margin-right: 2px
}

.margin-little-bottom {
  margin-bottom: 2px
}

.margin-little-left {
  margin-left: 2px
}

/* 鏂囧瓧鎺у埗 */
.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-justify {
  text-align: justify
}

/* 闱㈠寘灞� */
.bread {
  border-radius: 4px;
  padding: 15px 15px;
  font-size: 14px;
  margin-bottom: 15px;
  color: #999;
}

.bread li {
  display: inline-block
}

.bread li:after {
  content: "\002f";
  padding: 0 8px;
  color: #ddd
}

.bread li:last-child:after {
  content: ""
}

/* 瀛椾綋棰滆壊銆佽竟绾块鑹层€佽儗鏅鑹� */
.text-black,
a.text-black:link,
a.text-black:visited,
.button.border-black,
blockquote.border-black strong,
.pager.border-black a,
.pager-prev.border-black,
.pager-next.border-black {
  color: #000
}

a.text-black:hover {
  color: #666
}

.text-gray,
a.text-gray:link,
a.text-gray:visited,
.button.border-gray,
blockquote.border-gray strong,
.pager.border-gray a,
.pager-prev.border-gray,
.pager-next.border-gray {
  color: #999
}

.text-white,
a.text-white:link,
a.text-white:visited,
.button.border-white,
blockquote.border-white,
.pager.border-white a,
.pager-prev.border-white,
.pager-next.border-white {
  color: #fff
}

.text-red,
a.text-red:link,
a.text-red:visited,
.button.border-red,
.button.bg-red-light,
blockquote.border-red strong,
.pager.border-red a,
.pager-prev.border-red,
.pager-next.border-red,
.badge.bg-red-light,
.alert-red,
.check-error {
  color: #e33
}

.text-yellow,
a.text-yellow:link,
a.text-yellow:visited,
.button.border-yellow,
.button.bg-yellow-light,
blockquote.border-yellow strong,
.pager.border-yellow a,
.pager-prev.border-yellow,
.pager-next.border-yellow,
.badge.bg-yellow-light,
.alert-yellow,
.check-warning {
  color: #f60
}

.text-blue,
a.text-blue:link,
a.text-blue:visited,
.button.border-blue,
.button.bg-blue-light,
blockquote.border-blue strong,
.pager.border-blue a,
.pager-prev.border-blue,
.pager-next.border-blue,
.badge.bg-blue-light,
.alert-blue {
  color: #0ae
}

.text-green,
a.text-green:link,
a.text-green:visited,
.button.border-green,
.button.bg-green-light,
blockquote.border-green strong,
.pager.border-green a,
.pager-prev.border-green,
.pager-next.border-green,
.badge.bg-green-light,
.alert-green,
.check-success {
  color: #2c7
}

.text-red-light,
a.text-red-light:link,
a.text-red-light:visited,
.button.border-red-light,
blockquote.border-red-light strong,
.pager.border-red-light a {
  color: #fdc
}

.text-yellow-light,
a.text-yellow-light:link,
a.text-yellow-light:visited,
.button.border-yellow-light,
blockquote.border-yellow-light strong,
.pager.border-yellow-light a,
.pager-prev.border-yellow-light,
.pager-next.border-yellow-light {
  color: #fec
}

.text-blue-light,
a.text-blue-light:link,
a.text-blue-light:visited,
.button.border-blue-light,
blockquote.border-blue-light strong,
.pager.border-blue-light a,
.pager-prev.border-blue-light,
.pager-next.border-blue-light {
  color: #def
}

.text-green-light,
a.text-green-light:link,
a.text-green-light:visited,
.button.border-green-light,
blockquote.border-green-light strong,
.pager.border-green-light a,
.pager-prev.border-green-light,
.pager-next.border-green-light {
  color: #ded
}

.bg-inverse,
.bg-inverse a {
  color: #fff
}

a.text-white:hover,
.bg-inverse a:hover {
  color: #ddd
}

.bg,
.table .current,
.table .current td,
.table .current th,
.button.active,
.pointer.border .active,
.nav-menu ul a:hover,
.nav-menu.nav-pills .active ul a:hover,
.bg-inverse .nav.nav-menu ul a:hover,
.bg-inverse .nav.nav-menu .active ul a:hover,
.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,
.bg-inverse .nav.nav-menu.nav-pills ul a:hover,
.bg-inverse .nav-menu.nav-inline.nav-big ul a:hover,
.navbar-body .nav ul a:hover {
  background-color: #f5f5f5
}

.bg-black,
.border-black .button.active,
.pointer.border-black .active,
.nav-pills.border-black .active a,
.nav-main.border-black .nav-head,
.pagination.border-black .active {
  background-color: #000
}

.bg-gray,
.border-gray .button.active,
.pointer.border-gray .active,
.nav-pills.border-gray .active a,
.nav-main.border-gray .nav-head,
.pagination.border-gray .active {
  background-color: #999
}

.bg-white,
.button.bg,
.border-white .button.active,
.pointer.border-white .active,
.nav-pills.border-white .active a,
.nav-main.border-white .nav-head,
.pagination.border-white .active {
  background-color: #fff
}

.bg-red,
.border-red .button.active,
.pointer.border-red .active,
.nav-pills.border-red .active a,
.nav-main.border-red .nav-head,
.pagination.border-red .active {
  background-color: #e33
}

.bg-yellow,
.border-yellow .button.active,
.pointer.border-yellow .active,
.nav-pills.border-yellow .active a,
.nav-main.border-yellow .nav-head,
.pagination.border-yellow .active {
  background-color: #f60
}

.bg-blue,
.border-blue .button.active,
.pointer.border-blue .active,
.nav-pills.border-blue .active a,
.nav-main.border-blue .nav-head,
.pagination.border-blue .active {
  background-color: #0ae
}

.bg-green,
.border-green .button.active,
.pointer.border-green .active,
.nav-pills.border-green .active a,
.pagination.border-green .active {
  background-color: #2c7
}

.bg-red-light,
.table .red,
.table .red td,
.table .red th,
.alert-red,
.border-red-light .button.active,
.pointer.border-red-light .active,
.nav-pills.border-red-light .active a,
.nav-main.border-red-light .nav-head,
.pagination.border-red-light .active {
  background-color: #fee
}

.bg-yellow-light,
.table .yellow,
.table .yellow td,
.table .yellow th,
.alert-yellow,
.border-yellow-light .button.active,
.pointer.border-yellow-light .active,
.nav-pills.border-yellow-light .active a,
.nav-main.border-yellow-light .nav-head,
.pagination.border-yellow-light .active {
  background-color: #ffd
}

.bg-blue-light,
.table .blue,
.table .blue td,
.table .blue th,
.alert-blue,
.border-blue-light .button.active,
.pointer.border-blue-light .active,
.nav-pills.border-blue-light .active a,
.nav-main.border-blue-light .nav-head,
.pagination.border-blue-light .active {
  background-color: #eff
}

.bg-green-light,
.table .green,
.table .green td,
.table .green th,
.alert-green,
.border-green-light .button.active,
.pointer.border-green-light .active,
.nav-pills.border-green-light .active a,
.nav-main.border-green-light .nav-head,
.pagination.border-green-light .active {
  background-color: #efd
}

.text-break {
  word-wrap: break-word;
  word-break: normal
}

.text-breakall {
  word-break: break-all
}

.text-unbreak {
  white-space: nowrap
}

.text-more {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.border {
  border: solid 1px #ddd
}

.border-dashed {
  border-style: dashed
}

.border-dotted {
  border-style: dotted
}

.border-double {
  border-style: double
}

.border-inset {
  border-style: inset
}

.border-outset {
  border-style: outset
}

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  border: 0;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden
}

.img-border {
  border: solid 1px #ddd;
  padding: 4px
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

ul {
  padding-left: 0
}

ul li {
  list-style: none;
}

ol {
  padding-left: 24px
}

.border-black,
.border-black .button,
.border-black .tab-nav li a,
.border-black .tab-body,
.button.bg-black,
.selected.border-black,
.pointer.border-black li,
.nav.border-black .active a,
.nav.nav-tabs.border-black,
.nav-main.border-black a,
.nav-main.border-black .nav-head,
.pagination.border-black li,
.pager.border-black a {
  border-color: #000
}

.border-gray,
.border-gray .button,
.border-gray .tab-nav li a,
.border-gray .tab-body,
.button.bg-gray,
.selected.border-gray,
.pointer.border-gray li,
.nav.border-gray .active a,
.nav.nav-tabs.border-gray,
.nav-main.border-gray a,
.nav-main.border-gray .nav-head,
.pagination.border-gray li,
.pager.border-gray a {
  border-color: #999
}

.border-white,
.border-white .button,
.border-white .tab-nav li a,
.border-white .tab-body,
.button.bg-white,
.selected.border-white,
.pointer.border-white li,
.nav.border-white .active a,
.nav.nav-tabs.border-white,
.nav-main.border-white a,
.nav-main.border-white .nav-head,
.pagination.border-white li,
.pager.border-white a {
  border-color: #fff
}

.border-red,
.border-red .button,
.border-red .tab-nav li a,
.border-red .tab-body,
.button.bg-red,
.selected.border-red,
.pointer.border-red li,
.check-error .input,
.nav.border-red .active a,
.nav.nav-tabs.border-red,
.nav-main.border-red a,
.nav-main.border-red .nav-head,
.pagination.border-red li,
.pager.border-red a {
  border-color: #e33
}

.border-yellow,
.border-yellow .button,
.border-yellow .tab-nav li a,
.border-yellow .tab-body,
.button.bg-yellow,
.selected.border-yellow,
.pointer.border-yellow li,
.check-warning .input,
.nav.border-yellow .active a,
.nav.nav-tabs.border-yellow,
.nav-main.border-yellow a,
.nav-main.border-yellow .nav-head,
.pagination.border-yellow li,
.pager.border-yellow a {
  border-color: #f60
}

.border-blue,
.border-blue .button,
.border-blue .tab-nav li a,
.border-blue .tab-body,
.button.bg-blue,
.selected.border-blue,
.pointer.border-blue li,
.nav.border-blue .active a,
.nav.nav-tabs.border-blue,
.nav-main.border-blue a,
.nav-main.border-blue .nav-head,
.pagination.border-blue li,
.pager.border-blue a {
  border-color: #0ae
}

.border-green,
.border-green .button,
.border-green .tab-nav li a,
.border-green .tab-body,
.button.bg-green,
.selected.border-green,
.pointer.border-green li,
.check-success .input,
.nav.border-green .active a,
.nav.nav-tabs.border-green,
.nav-main.border-green a,
.nav-main.border-green .nav-head,
.pagination.border-green li,
.pager.border-green a {
  border-color: #2c7
}

.border-red-light,
.border-red-light .button,
.border-red-light .tab-nav li a,
.border-red-light .tab-body,
.button.bg-red-light,
.selected.border-red-light,
.alert-red,
.pointer.border-red-light li,
.nav.border-red-light .active a,
.nav.nav-tabs.border-red-light,
.nav-main.border-red-light a,
.nav-main.border-red-light .nav-head,
.pagination.border-red-light li,
.pager.border-red-light a {
  border-color: #fee
}

.border-yellow-light,
.border-yellow-light .button,
.border-yellow-light .tab-nav li a,
.border-yellow-light .tab-body,
.button.bg-yellow-light,
.selected.border-yellow-light,
.alert-yellow,
.pointer.border-yellow-light li,
.nav.border-yellow-light .active a,
.nav.nav-tabs.border-yellow-light,
.nav-main.border-yellow-light a,
.nav-main.border-yellow-light .nav-head,
.pagination.border-yellow-light li,
.pager.border-yellow-light a {
  border-color: #ffd
}

.border-blue-light,
.border-blue-light .button,
.border-blue-light .tab-nav li a,
.border-blue-light .tab-body,
.button.bg-blue-light,
.selected.border-blue-light,
.alert-blue,
.pointer.border-blue-light li,
.nav.border-blue-light .active a,
.nav.nav-tabs.border-blue-light,
.nav-main.border-blue-light a,
.nav-main.border-blue-light .nav-head,
.pagination.border-blue-light li,
.pager.border-blue-light a {
  border-color: #eff
}

.border-green-light,
.border-green-light .button,
.border-green-light .tab-nav li a,
.border-green-light .tab-body,
.button.bg-green-light,
.selected.border-green-light,
.alert-green,
.pointer.border-green-light li,
.nav.border-green-light .active a,
.nav.nav-tabs.border-green-light,
.nav-main.border-green-light a,
.nav-main.border-green-light .nav-head,
.pagination.border-green-light li,
.pager.border-green-light a {
  border-color: #efd
}

.show {
  display: block !important
}

.hidden {
  display: none !important;
  visibility: hidden !important
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.clearfix:after,
.layout:after,
.container:after,
.container-layout:after,
.line:after,
.line-small:after,
.line-middle:after,
.line-big:after,
.nav-main:after,
.nav-sub:after,
.navbar:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden
}

.clearfix,
.layout,
.container,
.container-layout,
.line,
.line-small,
.line-middle,
.line-big,
.nav-main,
.nav-sub,
.navbar {
  display: block
}

.clear {
  clear: both
}

.opacity {
  filter: alpha(opacity=0);
  -moz-opacity: .0;
  -khtml-opacity: .0;
  opacity: .0
}

.opacity-small {
  filter: alpha(opacity=20);
  -moz-opacity: .2;
  -khtml-opacity: .2;
  opacity: .2
}

.opacity-middle {
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5
}

.opacity-big {
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  -khtml-opacity: .8;
  opacity: .8
}

.opacity-none {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0
}

.radius-none {
  border-radius: 0
}

.radius-small {
  border-radius: 2px
}

.radius {
  border-radius: 4px
}

.radius-big {
  border-radius: 6px
}

.radius-rounded {
  border-radius: 2em;
  padding-left: 1em;
  padding-right: 1em
}

.radius-circle {
  border-radius: 50%
}

.input {
  font-size: 14px;
  padding: 6px;
  border: solid 1px #ddd;
  width: 100%;
  /* height:34px; */
  line-height: 20px;
  display: block;
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.label {
  padding-bottom: 7px;
  display: block;
  line-height: 20px
}

.label label {
  font-weight: bold
}

.input-file {
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: auto;
  color: #333
}

.input-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  background-color: #fff;
  transform: translate(-300px, 0px) scale(4);
  height: 40px;
  opacity: 0;
  filter: alpha(opacity=0)
}

.input:focus {
  border-color: #09c;
  transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.input-auto {
  width: auto;
  display: inline-block
}

input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly] {
  cursor: not-allowed;
  background: #eee
}

textarea.input {
  height: auto
}

.input-note,
.label .float-right {
  color: #999;
  font-size: 12px;
  padding-top: 2px;
  line-height: 18px
}

.field {
  position: relative
}

.form-group {
  padding-bottom: 10px
}

.field-icon .input {
  text-indent: 25px
}

.field-icon .icon {
  position: absolute;
  left: 0;
  right: auto;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  font-weight: normal
}

.field-icon-right .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 16px;
  font-weight: normal
}

.form-x .form-group:after,
.form-inline:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

@media(min-width:760px) {
  .form-x .form-group .label {
    float: left;
    width: 15%;
    text-align: right;
    padding: 7px 7px 7px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .form-x .form-group .field {
    float: left;
    width: 85%
  }

  .form-x .form-button {
    margin-left: 15%
  }
}

@media(min-width:760px) {
  .form-inline {
    display: inline-block
  }

  .form-inline .input {
    width: auto;
    display: inline-block
  }

  .form-inline .form-group {
    display: inline-table;
    padding-bottom: 0;
    vertical-align: middle
  }

  .form-inline .form-group .input-group {
    display: inline-table;
    width: auto;
    vertical-align: middle
  }

  .form-inline .form-group .input-group .input {
    width: auto
  }

  .form-inline .form-group .label {
    display: inline-block
  }

  .form-inline .form-group .field {
    display: inline-block
  }

  .form-inline .form-button {
    display: inline-block;
    vertical-align: middle
  }

  .form-inline .form-button .button {
    width: auto
  }

  .form-auto .input {
    width: auto;
    display: inline-block
  }

  .form-auto .input-group {
    display: inline-table;
    width: auto;
    display: inline-block
  }

  .form-auto .input-group .input {
    width: auto;
    display: inline-block
  }

  .input-inline {
    padding-left: 1px
  }

  .input-inline input {
    position: relative;
    float: left;
    border-radius: 0;
    margin-left: -1px;
    width: auto
  }

  .form-small .input-inline input,
  .form-big .input-inline input {
    border-radius: 0
  }

  .input-inline input:first-child {
    left: 1px;
    border-radius: 4px 0 0 4px
  }

  .input-inline input:last-child {
    border-radius: 0 4px 4px 0
  }
}

.input-block {
  padding-top: 8px
}

.input-block:first-child {
  padding-top: 1px
}

.input-block input {
  position: relative;
  margin-top: -1px;
  border-radius: 0
}

.form-small .input-block input,
.form-big .input-block input {
  border-radius: 0
}

.input-block input:first-child {
  border-radius: 4px 4px 0 0
}

.input-block input:last-child {
  border-radius: 0 0 4px 4px
}

.label-block label {
  display: block;
  line-height: 24px
}

.input-group {
  border-collapse: separate;
  display: table;
  position: relative
}

.input-group .addon,
.input-group .addbtn,
.input-group .input {
  display: table-cell
}

.input-group .addon,
.input-group .addbtn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle
}

.input-group .addbtn .button {
  font-weight: normal
}

.input-group .input {
  width: 100%
}

.input-group .addon {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 1;
  padding: 6px 12px;
  text-align: center
}

.input-group .addon:first-child,
.input-group .addbtn:first-child .button {
  border-right: 0 none
}

.input-group .addon:first-child,
.input-group .addbtn:first-child .button,
.input-group .input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group .addon:last-child,
.input-group .addbtn:last-child .button {
  border-left: 0 none
}

.input-group .addon:last-child,
.input-group .addbtn:last-child .button,
.input-group .input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group .addon:not(:first-child):not(:last-child),
.input-group .addbtn:not(:first-child):not(:last-child) .button,
.input-group .input:not(:first-child):not(:last-child) {
  border-radius: 0
}

.form-tips .form-group .field {
  position: relative;
  zoom: 1
}

.form-tips .input-help {
  position: absolute;
  z-index: 1;
  float: left;
  left: 0;
  top: 100%
}

.form-tips .input-help ul {
  border: solid 1px #ddd;
  background: #fff;
  padding: 10px 10px 10px 25px;
  box-shadow: 0 0 5px #ddd;
  border-radius: 4px;
  width: 160px;
  min-width: 160px;
  width: auto;
  _width: 160px
}

.input-big,
.form-big .input,
.form-big .button {
  padding: 10px;
  font-size: 16px;
  line-height: 24px;
  height: 46px
}

.input-small,
.form-small .input,
.form-small .button {
  padding: 5px;
  font-size: 12px;
  line-height: 18px;
  height: 28px
}

.form-small .addon,
.form-small .addbtn {
  padding: 5px 8px;
  font-size: 12px
}

.button {
  border: solid 1px #ddd;
  background: transparent;
  border-radius: 4px;
  font-size: 14px;
  padding: 6px 15px;
  margin: 0;
  display: inline-block;
  line-height: 20px;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.button[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  webkit-box-shadow: none;
  box-shadow: none;
  filter: alpha(opacity=50);
  opacity: .5
}

.button:active {
  background-image: none;
  outline: 0;
  transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.button:hover {
  transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.button-block {
  display: block;
  width: 100%
}

.button-large {
  padding: 15px 20px;
  font-size: 24px;
  line-height: 24px
}

.button-big {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 22px
}

.button-small {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px
}

.button-little {
  padding: 3px 5px;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px
}

.button.bg-main,
.button.bg-sub,
.button.bg-dot,
.button.bg-black,
.button.bg-gray,
.button.bg-red,
.button.bg-yellow,
.button.bg-blue,
.button.bg-green {
  color: #fff
}

.button:hover,
.button:focus,
.button.bg:hover,
.button.bg:focus {
  background-color: #f5f5f5
}

/* 镊畾涔� */



/* 镙囩鍒囨崲 */
.slideTxtBox {
  width: 100%;
  text-align: left;
}

.slideTxtBox .hd {
  height: 40px;
  line-height: 40px;
  background: #f4f4f4;
  padding: 0 10px 0 20px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.slideTxtBox .hd ul {
  float: left;
  position: absolute;
  left: 0px;
  top: -1px;
  height: 42px;
}

.slideTxtBox .hd ul li {
  float: left;
  padding: 0 20px;
  cursor: pointer;
  font-size: 18px
}

.slideTxtBox .hd ul li.on {
  height: 40px;
  background: #63b017;
}

.slideTxtBox .hd ul li.on a {
  color: #fff;
}

.slideTxtBox .bd ul {
  padding: 15px 0;
  zoom: 1;
}

.slideTxtBox .bd li {
  height: 36px;
  line-height: 36px;
}

.slideTxtBox .bd li .date {
  float: right;
  color: #999;
}

.boxSmall .hd ul li {
  padding: 0 20px
}

/* 锲剧墖杞挱 */
.focusBox {
  position: relative;
  width: 100%;
  height: 330px;
  overflow: hidden;
  font: 12px/1.5 Verdana, Geneva, sans-serif;
  text-align: left;
  background: white;
}

.focusBox .pic img {
  width: 100%;
  height: 330px;
  display: block;
}

.focusBox .txt-bg {
  position: absolute;
  bottom: 0;
  z-index: 1;
  height: 36px;
  width: 100%;
  background: #333;
  filter: alpha(opacity=60);
  opacity: 0.6;
  overflow: hidden;
}

.focusBox .txt {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 36px;
  width: 100%;
  overflow: hidden;
}

.focusBox .txt li {
  height: 36px;
  line-height: 36px;
  position: absolute;
  bottom: -36px;
}

.focusBox .txt li a {
  display: block;
  color: white;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.focusBox .num {
  position: absolute;
  z-index: 3;
  bottom: 8px;
  right: 8px;
}

.focusBox .num li {
  float: left;
  position: relative;
  width: 18px;
  height: 15px;
  line-height: 15px;
  overflow: hidden;
  text-align: center;
  margin-right: 1px;
  cursor: pointer;
}

.focusBox .num li a,
.focusBox .num li span {
  position: absolute;
  z-index: 2;
  display: block;
  color: white;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
}

.focusBox .num li span {
  z-index: 1;
  background: black;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.focusBox .num li.on a,
.focusBox .num a:hover {
  background: #f60;
}

/* 瀵艰埅镙� */
.yynav {
  padding: 0 20px;
  height: 44px;
  line-height: 44px;
  background: #355E92;
  position: relative;
  z-index: 9;
}

.yynav a {
  color: #fff;
}

.yynav .nLi {
  float: left;
  position: relative;
}

.yynav .nLi .hh3 {
  float: left;
}

.yynav .nLi .hh3 a {
  display: block;
  padding: 0 18px;
  font-size: 16px;
  font-weight: bold;
}

.yynav .sub {
  display: none;
  width: 140px;
  left: 0;
  top: 44px;
  text-align: center;
  position: absolute;
  background: #294973;
  line-height: 36px;
  padding-bottom: 10px;
}

.yynav .sub li {
  zoom: 1;
}

.yynav .sub a {
  display: block;
  padding: 0 10px;
  font-size: 0.9em;
}

.yynav .sub a:hover {
  background: #213b5c;
  color: #fff;
}

.yynav .on .hh3 a {
  background: #294973;
  color: #fff;
}

/* 淇℃伅鍏紑 */
.infoTitle {
  background: #d2e1e7;
  line-height: 40px;
  color: #294973;
  text-align: center;
}

.infoLink a {
  display: block;
  padding: 10px 15px;
  background-color: #eee;
  margin: 2px 0;
  line-height: 30px;
}

.infoLink i {
  float: right;
  color: #999
}

/* 鏁栾偛鏁椤 */
i {
  font-style: normal !important;
  font-weight: 100;
  font-size: 1.2em !important;
}

.title-a {
  border-bottom: 1px solid #294973;
  padding: 15px 10px;
  font-size: 1.2em;
  font-weight: bold;
}

.title-a a {
  color: #294973;
}

.title-b {
  padding: 20px 15px;
  background-color: #09c;
  margin-top: 8px;
  text-align: center;
  color: #fff;
  font-size: 1.4em
}

.list-link {
  overflow: hidden;
  padding: 6px 0;
}

.list-link li {
  float: left;
  padding: 2px;
  width: 50%;
}

.list-link a {
  display: block;
  padding: 20px 10px;
  border: 1px solid #ccc;
  padding-left: 18%;
  border-radius: 0.2em
}

.list-column {
  display: block;
  padding: 20px 15px;
  background-color: #eee;
  text-align: center;
}

.list-text {
  padding: 10px;
  overflow: hidden;
}

.list-text a {
  display: block;
  line-height: 30px;
}

.list-text .date {
  float: right;
  font-size: 14px;
  color: #666;
}

.list-link-sys {
  overflow: hidden
}

.list-link-sys a {
  display: block;
  padding: 15px;
  background-color: #eee;
  margin: 4px 0;
}

.links {
  background-color: #eee;
}

.links a {
  display: inline-block;
  padding: 8px 15px;
}

.footer {
  font-size: 14px;
  color: #666;
  text-align: center;
  padding: 20px;
  background-color: #eee;
  margin-top: 15px
}

.footer p {
  line-height: 2em;
}

.footer a {
  color: #666;
}

.x55 {
  width: 20%
}

.list-img {
  overflow: hidden
}

.list-img a {
  display: block;
  margin: 4px 0;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pager {
  text-align: center;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #eee;
}

.pager a {
  display: inline-block;
  background-color: #fff;
  padding: 6px 15px;
  border: 1px solid #ccc;
  border-radius: 0.2em;
  margin-left: 2px;
  margin-right: 2px;
}

.pager span {
  display: inline-block;
  background-color: #006eab;
  color: #FFF;
  padding: 6px 15px;
  border: 1px solid #ccc;
  border-radius: 0.2em;
  margin-left: 2px;
  margin-right: 2px;
}

.pager a.on,
.pager a:hover {
  background-color: #62adf1;
  color: #fff;
  text-decoration: none;
}

.con-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px
}

.con-bd {
  padding: 30px;
  line-height: 1.5em;
}

.con-bd p {
  margin-top: 10px;
}

.con-bd img {
  max-width: 100%
}

.attFile {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 20px;
  line-height: 1.5em;
}

.attFile a {
  display: block;
}

.logo {
  padding: 60px 0 60px 20px
}

.yd {
  font-size: 30px;
  vertical-align: top;
  padding-right: 10px;
  color: #999
}

.nav-wrap {
  zoom: 1
}

.lyjnav {
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  background: #5da614;
  position: relative;
  z-index: 1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.lyjnav a {
  color: #fff;
}

.lyjnav .nLi {
  float: left;
  position: relative;
  display: inline;
}

.lyjnav .nLi .hh3 {
  float: left;
  font-size: 18px
}

.lyjnav .nLi .hh3 a {
  display: block;
  padding: 0 20px;
  font-weight: bold;
}

.lyjnav .sub {
  display: none;
  width: 112px;
  left: 0;
  top: 60px;
  position: absolute;
  background: #46800d;
  line-height: 32px;
  padding: 5px 0;
}

.lyjnav .sub li {
  zoom: 1;
  text-align: center
}

.lyjnav .sub a {
  display: block;
  padding: 0 10px;
}

.lyjnav .sub a:hover {
  background: #5da614;
  color: #fff;
}

.lyjnav .on .hh3 a {
  background: #46800d;
  color: #fff;
}

.slideBox {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
}

.slideBox .hd {
  height: 20px;
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 1;
}

.slideBox .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}

.slideBox .hd ul li {
  float: left;
  margin-right: 2px;
  width: 26px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  font-size: 14px
}

.slideBox .hd ul li.on {
  background: #f00;
  color: #fff;
}

.slideBox .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}

.slideBox .bd li {
  zoom: 1;
  vertical-align: middle;
}

.slideBox .bd img {
  width: 100%;
  height: auto;
  display: block;
}

.linklist .hd {
  height: 42px;
  line-height: 36px;
  font-size: 18px;
  font-weight: bold;
  border-top: 2px solid #46800d;
  border-bottom: 1px solid #ccc;
  padding-left: 20px
}

.linklist .bd {
  line-height: 30px;
}

.linklist .bd a {
  color: #5da614;
  float: left;
  display: block;
  width: 50%;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  padding: 12px 15px
}

.linklist .bd a:nth-child(odd) {
  border-right: 1px solid #eee;
}

.linklist .bd a span {
  float: left;
  display: inline-block;
  padding-right: .6em;
}

.linklist .bd a i {
  float: right
}

.null15 {
  height: 15px;
  clear: both
}

.null20 {
  height: 20px;
  clear: both
}

.piclinks {
  padding: 15px;
  background-color: #fff;
  text-align: center;
}

.linkpic:after,
.piclinks:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden
}

.piclinks a {
  display: block;
  width: 100%;
  padding: 20px 20px;
  border-radius: .5em;
  font-size: 20px
}

.piclinks span {
  margin-right: 20px
}

.bgco1 {
  background-color: #ecff7f
}

.bgco2 {
  background-color: #aaff7f
}

.bgco3 {
  background-color: #ceff7f
}

.listpic {
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px
}

.listpic .hd {
  font-size: 18px;
  padding: 10px 0;
  font-weight: bold
}

.listpic .bd {
  padding-top: 10px;
  padding-bottom: 10px
}

.listpic .bd li {
  line-height: 36px;
  height: 36px;
}

.listpic .bd span {
  float: right;
  color: #999
}

.xmt {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px
}

.xmt a {
  display: block
}

.linkpic {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  background-color: #fff;
  border-top: 2px solid #46800d
}

.linkpic .hd {
  font-size: 18px;
  line-height: 40px;
  font-weight: bold;
  margin-left: 14px
}

.linkpic .bd a {
  display: block;
  float: left;
  width: 20%;
  padding: 4px
}

.linkpic .bd img {
  border: 1px solid #ccc;
}

/* 镞犻殰纰嶆牱寮� 镞犻殰纰岖殑绫诲悕涓�.logo*/
.logo {
  position: relative;
}

.wza-box {
  position: absolute;
  right: 0;
  cursor: pointer;
}

.wza-box a {
  display: block;
  float: right;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  font-size: 16px;
  letter-spacing: 0.32px;
}

.wza-box a.wza {
  background: #fff;
  color: #F76B00;
  border: 1px solid #FC740D;
  border-radius: 2px 0px 0px 2px;
}

.wza-box a.oldman {
  background: #F79600;
  color: #fff;
  border: 1px solid #F79600;
  border-radius: 0px 2px 2px 0px;
}

/*class="oldModel"*/
/* 阃傝€佹ā寮� */
.oldModel .lyjnav .nLi .hh3 {
  font-size: 34px;
}

.oldModel input[class="input input-auto"] {
  line-height: 36px;
  font-size: 32px;
  margin-top: 12px;
  width: 999px !important;
}

.oldModel input[class="input input-auto"]::placeholder {
  font-size: 32px;
}

.oldModel form[name="searchform"] {
  width: 1090px;
}

.oldModel input[name="search"] {
  font-size: 32px;
  height: 43px;
}

.oldModel .x6 {
  width: 100%;
}

.oldModel .x6 .focusBox {
  height: 636px;
}

.oldModel .x6 .focusBox ul:nth-child(1) {
  width: 100% !important;
}

.oldModel .x6 .focusBox ul:nth-child(1) li {
  width: 100% !important;
}

.oldModel .x6 .focusBox ul:nth-child(1) li a {
  display: block;
  width: 100% !important;
}

.oldModel .focusBox .txt {
  height: 36px;
}

.oldModel .focusBox .txt-bg {
  height: 36px;
}

.oldModel .focusBox .txt li a {
  font-size: 32px
}

.oldModel .focusBox .txt li {
  height: 36px;
  line-height: 36px;
}

.oldModel .focusBox .num li {
  height: 30px;
  width: 36px;
  line-height: 30px;
}

.oldModel .focusBox .num {
  bottom: 3px;
}

.oldModel .focusBox .pic img {
  height: 636px;
}

.oldModel .slideTxtBox .hd ul li {
  font-size: 32px;
  height: 64px;
  line-height: 64px;
}

.oldModel .slideTxtBox .hd {
  height: 64px;
  line-height: 64px;
}

.oldModel .slideTxtBox .bd li {
  font-size: 32px;
  line-height: 64px;
  height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oldModel .linklist .hd {
  font-size: 32px;
}

.oldModel .linklist .bd a {
  font-size: 32px;
  float: none;
  width: 100%;
}

.oldModel .piclinks a {
  font-size: 32px;
}

.oldModel .listpic .hd {
  font-size: 32px;
}

.oldModel .listpic>img {
  height: 128px;
}

.oldModel .listpic .bd li {
  font-size: 32px;
  height: 64px;
  line-height: 64px;
}

.oldModel img[src="https://static.hnzwfw.gov.cn/lib/images/header-logo.png"] {
  height: 100px;
}

.oldModel .listpic>a>img {
  height: 100px;
}

.oldModel img[src="./index/xmt/W020190710404531291534.jpg"] {
  width: 40%;
}

.oldModel img[src="./index/xmt/W020190710404287851851.jpg"] {
  width: 40%;
}

.oldModel .xmt a {
  font-size: 32px;
}

.oldModel .linkpic .hd {
  font-size: 32px;
  height: 52px;
  line-height: 52px;
}

.oldModel .linkpic .bd img {
  height: 95px;
  width: 100%;
}

.oldModel div[style="display: inline-block;width:50%;text-align: left;box-sizing: border-box"] {
  font-size: 22px;
  line-height: 32px;
}

.oldModel .bread {
  font-size: 32px;
}

.oldModel .lyjnav .sub {
  font-size: 32px;
  width: 176px;
  line-height: 52px;
}

.oldModel .title-a {
  font-size: 32px;
}

.oldModel .infoLink a {
  font-size: 32px;
  line-height: 52px;
}

.oldModel .list-text a {
  font-size: 32px;
  line-height: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 150px;
  position: relative;
}

.oldModel .list-text .date {
  display: block;
  font-size: 32px;
  line-height: 52px;
  position: absolute;
  right: 0;
  top: 0
}

.oldModel div[style="line-height:10px;margin:15px;padding:0px;text-align:center;"] {
  font-size: 25px;
}

.oldModel .table {
  font-size: 32px;
}

.oldModel .con-title>div[class="h1 text-center padding"] {
  font-size: 58px;
}

.oldModel .con-title>div[class="h5 text-center"] {
  font-size: 32px;
  line-height: 64px;
}

.oldModel .con-bd section span {
  font-size: 32px !important;
  line-height: 52px;
}

.oldModel .con-bd p span {
  font-size: 32px !important;
  line-height: 64px;
}

.oldModel .con-bd span {
  font-size: 32px !important;
  line-height: 64px;
}

.oldModel .con-bd * {
  font-size: 32px !important;
  line-height: 64px !important;
}

.oldModel .focusBox .num li a {
  font-size: 22px;
}

.oldModel .linkpic .bd a {
  width: 25%;
}

.oldModel div[style="vertical-align: 2em; display: inline-block;width:10%;box-sizing: border-box;text-align: left"] {
  position: relative;
}

.oldModel div[style="vertical-align: 2em; display: inline-block;width:10%;box-sizing: border-box;text-align: left"] table {
  position: absolute;
  bottom: 200px;
}

.oldModel .pager * {
  font-size: 25px;
}

.oldModel .yd {
  float: left;
}
.oldModel .slideTxtBox .bd li a {
  display: block;
    float: left;
    width: 560px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}