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
}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
display: block
}
body {
font-size: 12px;
color: #333;
background: #fff;
font-family: "Microsoft YaHei", "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height: 1.5
}
body.en {
font-family: 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:#999
}
ol, ul {
list-style: 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;
resize: none
}
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;
-webkit-tap-highlight-color: rgba(0,0,0,0);
color: #333
}
a:active, a:hover {
outline: 0
}
a:hover {
text-decoration: underline
}
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
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal
}
h1 {
font-size: 26px
}
h2 {
font-size: 20px
}
h3 {
font-size: 18px
}
h4 {
font-size: 16px
}
h5 {
font-size: 14px
}
h6 {
font-size: 12px
}
@media(max-width:767px) {
h1 {
font-size: 16px
}
h3 {
font-size: 14px
}
h4 {
font-size: 14px
}
h6 {
font-size: 11px
}
}
a, a:hover {
text-decoration: none
}
.text-more {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.bg {
background: #f1f6f9
}
.border {
border: 1px solid #ddd
}
.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
}
.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
}
.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
}
.text-center {
text-align: center
}
.button-little {
font-size: 12px;
font-weight: normal;
line-height: 16px;
padding: 3px 5px
}
.button {
background: transparent none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 3px;
display: inline-block;
font-size: 14px;
line-height: 20px;
margin: 0;
padding: 4px 15px;
transition: all 1s 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
}
.layout {
width: 100%
}
.container, .container-layout {
margin: 0 auto;
padding: 0 10px
}
@media(min-width:768px) {
.container {
width: 750px
}
}
@media(min-width:1000px) {
.container {
width: auto
}
}
@media(min-width:1200px) {
.container {
width: 1200px
}
}
.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
}
@media only screen and (max-width:767px) {
.line-big {
margin-left: -5px;
margin-right: -5px
}
.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 {
padding-right: 5px;
padding-left: 5px
}
}
.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:768px) {
.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:767px) {
.show-l {
display: block!important
}
.hidden-l {
display: none!important
}
}
@media(min-width:768px) 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
}
}
.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;
line-height: 0
}
.clearfix, .layout, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar {
display: block
}
.clear {
clear: both
}
.show {
display: block!important
}
.hidden {
display: none!important;
visibility: hidden!important
}
.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
}
.padding-larger {
padding: 50px
}
.padding-larger-top {
padding-top: 50px
}
.padding-larger-right {
padding-right: 50px
}
.padding-larger-bottom {
padding-bottom: 50px
}
.padding-larger-left {
padding-left: 50px
}
.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
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.text-gray {
color: #808080
}
.text-primary {
color: #1f9177
}
.bg-gray {
background-color: #f7f7f7
}
.bg-sub {
background-color: #4f5563
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-justify {
text-align: justify
}
.input-group {
clear: both;
margin-bottom: 10px;
}
.input-group label {
color: #606060;
display: inline-block;
font-size: 15px;
font-weight: bold;
width: 150px;
}
.input-group input[type="text"] {
border: 1px solid #aaa;
border-radius: 2px;
font-family: "microsoft yahei","sans-serif";
height: 30px;
line-height: 30px;
outline: medium none;
text-indent: 1em;
transition: all 300ms ease 0s;
width: 420px;
}
.input-group textarea {
border: 1px solid #aaa;
border-radius: 2px;
font-family: "microsoft yahei","sans-serif";
margin-left: 5px;
outline: medium none;
padding-top: 5px;
text-indent: 1em;
transition: all 300ms ease 0s;
width: 420px;
}
#submit {
background: #1e1e1e none repeat scroll 0 0;
border: 0 none;
clear: both;
color: #ffffff;
display: block;
font-size: 14px;
line-height: 30px;
margin-left: 94px;
width: 80px;
}
@media only screen and (min-width:768px) {
[class^='icons-'] {
background:url(../images/icons.png) no-repeat;
width:16px;
height:16px;
display:inline-block;
vertical-align:middle
}
.icons-ewm {
background-position: 0 0;
width: 21px;
height: 21px
}
.icons-qq {
width: 22px;
height: 24px;
background-position: 0 -29px
}
.icons-email {
background-position: 0 -62px;
width: 24px;
height: 19px
}
.icons-top {
width: 18px;
height: 9px;
background-position: -1px -97px
}
.icons-search {
width: 18px;
height: 19px;
background-position: 0 -112px
}
.icons-tel {
background-position: -30px 0;
width: 34px;
height: 34px
}
.icons-arrright {
width: 6px;
height: 10px;
background-position: 0 -131px
}
.icons-basic-ser {
width: 40px;
height: 40px;
background-position: -30px -41px
}
.icons-raise-ser {
width: 40px;
height: 40px;
background-position: -30px -85px
}
.icons-operation-platform {
width: 40px;
height: 40px;
background-position: -30px -129px
}
.icons-delete {
width: 19px;
height: 19px;
background-position: -0px -190px
}
.icons-ture {
width: 14px;
height: 13px;
background-position: -2px -242px
}
.icons-radio {
width: 14px;
height: 14px;
background-position: 0 -260px
}
.icons-check-o {
width: 14px;
height: 14px;
background-position: 0 -297px
}
.icons-close {
width: 12px;
height: 11px;
background-position: 0 -418px
}
.icons-refresh {
width: 12px;
height: 14px;
background-position: 0 -333px
}
.icons-arrowdown-g {
width: 10px;
height: 5px;
background-position: 0 -370px
}
.icons-login-head {
width: 16px;
height: 16px;
background-position: 0 -378px
}
.icons-login-lock {
width: 16px;
height: 16px;
background-position: 0 -398px
}
.icons-status {
width: 40px;
height: 40px;
background-position: -110px -45px
}
.step.finished .icons-status {
width: 40px;
height: 40px;
background-position: -110px 0
}
.icons-arrowleft {
display: none
}
.icons-magnifying-glass {
width: 13px;
height: 13px;
background-position: 0 -433px
}
.icons-consulting {
width: 20px;
height: 18px;
background-position: 0 -449px
}
.icons-arr-l {
width: 7px;
height: 14px;
background-position: 0 -493px
}
.icons-arr-r {
width: 7px;
height: 14px;
background-position: 0 -513px
}
.icons-product {
width: 16px;
height: 12px;
background-position: 0 -472px
}
.icons-arr-right {
width: 5px;
height: 10px;
background-position: 0 -576px
}
.icons-big-prev {
width: 12px;
height: 24px;
background-position: -34px -378px
}
.icons-big-next {
width: 12px;
height: 24px;
background-position: -56px -378px
}
.icons-thumbs-prev {
width: 7px;
height: 14px;
background-position: -34px -410px
}
.icons-thumbs-next {
width: 7px;
height: 14px;
background-position: -46px -410px
}
.icons-selected {
width: 14px;
height: 14px;
background-position: -34px -358px
}
}
@media only screen and (max-width:767px) {
[class^='icons-'] {
background:url(../images/icons.png) no-repeat 999px 999px;
width:16px;
height:16px;
display:inline-block;
vertical-align:middle;
background-size:162px auto
}
.icons-gotop {
width: 44px;
height: 44px;
background-position: -118px 0
}
.icons-menu {
width: 14px;
height: 12px;
background-position: -91px 0
}
.icons-delete {
display: none
}
.icons-marrowup, .icons-marrowdown {
width: 11px;
height: 6px;
margin-top: -2px
}
.icons-marrowdown {
background-position: 0 -76px
}
.icons-marrowup {
background-position: 0 -86px
}
.icons-clock {
width: 10px;
height: 11px;
background-position: 0 -108px
}
.icons-check-o {
width: 16px;
height: 16px;
background-position: -17px -137px
}
.icons-radio {
width: 15px;
height: 15px;
background-position: -17px -119px
}
.step.finished .icons-status {
width: 25px;
height: 25px;
background-position: -55px -48px
}
.icons-status {
width: 25px;
height: 25px;
background-position: -84px -48px
}
.icons-arrowleft {
width: 6px;
height: 11px;
background-position: -84px -22px
}
.icons-ask-online {
width: 18px;
height: 14px;
background-position: -17px -233px
}
}
@media only screen and (min-width:768px) {
.header-top {
height: 29px;
line-height: 28px;
border-bottom: 1px solid #e6e6e6
}
.welcome a {
margin: 0 3px
}
.welcome a:hover {
text-decoration: underline;
color: #1f9177
}
.layout .container .float-right .text-gray:hover {
text-decoration: underline;
color: #1f9177
}
.other-link .vline {
display: inline-block;
vertical-align: middle;
margin: 0 7px 0 6px;
height: 11px;
border-left: 1px solid #ccc
}
.logo {
width: 370px;
overflow: hidden;
height: 72px;
margin-left: -10px;
margin-top: -8px
}
.logo .logo-bg {
background: url(../images/logo.png) no-repeat 0 0;
display: block;
height: 100%
}
.logo-en {
width: 275px
}
@media only screen and (max-width:1200px) {
.logo-en {
width:268px;
margin-left:20px
}
}
.logo-en .logo-bg {
background: url(../images/logo-en.png) no-repeat 0 0;
display: block;
height: 100%
}
.header-mob {
display: none
}
.header-wrap {
position: relative;
height: 110px
}
.en .header-wrap {
height: 100px
}
.m-search {
width: 320px;
margin-left: 5px
}
.m-search, .m-search .search {
position: relative
}
.m-search {
padding-right: 47px;
margin-right: 5.932203%
}
.m-search .search-text {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
-ms-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
border: 1px solid #c7c7c7;
border-right: 0;
display: block;
height: 36px;
font-size: 12px;
padding: 0 0 0 10px;
width: 100%;
line-height: 34px
}
.m-search .submit {
border: 0;
padding: 0;
background-color: #1f9177;
width: 47px;
height: 36px;
vertical-align: middle;
border-radius: 0 2px 2px 0;
position: absolute;
top: 0;
right: 0
}
.telphone {
font-size: 24px;
color: #000
}
.telphone span {
vertical-align: middle;
padding: 0 8px 0 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1px
}
.fixedmenu {
position: absolute;
right: 7px;
margin-top: -7px
}
.line.padding-small-bottom {
padding-bottom: 7px
}
.fixedmenu li {
float: left;
padding: 0 54px;
font-size: 14px;
letter-spacing: 1px
}
.fixedmenu .platform {
position: relative
}
.fixedmenu .platform span {
position: absolute;
top: 21px;
left: 0;
width: 100%;
text-align: center;
font-size: 12px;
color: #aaa;
letter-spacing: .5px
}
.fixedmenu .cur>a, .fixedmenu a:hover {
font-weight: bold;
color: #1f9177
}
.fixedmenu .curs>a, .fixedmenu a:hover {
font-weight: bold;
color: #1f9177
}
.fixedmenu .join, .fixedmenu .login {
display: none
}
.fixedmenu.en li {
font-size: 16px;
letter-spacing: normal;
text-align: center;
font-weight: bold
}
.fixedmenu .about {
padding-right: 14px
}
.boxshadow {
box-shadow: 0 1px 4px rgba(0,0,0,.2);
background-color: #fff;
position: relative;
z-index: 5
}
.boxshadow.en {
box-shadow: 0 2px 4px rgba(0,0,0,.2)
}
.cur->.cur {
color: #1f9177
}
}
@media only screen and (min-width:768px) and (max-width:1000px) {
.telphone {
display: none
}
.m-search {
margin-right: 0
}
.fixedmenu li {
padding: 0 25px
}
}
@media only screen and (max-width:767px) {
.header-mob {
height: 44px;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 1px 2px rgba(0,0,0,.14);
z-index: 20
}
.header-mob .title {
padding: 0 44px;
text-align: center
}
.header-mob img {
height: 44px;
margin-left: 6px
}
.header-mob .leftmenu {
position: absolute;
width: 44px;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
padding-left: 10px;
padding-top: 12px
}
.mask-layer {
display: none;
position: fixed;
top: 0;
height: 100%;
width: 100%;
left: 0;
background-color: rgba(0,0,0,.54);
z-index: 10;
cursor: pointer
}
body, body>.wrapper {
overflow: hidden
}
.content-home {
height: 100%;
padding-top: 44px;
width: 100%;
position: absolute;
left: 0;
top: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.content-home.overflow {
overflow: hidden
}
.fixedmenu {
position: absolute;
width: 100%;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
left: 0;
top: 0;
padding-top: 44px;
z-index: 15;
display: none
}
.mob-nav.container {
padding: 0
}
.nav {
width: 163px;
height: 100%;
background: #fff;
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform ease-in 400ms;
transition: transform ease-in 400ms;
z-index: 15
}
.nav.show-in {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.nav .container {
padding: 0
}
.nav ul>li {
width: 100%;
margin: 0;
display: block;
height: 45px;
line-height: 45px;
text-align: left;
padding-left: 15px;
border-left: 2px solid transparent;
position: relative;
font-size: 16px
}
.nav ul>li::after {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 1px;
width: 100%;
background-color: #ddd;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5)
}
.nav ul .cur, .nav ul li:active {
border-left-color: #1f9177;
border-bottom: 0;
background-color: #f7f7f7
}
.nav li:hover>a {
color: #333
}
.nav ul>.cur a, .nav ul li:active>a {
font-weight: normal;
color: #1f9177
}
.fixedmenu .platform span {
display: none
}
.en-about-us img{ width:100%; height:auto;}
.en-about-us p span{ font-size:12px !important;}
.products img{ width:100%; height:auto;}
.about-comp-info img{width:100% !important; height:auto !important;}
.about-comp-info table{ width:100% !important;}
.input-group {
clear: both;
margin-bottom: 10px;
}
.input-group label {
color: #606060;
display: inline-block;
font-size: 15px;
font-weight: bold;
width: 100%;
}
.input-group input[type="text"] {
border: 1px solid #aaa;
border-radius: 2px;
font-family: "microsoft yahei","sans-serif";
height: 30px;
line-height: 30px;
outline: medium none;
text-indent: 1em;
transition: all 300ms ease 0s;
width: 100%;
}
.input-group textarea {
border: 1px solid #aaa;
border-radius: 2px;
font-family: "microsoft yahei","sans-serif";
margin-left: 5px;
outline: medium none;
padding-top: 5px;
text-indent: 1em;
transition: all 300ms ease 0s;
width: 100%;
}
#submit {
background: #1e1e1e none repeat scroll 0 0;
border: 0 none;
clear: both;
color: #ffffff;
display: block;
font-size: 14px;
line-height: 30px;
margin-left: 94px;
width: 80px;
}
}
@media only screen and (min-width:768px) {
.g-footer {
background-color: #2e8b75;
margin-top:50px;
}
.footer-links {
padding-bottom: 40px
}
.footer-links ul {
font-size: 0;
padding-top: 33px;
margin-bottom: 11px
}
.footer-links li {
display: inline-block;
*display:inline;
*zoom:1;
color: #fefefe;
font-size: 0
}
.footer-links li a {
color: #fefefe;
font-size: 12px
}
.footer-links li span {
margin: 0 14px;
font-size: 12px
}
.footer-links p {
font-size: 12px;
color: #fefefe
}
.footer-links p a, .footer-links p span {
color: #fefefe;
margin: 0 4px
}
.footer-mobi {
display: none
}
.g-footer a:hover {
text-decoration: underline
}
.contact-way {
position: fixed;
right: 45px;
bottom: 80px;
z-index: 20;
background-color: transparent
}
.contact-way .item {
min-width: 52px;
height: 53px;
border-radius: 3px;
background-color: #727782;
margin-bottom: 6px;
cursor: pointer;
text-align: center;
line-height: 52px;
white-space: nowrap;
position: relative
}
.contact-way .item:hover {
background-color: #fb3
}
.contact-way .item .ewm {
position: absolute;
padding: 9px;
-webkit-box-shadow: 0 1px 4px rgba(9,2,4,0.4);
box-shadow: 0 1px 2px rgba(9,2,4,0.4);
border: 1px solid #dad9da;
background-color: #fff;
right: 66px;
top: 0;
display: none
}
.contact-way .item-ewm:hover .ewm {
display: block
}
.contact-way .shadowarrow {
position: absolute;
right: -19px;
top: 17px;
border: 10px solid transparent;
border-left-color: #fff;
width: 0;
height: 0
}
.contact-way .arrowborder {
position: absolute;
right: -22px;
top: 16px;
border: 11px solid transparent;
border-left-color: #dad9da;
width: 0;
height: 0
}
.contact-way .item .info {
color: #fff;
width: 0;
text-align: center;
overflow: hidden;
line-height: 1;
position: absolute;
right: 100%;
top: 0;
height: 100%
}
.contact-way .item .info .zh {
font-size: 16px
}
.contact-way .item:hover .info {
padding: 0 18px;
width: auto;
background-color: #fb3;
border-radius: 3px 0 0 3px;
padding-top: 11px
}
.contact-way .item:hover .info .zh {
padding-bottom: 2px
}
.contact-way .item-qq:hover {
border-radius: 0 3px 3px 0
}
.contact-way .item-gotop {
visibility: hidden
}
.m-gotop {
display: none
}
.en .footer-links {
padding-bottom: 22px
}
}
@media only screen and (max-width:767px) {
.g-footer {
background-color: #1f9177
}
.footer-mobi {
color: rgba(254,254,254,0.8);
height: 37px;
line-height: 37px
}
.m-gotop {
position: fixed;
z-index: 10;
right: 15px;
bottom: 15px;
cursor: pointer;
display: none
}
.eng.footer-mobi {
line-height: 15px;
padding-top: 2px
}
}
@media only screen and (min-width:768px) {
.login-cover {
display: none
}
@font-face {
font-family: 'Castellar';
src: url('../fonts/CASTELAR.eot');
src: url('../fonts/CASTELAR.ttf') format('truetype');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Helvet';
src: url('../fonts/Helvet.eot');
src: url('../fonts/Helvet.ttf') format('truetype');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: "FZXBSJW";
src: url("../fonts/FZXBSJW.eot");
src: url("../fonts/FZXBSJW.eot?#iefix") format("embedded-opentype"), url("../fonts/FZXBSJW.woff") format("woff"), url("../fonts/FZXBSJW.ttf") format("truetype"), url("../fonts/FZXBSJW.svg#FZXBSJW") format("svg");
font-style: normal;
font-weight: normal
}
.m-crumbs {
font-size: 14px;
margin-top: 17px
}
.m-crumbs a:hover {
text-decoration: underline
}
.bg-out {
background-color: #fafafa
}
.text-more {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
}
@media only screen and (max-width:767px) {
@font-face {
font-family: 'Castellar';
src: url('../fonts/CASTELAR.eot');
src: url('../fonts/CASTELAR.ttf') format('truetype');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Helvet';
src: url('../fonts/Helvet.eot');
src: url('../fonts/Helvet.ttf') format('truetype');
font-weight: normal;
font-style: normal
}
.login-cover {
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
z-index: 999;
position: fixed;
top: 0;
left: 0;
display: none
}
.login-cover-s {
width: 80%;
background-color: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
position: fixed;
top: 40%;
left: 10%;
text-align: center
}
.login-cover-s p {
font-size: 14px;
padding: 20px 0;
border-bottom: 1px solid#e2e2e2
}
.login-cover-s button {
width: 100%;
padding: 10px 0;
font-size: 16px;
border: 0;
background: transparent
}
.bg-out {
background-color: #fafafa
}
}