/*初始化css*/
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)
}
*{margin:0px;padding:0px;}
*{    -webkit-margin-before: 0em;
	-webkit-margin-after: 0em;}
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: #f5f7fa;
	font-family: "Microsoft YaHei", "Helvetica Neue", Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

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

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

:-moz-placeholder {
	color: #ccc
}

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

:-ms-input-placeholder {
	color: #ccc
}
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;
}

.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 0.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;
		/*width:996px;*/
	}
}

@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;
	font-size: 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: #f66d5d;
}
/*其他*/
.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
}

/*无论内容多少尾部始终固定在页面底部 80具体项目具体修改*/
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
.layout-container{
	min-height: 100%;
}
.layout-main{
	padding-bottom: 205px;

	background-color:#f5f7fa;
}
.footer{
	height: 205px;
	margin-top: -205px;
	background-color: #1d1d1d;
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}