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: inherit; vertical-align: baseline}
ul, ol{ list-style: none;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{ display: block}
body{ color: #333; background: #fff; font-family: "microsoft yahei", 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}
input:-webkit-autofill{ background-color: #fff; background-image: none;}
*{ -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{ background: transparent; text-decoration: none;}
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;}
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}
.button[disabled]{ pointer-events: none; cursor: not-allowed; webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=50); opacity: .6}
.button:active{ outline: 0;}
.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}
.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%}
  }
.clearfix:after, .line:after,.container:after{ content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden}
.clear{ clear: both}
.padding-large{ padding: 1.875rem}
.padding-large-top{ padding-top: 1.875rem}
.padding-large-right{ padding-right: 1.875rem}
.padding-large-bottom{ padding-bottom: 1.875rem}
.padding-large-left{ padding-left: 1.875rem}
.padding-big{ padding: 1.25rem}
.padding-big-top{ padding-top: 1.25rem}
.padding-big-right{ padding-right: 1.25rem}
.padding-big-bottom{ padding-bottom: 1.25rem}
.padding-big-left{ padding-left: 1.25rem}
.padding{ padding: 0.625rem}
.padding-top{ padding-top: 0.625rem}
.padding-right{ padding-right: 0.625rem}
.padding-bottom{ padding-bottom: 0.625rem}
.padding-left{ padding-left: 0.625rem}
.padding-small{ padding: 0.3125rem}
.padding-small-top{ padding-top: 0.3125rem}
.padding-small-right{ padding-right: 0.3125rem}
.padding-small-bottom{ padding-bottom: 0.3125rem}
.padding-small-left{ padding-left: 0.3125rem}
.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: 1.875rem}
.margin-large-top{ margin-top: 1.875rem}
.margin-large-right{ margin-right: 1.875rem}
.margin-large-bottom{ margin-bottom: 1.875rem}
.margin-large-left{ margin-left: 1.875rem}
.margin-big{ margin: 1.25rem}
.margin-big-top{ margin-top: 1.25rem}
.margin-big-right{ margin-right: 1.25rem}
.margin-big-bottom{ margin-bottom: 1.25rem}
.margin-big-left{ margin-left: 1.25rem}
.margin{ margin: 0.625rem!important; clear: both}
.margin-top{ margin-top: 0.625rem}
.margin-right{ margin-right: 0.625rem}
.margin-bottom{ margin-bottom: 0.625rem}
.margin-left{ margin-left: 0.625rem}
.margin-small{ margin: 0.3125rem}
.margin-small-top{ margin-top: 0.3125rem}
.margin-small-right{ margin-right: 0.3125rem}
.margin-small-bottom{ margin-bottom: 0.3125rem}
.margin-small-left{ margin-left: 0.3125rem}
.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}
.radius-none{ border-radius: 0 !important}
.radius-small{ border-radius: 2px !important}
.radius{ border-radius: 4px !important}
.radius-big{ border-radius: 6px !important}
.radius-rounded{ border-radius: 2em !important; padding-left: 0.6em !important; padding-right: 0.6em !important}
.radius-circle{ border-radius: 50% !important}
.text-left{ text-align: left !important;}
.text-center{ text-align: center !important;}
.text-right{ text-align: right !important;}
.text-bold{ font-weight: bold}
.text-large{ font-size: 24px}
.text-big{ font-size: 18px}
.text-default{ font-size: 16px}
.text-small{ font-size: 12px}
.text-little{ font-size: 10px}
.text-more{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.float-left{ float: left!important}
.float-right{ float: right!important}
.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: #d8794b}
.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: #0e6bd0}
.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: #4cc183}
.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-black, .pagination.border-black .active{ background-color: #000}
.bg-gray, .pagination.border-gray .active{ background-color: #999}
.bg-white, .button.bg, .pagination.border-white .active{ background-color: #fff}
.bg-red, .pagination.border-red .active{ background-color: #e33}
.bg-yellow, .pagination.border-yellow .active{ background-color: #f60}
.bg-blue, .pagination.border-blue .active{ background-color: #394a66}
.bg-green, .pagination.border-green .active{ background-color: #46c166}
.bg-red-light, .table .red, .table .red td, .table .red th, .pagination.border-red-light .active{ background-color: #fee}
.bg-yellow-light, .table .yellow, .table .yellow td, .table .yellow th, .pagination.border-yellow-light .active{ background-color: #ffd}
.bg-blue-light, .table .blue, .table .blue td, .table .blue th, .pagination.border-blue-light .active{ background-color: #e2edff}
.bg-green-light, .table .green, .table .green td, .table .green th, .pagination.border-green-light .active{ background-color: #efd}
.border{ border: solid 1px #ddd}
.border-none{ border: 0}
.border-top{ border-top: solid 1px #ddd}
.border-right{ border-right: solid 1px #ddd}
.border-bottom{ border-bottom: solid 1px #ddd}
.border-left{ border-left: solid 1px #ddd}
.border-left-right{ border-left: solid 1px #ddd; border-right: solid 1px #ddd}
.border-top-bottom{ border-top: solid 1px #ddd; border-bottom: solid 1px #ddd}
.border-large{ border-width: 10px}
.border-big{ border-width: 5px}
.border-middle{ border-width: 3px}
.border-small{ border-width: 2px}
.border-red{ border-color: #e33;}
.border-yellow{ border-color: #f60;}
.border-blue{ border-color: #394a66;}
.border-green{ border-color: #46c166;}
.v-top{ vertical-align: top !important;}
.v-middle{ vertical-align: middle !important;}
.v-bottom{ vertical-align: bottom !important;}
.pointer{cursor: pointer;}
.pointer:hover{text-decoration: underline;}

/*动画*/

.fadein, .fadein-top, .fadein-right, .fadein-bottom, .fadein-left, .bouncein, .rotatein, .slidein-left, .slidein-right{ -webkit-animation: 0.3s ease-out backwards; -moz-animation: 0.3s ease-out backwards; -ms-animation: 0.3s ease-out backwards; animation: 0.3s ease-out backwards}
.fadeout, .fadeout-top, .fadeout-right, .fadeout-bottom, .fadeout-left, .bounceout, .rotateout, .slideout-left, .slideout-right{ -webkit-animation: 0.3s ease-in forwards; -moz-animation: 0.3s ease-in forwards; -ms-animation: 0.3s ease-in forwards; animation: 0.3s ease-in forwards}
.fadein{ -webkit-animation-name: a-fadein; -moz-animation-name: a-fadein; -ms-animation-name: a-fadein; animation-name: a-fadein}
@-webkit-keyframes a-fadein{ 0%{ opacity: 0}
  100%{ opacity: 1}
  }
@-moz-keyframes a-fadein{ 0%{ opacity: 0}
  100%{ opacity: 1}
  }
@-ms-keyframes a-fadein{ 0%{ opacity: 0}
  100%{ opacity: 1}
  }
@keyframes a-fadein{ 0%{ opacity: 0}
  100%{ opacity: 1}
  }
.fadein-top{ -webkit-animation-name: fadeinT; -moz-animation-name: fadeinT; -ms-animation-name: fadeinT; animation-name: fadeinT}
@-webkit-keyframes fadeinT{ 0%{ opacity: 0; -webkit-transform: translateY(-50px)}
  100%{ opacity: 1; -webkit-transform: translateY(0)}
  }
@-moz-keyframes fadeinT{ 0%{ opacity: 0; -moz-transform: translateY(-50px)}
  100%{ opacity: 1; -moz-transform: translateY(0)}
  }
@-ms-keyframes fadeinT{ 0%{ opacity: 0; -ms-transform: translateY(-50px)}
  100%{ opacity: 1; -ms-transform: translateY(0)}
  }
@keyframes fadeinT{ 0%{ opacity: 0; transform: translateY(-50px)}
  100%{ opacity: 1; transform: translateY(0)}
  }
.fadein-right{ -webkit-animation-name: fadeinR; -moz-animation-name: fadeinR; -ms-animation-name: fadeinR; animation-name: fadeinR}
@-webkit-keyframes fadeinR{ 0%{ opacity: 0; -webkit-transform: translateX(50px)}
  100%{ opacity: 1; -webkit-transform: translateX(0)}
  }
@-moz-keyframes fadeinR{ 0%{ opacity: 0; -moz-transform: translateX(50px)}
  100%{ opacity: 1; -moz-transform: translateX(0)}
  }
@-ms-keyframes fadeinR{ 0%{ opacity: 0; -ms-transform: translateX(50px)}
  100%{ opacity: 1; -ms-transform: translateX(0)}
  }
@keyframes fadeinR{ 0%{ opacity: 0; transform: translateX(50px)}
  100%{ opacity: 1; transform: translateX(0)}
  }
.fadein-bottom{ -webkit-animation-name: fadeinB; -moz-animation-name: fadeinB; -ms-animation-name: fadeinB; animation-name: fadeinB}
@-webkit-keyframes fadeinB{ 0%{ opacity: 0; -webkit-transform: translateY(50px)}
  100%{ opacity: 1; -webkit-transform: translateY(0)}
  }
@-moz-keyframes fadeinB{ 0%{ opacity: 0; -moz-transform: translateY(50px)}
  100%{ opacity: 1; -moz-transform: translateY(0)}
  }
@-ms-keyframes fadeinB{ 0%{ opacity: 0; -ms-transform: translateY(50px)}
  100%{ opacity: 1; -ms-transform: translateY(0)}
  }
@keyframes fadeinB{ 0%{ opacity: 0; transform: translateY(50px)}
  100%{ opacity: 1; transform: translateY(0)}
  }
.fadein-left{ -webkit-animation-name: fadeinL; -moz-animation-name: fadeinL; -ms-animation-name: fadeinL; animation-name: fadeinL}
@-webkit-keyframes fadeinL{ 0%{ opacity: 0; -webkit-transform: translateX(-50px)}
  100%{ opacity: 1; -webkit-transform: translateX(0)}
  }
@-moz-keyframes fadeinL{ 0%{ opacity: 0; -moz-transform: translateX(-50px)}
  100%{ opacity: 1; -moz-transform: translateX(0)}
  }
@-ms-keyframes fadeinL{ 0%{ opacity: 0; -ms-transform: translateX(-50px)}
  100%{ opacity: 1; -ms-transform: translateX(0)}
  }
@keyframes fadeinL{ 0%{ opacity: 0; transform: translateX(-50px)}
  100%{ opacity: 1; transform: translateX(0)}
  }
.fadeout{ -webkit-animation-name: a-fadeout; -moz-animation-name: a-fadeout; -ms-animation-name: a-fadeout; animation-name: a-fadeout}
@-webkit-keyframes a-fadeout{ 0%{ opacity: 1}
  100%{ opacity: 0}
  }
@-moz-keyframes a-fadeout{ 0%{ opacity: 1}
  100%{ opacity: 0}
  }
@-ms-keyframes a-fadeout{ 0%{ opacity: 1}
  100%{ opacity: 0}
  }
@keyframes a-fadeout{ 0%{ opacity: 1}
  100%{ opacity: 0}
  }
.fadeout-top{ -webkit-animation-name: fadeoutT; -moz-animation-name: fadeoutT; -ms-animation-name: fadeoutT; animation-name: fadeoutT}
@-webkit-keyframes fadeoutT{ 0%{ opacity: 1; -webkit-transform: translateY(0)}
  100%{ opacity: 0; -webkit-transform: translateY(-100px)}
  }
@-moz-keyframes fadeoutT{ 0%{ opacity: 1; -moz-transform: translateY(0)}
  100%{ opacity: 0; -moz-transform: translateY(-100px)}
  }
@-ms-keyframes fadeoutT{ 0%{ opacity: 1; -ms-transform: translateY(0)}
  100%{ opacity: 0; -ms-transform: translateY(-100px)}
  }
@keyframes fadeoutT{ 0%{ opacity: 1; transform: translateY(0)}
  100%{ opacity: 0; transform: translateY(-100px)}
  }
.fadeout-right{ -webkit-animation-name: fadeoutR; -moz-animation-name: fadeoutR; -ms-animation-name: fadeoutR; animation-name: fadeoutR}
@-webkit-keyframes fadeoutR{ 0%{ opacity: 1; -webkit-transform: translateX(0)}
  100%{ opacity: 0; -webkit-transform: translateX(100px)}
  }
@-moz-keyframes fadeoutR{ 0%{ opacity: 1; -moz-transform: translateX(0)}
  100%{ opacity: 0; -moz-transform: translateX(100px)}
  }
@-ms-keyframes fadeoutR{ 0%{ opacity: 1; -ms-transform: translateX(0)}
  100%{ opacity: 0; -ms-transform: translateX(100px)}
  }
@keyframes fadeoutR{ 0%{ opacity: 1; transform: translateX(0)}
  100%{ opacity: 0; transform: translateX(100px)}
  }
.fadeout-bottom{ -webkit-animation-name: fadeoutB; -moz-animation-name: fadeoutB; -ms-animation-name: fadeoutB; animation-name: fadeoutB}
@-webkit-keyframes fadeoutB{ 0%{ opacity: 1; -webkit-transform: translateY(0)}
  100%{ opacity: 0; -webkit-transform: translateY(100px)}
  }
@-moz-keyframes fadeoutB{ 0%{ opacity: 1; -moz-transform: translateY(0)}
  100%{ opacity: 0; -moz-transform: translateY(100px)}
  }
@-ms-keyframes fadeoutB{ 0%{ opacity: 1; -ms-transform: translateY(0)}
  100%{ opacity: 0; -ms-transform: translateY(100px)}
  }
@keyframes fadeoutB{ 0%{ opacity: 1; transform: translateY(0)}
  100%{ opacity: 0; transform: translateY(100px)}
  }
.fadeout-left{ -webkit-animation-name: fadeoutL; -moz-animation-name: fadeoutL; -ms-animation-name: fadeoutL; animation-name: fadeoutL}
@-webkit-keyframes fadeoutL{ 0%{ opacity: 1; -webkit-transform: translateX(0)}
  100%{ opacity: 0; -webkit-transform: translateX(-100px)}
  }
@-moz-keyframes fadeoutL{ 0%{ opacity: 1; -moz-transform: translateX(0)}
  100%{ opacity: 0; -moz-transform: translateX(-100px)}
  }
@-ms-keyframes fadeoutL{ 0%{ opacity: 1; -ms-transform: translateX(0)}
  100%{ opacity: 0; -ms-transform: translateX(-100px)}
  }
@keyframes fadeoutL{ 0%{ opacity: 1; transform: translateX(0)}
  100%{ opacity: 0; transform: translateX(-100px)}
  }

/*结构*/

.container{width: 53rem; margin: 0 auto;}

/*首页*/

.nav{height: 4.375rem;background: white;padding: 0.7rem 0;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);}
.logo{font-size: 0;overflow: hidden;color: #000;height:3rem;}
.logo img{display: inline-block;height: 3rem;}
.logo .h1{display: inline-block;font-size: 1rem;padding-top: 0.3rem;vertical-align:top;height: 100%;}
.logo .h1 .b{font-weight: normal;display: block;}
.logo .h1 .span{display: block;color: #707070;font-size: 0.6rem;font-weight: lighter;}
.banner{position: relative;text-align: center;height: 18.75rem;overflow: hidden;background: url(../img/index_banner.jpg);background-size: 100% auto;background-position: 0 50%;}
.banner .text{position: absolute;top: 50%;transform:translateY(-50%);left: 0;right: 0;color: white;letter-spacing: 2px;font-weight: bold;text-shadow: 0 4px 6px rgba(0,0,0,.2);font-size: 1.4rem;color: white;}
.menu{padding-top: 0.7rem;width:120%;}
.menu a{font-size: 0.875rem;color: #BEBEBE;margin-left: 2rem;}
.menu a:last-child{margin-right: 0;}
.menu a.active{color: #13346B;}

/*title*/

.title{font-size: 1rem;position: relative;padding-top: 1rem;}
.title span{background: #2EA1D3;height: 2px;width: 3.2rem;position: absolute;top: 0;left: 0;display: block;}

/*about-us*/

.about-us{padding: 3rem;font-size: 1rem;margin-bottom: 2rem;background: url(../img/aboust_us.png) no-repeat; background-size: auto 85%;background-position: center 5rem;}
.about-us .text-box{width: 45rem;margin-top: 6.24rem;}
.about-us h2{color: #13346B;font-size: 1.75rem;font-weight: bold;margin-bottom: 2.3625rem;}
.about-us p{font-size: 0.875rem;line-height: 2.28;font-weight: lighter;}

/*Investment Portfolio*/

.investment-portfolio{padding-bottom: 5rem;}
.investment-portfolio ul{overflow: hidden;padding-bottom: 5rem;width: 100%;margin: 0 auto}
.investment-portfolio ul li{width: 33.3%;float: left;text-align: center;padding-top: 5rem;position: relative}
.investment-portfolio ul li h2{max-height: 15rem; overflow-y: auto;min-height: 11.6rem;vertical-align: middle;position: absolute;top: 2rem;display: none;text-align: center;width: 100%;z-index: 666;line-height: 1.625rem;font-size: 0.875rem;font-weight: lighter;padding:1.8rem 1.25rem;background: rgba(248, 248, 248, 1);box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);}
.investment-portfolio ul li:hover h2{display: block;}
.investment-portfolio ul li img{width: 11rem;}
.investment-portfolio ul li span{display: block;margin-top: 2rem;font-size: 1.125rem;padding: 0 1rem}
a.block{display: block;margin-top: 1rem;color: #000;}

/*copyright*/

.copyright{background: #13346B;color: #E3E3E3;padding: 0.7rem 0;font-size: 12px;text-align: center;}

/*new*/

.news-list{width: 45rem;margin: 2.5rem auto;min-height: 80vh;}
.news-list a{width: 21.25rem;float: left;margin-bottom: 2.5rem;-webkit-transition: 0.2s all; -moz-transition: 0.2s all; -ms-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all;}
.news-list a:hover{ box-shadow: 0 4px 8px rgba(0, 0, 0, .2); -webkit-transform: scale(1.11.11.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.news-list a:nth-child(odd){margin-right: 2.5rem;}
.news-list a .img-box{height: 12rem;border: none;overflow: hidden;}
.news-list a .img-box img{width: 100%;}
.news{background: white;padding: 1.5rem;}
.news h1{color: #13346B;font-size: 1rem;margin-bottom: 1rem;}
.news p{color: #13346B;font-weight: bold;line-height: 1.4;height: 3.15rem;}

/*newsDetai*/

.back{color: #000;font-size: 1rem;text-decoration: underline;}
.news-detail{width: 37.5rem;margin: 2.5rem auto;min-height: 80vh;}
.news-detail h1{font-size: 1.125rem;font-weight: bold;margin-top: 1.3rem;line-height: 1.8;}
.news-detail h2{font-size: 1rem;margin: 0.625rem 0 1.8rem;}
.news-detail p{font-size: 0.875rem;color: #707070;line-height: 2;}
.news-detail>img{display: block;margin: 2rem 0;background: #ccc;}
.news-detail p>img{width: 100%;margin: 1rem 0;}
.share{font-size: 1rem;margin-top: 2rem;position: relative;}
.share>img{width: 2.2rem;height: 2.2rem;vertical-align: middle;cursor: pointer;margin: 0 0.5rem;}
.share .qrcode {display: none;position: absolute; bottom: 2.6rem; width: 10rem; box-shadow: 0 4px 8px rgba(0,0,0,.2); }
.share .qrcode img{width: 100%;}

/*回到顶部*/

.go-top{cursor: pointer;background: #E8E8E8;padding: 0.5rem;position: fixed;right: 5rem;bottom: 5rem;width: 3.125rem;height: 3.125rem;}
.go-top img{width: 100%;}

/*联系我们*/

.contant-us{width: 45rem;margin: 2.5rem auto 5rem;min-height: 76vh;}
.contant-us>img{width: 100%;display: block;}
.contant-info{padding: 2.375rem 4.3rem 0;background: white;overflow: hidden;}
.contant-info li{font-size: 0.875rem;overflow: hidden;margin-bottom: 2.5rem;}
.contant-info li span{float: left;width: 30%;}
.contant-info li span img{width: 1.5rem;vertical-align: middle;margin-right: 0.5rem;}
.contant-info li b{word-break: break-word;color: #13346B;font-weight: bold;float: left;width: 70%;padding-top: 0.1rem;}

/*phone-menu*/
.phone-menu{display: none;}
.phone-menu .option{background: url(../img/option.png) no-repeat;background-size: 80%;background-position:center 0.7rem;vertical-align: bottom;}
.phone-menu a{color: #000;display: inline-block;width: 2rem;height: 2.4rem;margin: 0 0.5rem;font-size: 1rem;text-align: center;}
.phone-menu a:last-child{line-height: 2.4rem;vertical-align: bottom;width: 2.5rem;}

.is-bottom{text-align: center;color: #9F9F9F;padding:0;width: 100%;float: left;}
.phone-show{display: none;}

/*重构轮播锚点*/

.swiper-pagination-bullet{width: 0.7rem !important;height: 0.7rem !important;border: 2px solid #13346B !important;background: none !important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #13346B !important;}
html{font-size: 20px;}
@media only screen and (max-width: 1367px){ html{font-size: 16px !important;}
.layui-layer-btn .layui-layer-btn0{position: absolute;left: 45%;bottom: -5rem;padding: 0;margin:0;width: 3rem;height: 3rem;font-size: 0;background: url(../img/close.png);border-color: inherit !important;background-color: inherit !important;background-position: center;background-size: 100%;border: none;}
  .layui-layer-dialog .layui-layer-content{overflow: visible;word-break: normal !important;}
  .layui-layer-content{text-align: center;padding: 2.5rem !important;}
  #projectList li h2{display: none !important;}
  }
@media only screen and (max-width: 1200px){ html{font-size: 16px !important;}
.logo h1{white-space: nowrap;}

  }
@media only screen and (max-width: 900px){ html{font-size: 13px !important;}
  .logo .h1{white-space: nowrap;}
  .logo .h1 .span{margin-top: -0.3rem;-webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); transform-origin: 0 0;}
  .nav .x7{width: 60%;}
  .nav .x5{width: 40%;}
  .about-us .text-box{width: 50rem;}
  .banner{font-size: 1.1rem;}
  
  }
@media only screen and (max-width: 750px){ html{font-size: 14px !important;}
	.share{display: none;}
	.phone-show{display: block;}
  .container{width: 100%;}
  .nav{z-index: 999;width: 100%;position: fixed;left: 0;right: 0;top: 0;height: 3.5rem;padding: 0.4rem 1.2rem;}
  .logo img{height: 2.5rem;}
  .logo .h1{display: none;}
  .banner{height: 16rem;background-size: auto 100%; background-position: 50%;}
  .phone-menu{display: inline-block;}
  .menu{
  	display: none;
  	border-top: 1px solid #ddd;
  	position: fixed;
  	top: 3.5rem;right: 0;
  	background: #F4F4F4;
  	padding: 0.3rem;
  	text-align: center;
    width:100%;
  }
  .menu a{display: block;margin: 0;font-size: 1rem;padding: 1rem;color: #000;}
  .menu a:last-child{display: none;}
  
  .title{padding-top: 0.6rem;}
  
  .about-us{background-position: center bottom;background-size: 100%;}
  .about-us,.investment-portfolio{padding:1.6rem;}
  .about-us .text-box{margin-top: 1.5rem;width: 100%;}
  .about-us h2{text-indent: 0;font-size: 1.3rem;margin-bottom: 1rem;}
  
  .investment-portfolio{margin-bottom: 0;}
  .investment-portfolio h2{display: none;}
  .investment-portfolio ul li{width: 50%;padding-top: 2rem;}
  .investment-portfolio ul li span{height: 3.5rem;font-size: 0.8rem;word-break: break-all;}
  .news-list{width: 100%;padding:2.5rem 1.5rem 1.5rem;margin-bottom: 0;min-height: 85vh;}
  .news-list a{width: 100%;}
  .news-list a:last-child{margin-bottom: 0;}
  .news-list a img{display: block;}
  .news-list a:nth-child(odd){margin-right:0 ;}
  
  .news-detail{width: 100%;padding:2.5rem 1.5rem 1.5rem;background: white;margin-bottom: 0;min-height: 85vh;}
  .news-detail p{color: #000;margin-top: 1rem;}
  .go-top{display: none !important;}
  
  .contant-us{width: 100%;padding:2.5rem 1.5rem 1.5rem;margin-bottom: 0;}
  .contant-us>img{height: 9rem;}
  .contant-info{padding: 1.5rem;}
  .contant-info li{margin-bottom: 1.8rem;}
  .contant-info li span img{width: 1rem;margin-right: 0.3rem;}
  .contant-info li span,.contant-info li b{width: 100%;line-height: 2;}
  
  .investment-portfolio ul li:hover h2{display: none;}
  .banner .text{font-size: 1rem;white-space: normal;line-height: 1.5;}
  
  }
/*修改css*/
@media (max-width:768px){
    #indexPageTopTitle{
    	font-size: 1.2rem;
    	letter-spacing: 0.5rem;
    }
    .company-name{
      height: 3rem;
      overflow:hidden
    }
    .company-img{
       height: 4rem;
       object-fit: contain;
    }
}

@media (min-width:768px){
    #indexPageTopTitle{
    	font-size: 2rem;
    	letter-spacing: 0.85rem;
    }
    .company-name{
      height: 3rem;
      overflow:hidden
    }
    .company-img{
      height: 4rem;
      object-fit: contain;
    }
}
#index_enPageTopTitle{
	text-transform:capitalize;
}