/*** 样式重置 ***/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
	margin: 0;
	padding: 0;
}

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

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

caption,
th {
	text-align: left;
	font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
	border: 0;
}

i,
cite,
em,
var,
address,
dfn {
	font-style: normal;
}

[hidefocus],
summary {
	outline: 0;
}

li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
	font-size: 100%;
}

sup,
sub {
	font-size: 83%;
}

pre,
code,
kbd,
samp {
	font-family: inherit;
}

q:before,
q:after {
	content: none;
}

textarea {
	overflow: auto;
	resize: none;
}

label,
summary {
	cursor: default;
}

a,
button {
	cursor: pointer;
}

strong,
b {
	font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 2;
	font-weight: normal;
}

i {
	font-style: normal;
}

del,
ins,
u,
s,
a,
a:hover {
	text-decoration: none;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
	font: 14px/2 "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53;
	color: #333;
	outline: 0;
}

body {
	overflow:auto;
	height:100%;
	position:relative;
	background: #fff;
}

a,
a:hover {
	color: #333;
}

@-ms-viewport {
	width: device-width;
}

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " ("attr(href)")";
	}
	abbr[title]:after {
		content: " ("attr(title)")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #CCCCCC;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
	select {
		background: #fff !important;
	}
}

input::-ms-clear,
input::-ms-reveal {
	display: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}

.placeholder {
	color: #CCCCCC;
}

* {
	-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;
}

html {
	overflow: hidden;
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
}

p {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 23px;
}


/*** 12栏布局 ***/


/******* 固定式12栏布局样式（.wrap为固定式布局的外盒） *******/

.row,
[class^='row-'] {
	width: 100%;
	/*max-width: 1920px;
	overflow-x: hidden;
	overflow-y: visible;*/
}

.wrap {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	position: relative;
	min-height: 1px;
	float: left;
}

.col-12 {
	width: 100%;
}

.col-11 {
	width: 91.66666667%;
}

.col-10 {
	width: 83.33333333%;
}

.col-9 {
	width: 75%;
}

.col-8 {
	width: 66.66666667%;
}

.col-7 {
	width: 58.33333333%;
}

.col-6 {
	width: 50%;
}

.col-5 {
	width: 41.66666667%;
}

.col-4 {
	width: 33.33333333%;
}

.col-3 {
	width: 25%;
}

.col-2 {
	width: 16.66666667%;
}

.col-1 {
	width: 8.33333333%;
}

.col-pl-12 {
	right: 100%;
}

.col-pl-11 {
	right: 91.66666667%;
}

.col-pl-10 {
	right: 83.33333333%;
}

.col-pl-9 {
	right: 75%;
}

.col-pl-8 {
	right: 66.66666667%;
}

.col-pl-7 {
	right: 58.33333333%;
}

.col-pl-6 {
	right: 50%;
}

.col-pl-5 {
	right: 41.66666667%;
}

.col-pl-4 {
	right: 33.33333333%;
}

.col-pl-3 {
	right: 25%;
}

.col-pl-2 {
	right: 16.66666667%;
}

.col-pl-1 {
	right: 8.33333333%;
}

.col-pl-0 {
	right: auto;
}

.col-ps-12 {
	left: 100%;
}

.col-ps-11 {
	left: 91.66666667%;
}

.col-ps-10 {
	left: 83.33333333%;
}

.col-ps-9 {
	left: 75%;
}

.col-ps-8 {
	left: 66.66666667%;
}

.col-ps-7 {
	left: 58.33333333%;
}

.col-ps-6 {
	left: 50%;
}

.col-ps-5 {
	left: 41.66666667%;
}

.col-ps-4 {
	left: 33.33333333%;
}

.col-ps-3 {
	left: 25%;
}

.col-ps-2 {
	left: 16.66666667%;
}

.col-ps-1 {
	left: 8.33333333%;
}

.col-ps-0 {
	left: auto;
}

.col-os-12 {
	margin-left: 100%;
}

.col-os-11 {
	margin-left: 91.66666667%;
}

.col-os-10 {
	margin-left: 83.33333333%;
}

.col-os-9 {
	margin-left: 75%;
}

.col-os-8 {
	margin-left: 66.66666667%;
}

.col-os-7 {
	margin-left: 58.33333333%;
}

.col-os-6 {
	margin-left: 50%;
}

.col-os-5 {
	margin-left: 41.66666667%;
}

.col-os-4 {
	margin-left: 33.33333333%;
}

.col-os-3 {
	margin-left: 25%;
}

.col-os-2 {
	margin-left: 16.66666667%;
}

.col-os-1 {
	margin-left: 8.33333333%;
}

.col-os-0 {
	margin-left: 0%;
}


/*** 响应式12栏布局样式（.box为响应式布局的外盒） ***/

.box {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

@media (min-width: 768px) {
	.box {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.box {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.box {
		width: 1200px;
	}
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	float: left;
}

.col-xs-12 {
	width: 100%;
}

.col-xs-11 {
	width: 91.66666667%;
}

.col-xs-10 {
	width: 83.33333333%;
}

.col-xs-9 {
	width: 75%;
}

.col-xs-8 {
	width: 66.66666667%;
}

.col-xs-7 {
	width: 58.33333333%;
}

.col-xs-6 {
	width: 50%;
}

.col-xs-5 {
	width: 41.66666667%;
}

.col-xs-4 {
	width: 33.33333333%;
}

.col-xs-3 {
	width: 25%;
}

.col-xs-2 {
	width: 16.66666667%;
}

.col-xs-1 {
	width: 8.33333333%;
}

.col-xs-pl-12 {
	right: 100%;
}

.col-xs-pl-11 {
	right: 91.66666667%;
}

.col-xs-pl-10 {
	right: 83.33333333%;
}

.col-xs-pl-9 {
	right: 75%;
}

.col-xs-pl-8 {
	right: 66.66666667%;
}

.col-xs-pl-7 {
	right: 58.33333333%;
}

.col-xs-pl-6 {
	right: 50%;
}

.col-xs-pl-5 {
	right: 41.66666667%;
}

.col-xs-pl-4 {
	right: 33.33333333%;
}

.col-xs-pl-3 {
	right: 25%;
}

.col-xs-pl-2 {
	right: 16.66666667%;
}

.col-xs-pl-1 {
	right: 8.33333333%;
}

.col-xs-pl-0 {
	right: auto;
}

.col-xs-ps-12 {
	left: 100%;
}

.col-xs-ps-11 {
	left: 91.66666667%;
}

.col-xs-ps-10 {
	left: 83.33333333%;
}

.col-xs-ps-9 {
	left: 75%;
}

.col-xs-ps-8 {
	left: 66.66666667%;
}

.col-xs-ps-7 {
	left: 58.33333333%;
}

.col-xs-ps-6 {
	left: 50%;
}

.col-xs-ps-5 {
	left: 41.66666667%;
}

.col-xs-ps-4 {
	left: 33.33333333%;
}

.col-xs-ps-3 {
	left: 25%;
}

.col-xs-ps-2 {
	left: 16.66666667%;
}

.col-xs-ps-1 {
	left: 8.33333333%;
}

.col-xs-ps-0 {
	left: auto;
}

.col-xs-os-12 {
	margin-left: 100%;
}

.col-xs-os-11 {
	margin-left: 91.66666667%;
}

.col-xs-os-10 {
	margin-left: 83.33333333%;
}

.col-xs-os-9 {
	margin-left: 75%;
}

.col-xs-os-8 {
	margin-left: 66.66666667%;
}

.col-xs-os-7 {
	margin-left: 58.33333333%;
}

.col-xs-os-6 {
	margin-left: 50%;
}

.col-xs-os-5 {
	margin-left: 41.66666667%;
}

.col-xs-os-4 {
	margin-left: 33.33333333%;
}

.col-xs-os-3 {
	margin-left: 25%;
}

.col-xs-os-2 {
	margin-left: 16.66666667%;
}

.col-xs-os-1 {
	margin-left: 8.33333333%;
}

.col-xs-os-0 {
	margin-left: 0%;
}

@media (min-width: 768px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pl-12 {
		right: 100%;
	}
	.col-sm-pl-11 {
		right: 91.66666667%;
	}
	.col-sm-pl-10 {
		right: 83.33333333%;
	}
	.col-sm-pl-9 {
		right: 75%;
	}
	.col-sm-pl-8 {
		right: 66.66666667%;
	}
	.col-sm-pl-7 {
		right: 58.33333333%;
	}
	.col-sm-pl-6 {
		right: 50%;
	}
	.col-sm-pl-5 {
		right: 41.66666667%;
	}
	.col-sm-pl-4 {
		right: 33.33333333%;
	}
	.col-sm-pl-3 {
		right: 25%;
	}
	.col-sm-pl-2 {
		right: 16.66666667%;
	}
	.col-sm-pl-1 {
		right: 8.33333333%;
	}
	.col-sm-pl-0 {
		right: auto;
	}
	.col-sm-ps-12 {
		left: 100%;
	}
	.col-sm-ps-11 {
		left: 91.66666667%;
	}
	.col-sm-ps-10 {
		left: 83.33333333%;
	}
	.col-sm-ps-9 {
		left: 75%;
	}
	.col-sm-ps-8 {
		left: 66.66666667%;
	}
	.col-sm-ps-7 {
		left: 58.33333333%;
	}
	.col-sm-ps-6 {
		left: 50%;
	}
	.col-sm-ps-5 {
		left: 41.66666667%;
	}
	.col-sm-ps-4 {
		left: 33.33333333%;
	}
	.col-sm-ps-3 {
		left: 25%;
	}
	.col-sm-ps-2 {
		left: 16.66666667%;
	}
	.col-sm-ps-1 {
		left: 8.33333333%;
	}
	.col-sm-ps-0 {
		left: auto;
	}
	.col-sm-os-12 {
		margin-left: 100%;
	}
	.col-sm-os-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-os-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-os-9 {
		margin-left: 75%;
	}
	.col-sm-os-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-os-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-os-6 {
		margin-left: 50%;
	}
	.col-sm-os-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-os-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-os-3 {
		margin-left: 25%;
	}
	.col-sm-os-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-os-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-os-0 {
		margin-left: 0%;
	}
}

@media (min-width: 992px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.col-md-pl-12 {
		right: 100%;
	}
	.col-md-pl-11 {
		right: 91.66666667%;
	}
	.col-md-pl-10 {
		right: 83.33333333%;
	}
	.col-md-pl-9 {
		right: 75%;
	}
	.col-md-pl-8 {
		right: 66.66666667%;
	}
	.col-md-pl-7 {
		right: 58.33333333%;
	}
	.col-md-pl-6 {
		right: 50%;
	}
	.col-md-pl-5 {
		right: 41.66666667%;
	}
	.col-md-pl-4 {
		right: 33.33333333%;
	}
	.col-md-pl-3 {
		right: 25%;
	}
	.col-md-pl-2 {
		right: 16.66666667%;
	}
	.col-md-pl-1 {
		right: 8.33333333%;
	}
	.col-md-pl-0 {
		right: auto;
	}
	.col-md-ps-12 {
		left: 100%;
	}
	.col-md-ps-11 {
		left: 91.66666667%;
	}
	.col-md-ps-10 {
		left: 83.33333333%;
	}
	.col-md-ps-9 {
		left: 75%;
	}
	.col-md-ps-8 {
		left: 66.66666667%;
	}
	.col-md-ps-7 {
		left: 58.33333333%;
	}
	.col-md-ps-6 {
		left: 50%;
	}
	.col-md-ps-5 {
		left: 41.66666667%;
	}
	.col-md-ps-4 {
		left: 33.33333333%;
	}
	.col-md-ps-3 {
		left: 25%;
	}
	.col-md-ps-2 {
		left: 16.66666667%;
	}
	.col-md-ps-1 {
		left: 8.33333333%;
	}
	.col-md-ps-0 {
		left: auto;
	}
	.col-md-os-12 {
		margin-left: 100%;
	}
	.col-md-os-11 {
		margin-left: 91.66666667%;
	}
	.col-md-os-10 {
		margin-left: 83.33333333%;
	}
	.col-md-os-9 {
		margin-left: 75%;
	}
	.col-md-os-8 {
		margin-left: 66.66666667%;
	}
	.col-md-os-7 {
		margin-left: 58.33333333%;
	}
	.col-md-os-6 {
		margin-left: 50%;
	}
	.col-md-os-5 {
		margin-left: 41.66666667%;
	}
	.col-md-os-4 {
		margin-left: 33.33333333%;
	}
	.col-md-os-3 {
		margin-left: 25%;
	}
	.col-md-os-2 {
		margin-left: 16.66666667%;
	}
	.col-md-os-1 {
		margin-left: 8.33333333%;
	}
	.col-md-os-0 {
		margin-left: 0%;
	}
}

@media (min-width: 1200px) {
	.col-lg-1,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12 {
		float: left;
	}
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}
	.col-lg-pl-12 {
		right: 100%;
	}
	.col-lg-pl-11 {
		right: 91.66666667%;
	}
	.col-lg-pl-10 {
		right: 83.33333333%;
	}
	.col-lg-pl-9 {
		right: 75%;
	}
	.col-lg-pl-8 {
		right: 66.66666667%;
	}
	.col-lg-pl-7 {
		right: 58.33333333%;
	}
	.col-lg-pl-6 {
		right: 50%;
	}
	.col-lg-pl-5 {
		right: 41.66666667%;
	}
	.col-lg-pl-4 {
		right: 33.33333333%;
	}
	.col-lg-pl-3 {
		right: 25%;
	}
	.col-lg-pl-2 {
		right: 16.66666667%;
	}
	.col-lg-pl-1 {
		right: 8.33333333%;
	}
	.col-lg-pl-0 {
		right: auto;
	}
	.col-lg-ps-12 {
		left: 100%;
	}
	.col-lg-ps-11 {
		left: 91.66666667%;
	}
	.col-lg-ps-10 {
		left: 83.33333333%;
	}
	.col-lg-ps-9 {
		left: 75%;
	}
	.col-lg-ps-8 {
		left: 66.66666667%;
	}
	.col-lg-ps-7 {
		left: 58.33333333%;
	}
	.col-lg-ps-6 {
		left: 50%;
	}
	.col-lg-ps-5 {
		left: 41.66666667%;
	}
	.col-lg-ps-4 {
		left: 33.33333333%;
	}
	.col-lg-ps-3 {
		left: 25%;
	}
	.col-lg-ps-2 {
		left: 16.66666667%;
	}
	.col-lg-ps-1 {
		left: 8.33333333%;
	}
	.col-lg-ps-0 {
		left: auto;
	}
	.col-lg-os-12 {
		margin-left: 100%;
	}
	.col-lg-os-11 {
		margin-left: 91.66666667%;
	}
	.col-lg-os-10 {
		margin-left: 83.33333333%;
	}
	.col-lg-os-9 {
		margin-left: 75%;
	}
	.col-lg-os-8 {
		margin-left: 66.66666667%;
	}
	.col-lg-os-7 {
		margin-left: 58.33333333%;
	}
	.col-lg-os-6 {
		margin-left: 50%;
	}
	.col-lg-os-5 {
		margin-left: 41.66666667%;
	}
	.col-lg-os-4 {
		margin-left: 33.33333333%;
	}
	.col-lg-os-3 {
		margin-left: 25%;
	}
	.col-lg-os-2 {
		margin-left: 16.66666667%;
	}
	.col-lg-os-1 {
		margin-left: 8.33333333%;
	}
	.col-lg-os-0 {
		margin-left: 0%;
	}
}


/*** 字体图标 ***/

@font-face {
	font-family: 'IconsFont';
	src: url('../fonts/icons.eot?v=4.6.3');
	src: url('../fonts/icons.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/icons.woff2?v=4.6.3') format('woff2'), url('../fonts/icons.woff?v=4.6.3') format('woff'), url('../fonts/icons.ttf?v=4.6.3') format('truetype'), url('../fonts/icons.svg?v=4.6.3#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon {
	display: inline-block;
	font: normal normal normal 14px/1 IconsFont;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-glass:before {
	content: "\f000";
}

.icon-music:before {
	content: "\f001";
}

.icon-search:before {
	content: "\f002";
}

.icon-envelope-o:before {
	content: "\f003";
}

.icon-heart:before {
	content: "\f004";
}

.icon-star:before {
	content: "\f005";
}

.icon-star-o:before {
	content: "\f006";
}

.icon-user:before {
	content: "\f007";
}

.icon-film:before {
	content: "\f008";
}

.icon-th-large:before {
	content: "\f009";
}

.icon-th:before {
	content: "\f00a";
}

.icon-th-list:before {
	content: "\f00b";
}

.icon-check:before {
	content: "\f00c";
}

.icon-remove:before,
.icon-close:before,
.icon-times:before {
	content: "\f00d";
}

.icon-search-plus:before {
	content: "\f00e";
}

.icon-search-minus:before {
	content: "\f010";
}

.icon-power-off:before {
	content: "\f011";
}

.icon-signal:before {
	content: "\f012";
}

.icon-gear:before,
.icon-cog:before {
	content: "\f013";
}

.icon-trash-o:before {
	content: "\f014";
}

.icon-home:before {
	content: "\f015";
}

.icon-file-o:before {
	content: "\f016";
}

.icon-clock-o:before {
	content: "\f017";
}

.icon-road:before {
	content: "\f018";
}

.icon-download:before {
	content: "\f019";
}

.icon-arrow-circle-o-down:before {
	content: "\f01a";
}

.icon-arrow-circle-o-up:before {
	content: "\f01b";
}

.icon-inbox:before {
	content: "\f01c";
}

.icon-play-circle-o:before {
	content: "\f01d";
}

.icon-rotate-right:before,
.icon-repeat:before {
	content: "\f01e";
}

.icon-refresh:before {
	content: "\f021";
}

.icon-list-alt:before {
	content: "\f022";
}

.icon-lock:before {
	content: "\f023";
}

.icon-flag:before {
	content: "\f024";
}

.icon-headphones:before {
	content: "\f025";
}

.icon-volume-off:before {
	content: "\f026";
}

.icon-volume-down:before {
	content: "\f027";
}

.icon-volume-up:before {
	content: "\f028";
}

.icon-qrcode:before {
	content: "\f029";
}

.icon-barcode:before {
	content: "\f02a";
}

.icon-tag:before {
	content: "\f02b";
}

.icon-tags:before {
	content: "\f02c";
}

.icon-book:before {
	content: "\f02d";
}

.icon-bookmark:before {
	content: "\f02e";
}

.icon-print:before {
	content: "\f02f";
}

.icon-camera:before {
	content: "\f030";
}

.icon-font:before {
	content: "\f031";
}

.icon-bold:before {
	content: "\f032";
}

.icon-italic:before {
	content: "\f033";
}

.icon-text-height:before {
	content: "\f034";
}

.icon-text-width:before {
	content: "\f035";
}

.icon-align-left:before {
	content: "\f036";
}

.icon-align-center:before {
	content: "\f037";
}

.icon-align-right:before {
	content: "\f038";
}

.icon-align-justify:before {
	content: "\f039";
}

.icon-list:before {
	content: "\f03a";
}

.icon-dedent:before,
.icon-outdent:before {
	content: "\f03b";
}

.icon-indent:before {
	content: "\f03c";
}

.icon-video-camera:before {
	content: "\f03d";
}

.icon-photo:before,
.icon-image:before,
.icon-picture-o:before {
	content: "\f03e";
}

.icon-pencil:before {
	content: "\f040";
}

.icon-map-marker:before {
	content: "\f041";
}

.icon-adjust:before {
	content: "\f042";
}

.icon-tint:before {
	content: "\f043";
}

.icon-edit:before,
.icon-pencil-square-o:before {
	content: "\f044";
}

.icon-share-square-o:before {
	content: "\f045";
}

.icon-check-square-o:before {
	content: "\f046";
}

.icon-arrows:before {
	content: "\f047";
}

.icon-step-backward:before {
	content: "\f048";
}

.icon-fast-backward:before {
	content: "\f049";
}

.icon-backward:before {
	content: "\f04a";
}

.icon-play:before {
	content: "\f04b";
}

.icon-pause:before {
	content: "\f04c";
}

.icon-stop:before {
	content: "\f04d";
}

.icon-forward:before {
	content: "\f04e";
}

.icon-fast-forward:before {
	content: "\f050";
}

.icon-step-forward:before {
	content: "\f051";
}

.icon-eject:before {
	content: "\f052";
}

.icon-chevron-left:before {
	content: "\f053";
}

.icon-chevron-right:before {
	content: "\f054";
}

.icon-plus-circle:before {
	content: "\f055";
}

.icon-minus-circle:before {
	content: "\f056";
}

.icon-times-circle:before {
	content: "\f057";
}

.icon-check-circle:before {
	content: "\f058";
}

.icon-question-circle:before {
	content: "\f059";
}

.icon-info-circle:before {
	content: "\f05a";
}

.icon-crosshairs:before {
	content: "\f05b";
}

.icon-times-circle-o:before {
	content: "\f05c";
}

.icon-check-circle-o:before {
	content: "\f05d";
}

.icon-ban:before {
	content: "\f05e";
}

.icon-arrow-left:before {
	content: "\f060";
}

.icon-arrow-right:before {
	content: "\f061";
}

.icon-arrow-up:before {
	content: "\f062";
}

.icon-arrow-down:before {
	content: "\f063";
}

.icon-mail-forward:before,
.icon-share:before {
	content: "\f064";
}

.icon-expand:before {
	content: "\f065";
}

.icon-compress:before {
	content: "\f066";
}

.icon-plus:before {
	content: "\f067";
}

.icon-minus:before {
	content: "\f068";
}

.icon-asterisk:before {
	content: "\f069";
}

.icon-exclamation-circle:before {
	content: "\f06a";
}

.icon-gift:before {
	content: "\f06b";
}

.icon-leaf:before {
	content: "\f06c";
}

.icon-fire:before {
	content: "\f06d";
}

.icon-eye:before {
	content: "\f06e";
}

.icon-eye-slash:before {
	content: "\f070";
}

.icon-warning:before,
.icon-exclamation-triangle:before {
	content: "\f071";
}

.icon-plane:before {
	content: "\f072";
}

.icon-calendar:before {
	content: "\f073";
}

.icon-random:before {
	content: "\f074";
}

.icon-comment:before {
	content: "\f075";
}

.icon-magnet:before {
	content: "\f076";
}

.icon-chevron-up:before {
	content: "\f077";
}

.icon-chevron-down:before {
	content: "\f078";
}

.icon-retweet:before {
	content: "\f079";
}

.icon-shopping-cart:before {
	content: "\f07a";
}

.icon-folder:before {
	content: "\f07b";
}

.icon-folder-open:before {
	content: "\f07c";
}

.icon-arrows-v:before {
	content: "\f07d";
}

.icon-arrows-h:before {
	content: "\f07e";
}

.icon-bar-chart-o:before,
.icon-bar-chart:before {
	content: "\f080";
}

.icon-twitter-square:before {
	content: "\f081";
}

.icon-facebook-square:before {
	content: "\f082";
}

.icon-camera-retro:before {
	content: "\f083";
}

.icon-key:before {
	content: "\f084";
}

.icon-gears:before,
.icon-cogs:before {
	content: "\f085";
}

.icon-comments:before {
	content: "\f086";
}

.icon-thumbs-o-up:before {
	content: "\f087";
}

.icon-thumbs-o-down:before {
	content: "\f088";
}

.icon-star-half:before {
	content: "\f089";
}

.icon-heart-o:before {
	content: "\f08a";
}

.icon-sign-out:before {
	content: "\f08b";
}

.icon-linkedin-square:before {
	content: "\f08c";
}

.icon-thumb-tack:before {
	content: "\f08d";
}

.icon-external-link:before {
	content: "\f08e";
}

.icon-sign-in:before {
	content: "\f090";
}

.icon-trophy:before {
	content: "\f091";
}

.icon-github-square:before {
	content: "\f092";
}

.icon-upload:before {
	content: "\f093";
}

.icon-lemon-o:before {
	content: "\f094";
}

.icon-phone:before {
	content: "\f095";
}

.icon-square-o:before {
	content: "\f096";
}

.icon-bookmark-o:before {
	content: "\f097";
}

.icon-phone-square:before {
	content: "\f098";
}

.icon-twitter:before {
	content: "\f099";
}

.icon-facebook-f:before,
.icon-facebook:before {
	content: "\f09a";
}

.icon-github:before {
	content: "\f09b";
}

.icon-unlock:before {
	content: "\f09c";
}

.icon-credit-card:before {
	content: "\f09d";
}

.icon-feed:before,
.icon-rss:before {
	content: "\f09e";
}

.icon-hdd-o:before {
	content: "\f0a0";
}

.icon-bullhorn:before {
	content: "\f0a1";
}

.icon-bell:before {
	content: "\f0f3";
}

.icon-certificate:before {
	content: "\f0a3";
}

.icon-hand-o-right:before {
	content: "\f0a4";
}

.icon-hand-o-left:before {
	content: "\f0a5";
}

.icon-hand-o-up:before {
	content: "\f0a6";
}

.icon-hand-o-down:before {
	content: "\f0a7";
}

.icon-arrow-circle-left:before {
	content: "\f0a8";
}

.icon-arrow-circle-right:before {
	content: "\f0a9";
}

.icon-arrow-circle-up:before {
	content: "\f0aa";
}

.icon-arrow-circle-down:before {
	content: "\f0ab";
}

.icon-globe:before {
	content: "\f0ac";
}

.icon-wrench:before {
	content: "\f0ad";
}

.icon-tasks:before {
	content: "\f0ae";
}

.icon-filter:before {
	content: "\f0b0";
}

.icon-briefcase:before {
	content: "\f0b1";
}

.icon-arrows-alt:before {
	content: "\f0b2";
}

.icon-group:before,
.icon-users:before {
	content: "\f0c0";
}

.icon-chain:before,
.icon-link:before {
	content: "\f0c1";
}

.icon-cloud:before {
	content: "\f0c2";
}

.icon-flask:before {
	content: "\f0c3";
}

.icon-cut:before,
.icon-scissors:before {
	content: "\f0c4";
}

.icon-copy:before,
.icon-files-o:before {
	content: "\f0c5";
}

.icon-paperclip:before {
	content: "\f0c6";
}

.icon-save:before,
.icon-floppy-o:before {
	content: "\f0c7";
}

.icon-square:before {
	content: "\f0c8";
}

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before {
	content: "\f0c9";
}

.icon-list-ul:before {
	content: "\f0ca";
}

.icon-list-ol:before {
	content: "\f0cb";
}

.icon-strikethrough:before {
	content: "\f0cc";
}

.icon-underline:before {
	content: "\f0cd";
}

.icon-table:before {
	content: "\f0ce";
}

.icon-magic:before {
	content: "\f0d0";
}

.icon-truck:before {
	content: "\f0d1";
}

.icon-pinterest:before {
	content: "\f0d2";
}

.icon-pinterest-square:before {
	content: "\f0d3";
}

.icon-google-plus-square:before {
	content: "\f0d4";
}

.icon-google-plus:before {
	content: "\f0d5";
}

.icon-money:before {
	content: "\f0d6";
}

.icon-caret-down:before {
	content: "\f0d7";
}

.icon-caret-up:before {
	content: "\f0d8";
}

.icon-caret-left:before {
	content: "\f0d9";
}

.icon-caret-right:before {
	content: "\f0da";
}

.icon-columns:before {
	content: "\f0db";
}

.icon-unsorted:before,
.icon-sort:before {
	content: "\f0dc";
}

.icon-sort-down:before,
.icon-sort-desc:before {
	content: "\f0dd";
}

.icon-sort-up:before,
.icon-sort-asc:before {
	content: "\f0de";
}

.icon-envelope:before {
	content: "\f0e0";
}

.icon-linkedin:before {
	content: "\f0e1";
}

.icon-rotate-left:before,
.icon-undo:before {
	content: "\f0e2";
}

.icon-legal:before,
.icon-gavel:before {
	content: "\f0e3";
}

.icon-dashboard:before,
.icon-tachometer:before {
	content: "\f0e4";
}

.icon-comment-o:before {
	content: "\f0e5";
}

.icon-comments-o:before {
	content: "\f0e6";
}

.icon-flash:before,
.icon-bolt:before {
	content: "\f0e7";
}

.icon-sitemap:before {
	content: "\f0e8";
}

.icon-umbrella:before {
	content: "\f0e9";
}

.icon-paste:before,
.icon-clipboard:before {
	content: "\f0ea";
}

.icon-lightbulb-o:before {
	content: "\f0eb";
}

.icon-exchange:before {
	content: "\f0ec";
}

.icon-cloud-download:before {
	content: "\f0ed";
}

.icon-cloud-upload:before {
	content: "\f0ee";
}

.icon-user-md:before {
	content: "\f0f0";
}

.icon-stethoscope:before {
	content: "\f0f1";
}

.icon-suitcase:before {
	content: "\f0f2";
}

.icon-bell-o:before {
	content: "\f0a2";
}

.icon-coffee:before {
	content: "\f0f4";
}

.icon-cutlery:before {
	content: "\f0f5";
}

.icon-file-text-o:before {
	content: "\f0f6";
}

.icon-building-o:before {
	content: "\f0f7";
}

.icon-hospital-o:before {
	content: "\f0f8";
}

.icon-ambulance:before {
	content: "\f0f9";
}

.icon-medkit:before {
	content: "\f0fa";
}

.icon-fighter-jet:before {
	content: "\f0fb";
}

.icon-beer:before {
	content: "\f0fc";
}

.icon-h-square:before {
	content: "\f0fd";
}

.icon-plus-square:before {
	content: "\f0fe";
}

.icon-angle-double-left:before {
	content: "\f100";
}

.icon-angle-double-right:before {
	content: "\f101";
}

.icon-angle-double-up:before {
	content: "\f102";
}

.icon-angle-double-down:before {
	content: "\f103";
}

.icon-angle-left:before {
	content: "\f104";
}

.icon-angle-right:before {
	content: "\f105";
}

.icon-angle-up:before {
	content: "\f106";
}

.icon-angle-down:before {
	content: "\f107";
}

.icon-desktop:before {
	content: "\f108";
}

.icon-laptop:before {
	content: "\f109";
}

.icon-tablet:before {
	content: "\f10a";
}

.icon-mobile-phone:before,
.icon-mobile:before {
	content: "\f10b";
}

.icon-circle-o:before {
	content: "\f10c";
}

.icon-quote-left:before {
	content: "\f10d";
}

.icon-quote-right:before {
	content: "\f10e";
}

.icon-spinner:before {
	content: "\f110";
}

.icon-circle:before {
	content: "\f111";
}

.icon-mail-reply:before,
.icon-reply:before {
	content: "\f112";
}

.icon-github-alt:before {
	content: "\f113";
}

.icon-folder-o:before {
	content: "\f114";
}

.icon-folder-open-o:before {
	content: "\f115";
}

.icon-smile-o:before {
	content: "\f118";
}

.icon-frown-o:before {
	content: "\f119";
}

.icon-meh-o:before {
	content: "\f11a";
}

.icon-gamepad:before {
	content: "\f11b";
}

.icon-keyboard-o:before {
	content: "\f11c";
}

.icon-flag-o:before {
	content: "\f11d";
}

.icon-flag-checkered:before {
	content: "\f11e";
}

.icon-terminal:before {
	content: "\f120";
}

.icon-code:before {
	content: "\f121";
}

.icon-mail-reply-all:before,
.icon-reply-all:before {
	content: "\f122";
}

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
	content: "\f123";
}

.icon-location-arrow:before {
	content: "\f124";
}

.icon-crop:before {
	content: "\f125";
}

.icon-code-fork:before {
	content: "\f126";
}

.icon-unlink:before,
.icon-chain-broken:before {
	content: "\f127";
}

.icon-question:before {
	content: "\f128";
}

.icon-info:before {
	content: "\f129";
}

.icon-exclamation:before {
	content: "\f12a";
}

.icon-superscript:before {
	content: "\f12b";
}

.icon-subscript:before {
	content: "\f12c";
}

.icon-eraser:before {
	content: "\f12d";
}

.icon-puzzle-piece:before {
	content: "\f12e";
}

.icon-microphone:before {
	content: "\f130";
}

.icon-microphone-slash:before {
	content: "\f131";
}

.icon-shield:before {
	content: "\f132";
}

.icon-calendar-o:before {
	content: "\f133";
}

.icon-fire-extinguisher:before {
	content: "\f134";
}

.icon-rocket:before {
	content: "\f135";
}

.icon-maxcdn:before {
	content: "\f136";
}

.icon-chevron-circle-left:before {
	content: "\f137";
}

.icon-chevron-circle-right:before {
	content: "\f138";
}

.icon-chevron-circle-up:before {
	content: "\f139";
}

.icon-chevron-circle-down:before {
	content: "\f13a";
}

.icon-html5:before {
	content: "\f13b";
}

.icon-css3:before {
	content: "\f13c";
}

.icon-anchor:before {
	content: "\f13d";
}

.icon-unlock-alt:before {
	content: "\f13e";
}

.icon-bullseye:before {
	content: "\f140";
}

.icon-ellipsis-h:before {
	content: "\f141";
}

.icon-ellipsis-v:before {
	content: "\f142";
}

.icon-rss-square:before {
	content: "\f143";
}

.icon-play-circle:before {
	content: "\f144";
}

.icon-ticket:before {
	content: "\f145";
}

.icon-minus-square:before {
	content: "\f146";
}

.icon-minus-square-o:before {
	content: "\f147";
}

.icon-level-up:before {
	content: "\f148";
}

.icon-level-down:before {
	content: "\f149";
}

.icon-check-square:before {
	content: "\f14a";
}

.icon-pencil-square:before {
	content: "\f14b";
}

.icon-external-link-square:before {
	content: "\f14c";
}

.icon-share-square:before {
	content: "\f14d";
}

.icon-compass:before {
	content: "\f14e";
}

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
	content: "\f150";
}

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
	content: "\f151";
}

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
	content: "\f152";
}

.icon-euro:before,
.icon-eur:before {
	content: "\f153";
}

.icon-gbp:before {
	content: "\f154";
}

.icon-dollar:before,
.icon-usd:before {
	content: "\f155";
}

.icon-rupee:before,
.icon-inr:before {
	content: "\f156";
}

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
	content: "\f157";
}

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
	content: "\f158";
}

.icon-won:before,
.icon-krw:before {
	content: "\f159";
}

.icon-bitcoin:before,
.icon-btc:before {
	content: "\f15a";
}

.icon-file:before {
	content: "\f15b";
}

.icon-file-text:before {
	content: "\f15c";
}

.icon-sort-alpha-asc:before {
	content: "\f15d";
}

.icon-sort-alpha-desc:before {
	content: "\f15e";
}

.icon-sort-amount-asc:before {
	content: "\f160";
}

.icon-sort-amount-desc:before {
	content: "\f161";
}

.icon-sort-numeric-asc:before {
	content: "\f162";
}

.icon-sort-numeric-desc:before {
	content: "\f163";
}

.icon-thumbs-up:before {
	content: "\f164";
}

.icon-thumbs-down:before {
	content: "\f165";
}

.icon-youtube-square:before {
	content: "\f166";
}

.icon-youtube:before {
	content: "\f167";
}

.icon-xing:before {
	content: "\f168";
}

.icon-xing-square:before {
	content: "\f169";
}

.icon-youtube-play:before {
	content: "\f16a";
}

.icon-dropbox:before {
	content: "\f16b";
}

.icon-stack-overflow:before {
	content: "\f16c";
}

.icon-instagram:before {
	content: "\f16d";
}

.icon-flickr:before {
	content: "\f16e";
}

.icon-adn:before {
	content: "\f170";
}

.icon-bitbucket:before {
	content: "\f171";
}

.icon-bitbucket-square:before {
	content: "\f172";
}

.icon-tumblr:before {
	content: "\f173";
}

.icon-tumblr-square:before {
	content: "\f174";
}

.icon-long-arrow-down:before {
	content: "\f175";
}

.icon-long-arrow-up:before {
	content: "\f176";
}

.icon-long-arrow-left:before {
	content: "\f177";
}

.icon-long-arrow-right:before {
	content: "\f178";
}

.icon-apple:before {
	content: "\f179";
}

.icon-windows:before {
	content: "\f17a";
}

.icon-android:before {
	content: "\f17b";
}

.icon-linux:before {
	content: "\f17c";
}

.icon-dribbble:before {
	content: "\f17d";
}

.icon-skype:before {
	content: "\f17e";
}

.icon-foursquare:before {
	content: "\f180";
}

.icon-trello:before {
	content: "\f181";
}

.icon-female:before {
	content: "\f182";
}

.icon-male:before {
	content: "\f183";
}

.icon-gittip:before,
.icon-gratipay:before {
	content: "\f184";
}

.icon-sun-o:before {
	content: "\f185";
}

.icon-moon-o:before {
	content: "\f186";
}

.icon-archive:before {
	content: "\f187";
}

.icon-bug:before {
	content: "\f188";
}

.icon-vk:before {
	content: "\f189";
}

.icon-weibo:before {
	content: "\f18a";
}

.icon-renren:before {
	content: "\f18b";
}

.icon-pagelines:before {
	content: "\f18c";
}

.icon-stack-exchange:before {
	content: "\f18d";
}

.icon-arrow-circle-o-right:before {
	content: "\f18e";
}

.icon-arrow-circle-o-left:before {
	content: "\f190";
}

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
	content: "\f191";
}

.icon-dot-circle-o:before {
	content: "\f192";
}

.icon-wheelchair:before {
	content: "\f193";
}

.icon-vimeo-square:before {
	content: "\f194";
}

.icon-turkish-lira:before,
.icon-try:before {
	content: "\f195";
}

.icon-plus-square-o:before {
	content: "\f196";
}

.icon-space-shuttle:before {
	content: "\f197";
}

.icon-slack:before {
	content: "\f198";
}

.icon-envelope-square:before {
	content: "\f199";
}

.icon-wordpress:before {
	content: "\f19a";
}

.icon-openid:before {
	content: "\f19b";
}

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
	content: "\f19c";
}

.icon-mortar-board:before,
.icon-graduation-cap:before {
	content: "\f19d";
}

.icon-yahoo:before {
	content: "\f19e";
}

.icon-google:before {
	content: "\f1a0";
}

.icon-reddit:before {
	content: "\f1a1";
}

.icon-reddit-square:before {
	content: "\f1a2";
}

.icon-stumbleupon-circle:before {
	content: "\f1a3";
}

.icon-stumbleupon:before {
	content: "\f1a4";
}

.icon-delicious:before {
	content: "\f1a5";
}

.icon-digg:before {
	content: "\f1a6";
}

.icon-pied-piper-pp:before {
	content: "\f1a7";
}

.icon-pied-piper-alt:before {
	content: "\f1a8";
}

.icon-drupal:before {
	content: "\f1a9";
}

.icon-joomla:before {
	content: "\f1aa";
}

.icon-language:before {
	content: "\f1ab";
}

.icon-fax:before {
	content: "\f1ac";
}

.icon-building:before {
	content: "\f1ad";
}

.icon-child:before {
	content: "\f1ae";
}

.icon-paw:before {
	content: "\f1b0";
}

.icon-spoon:before {
	content: "\f1b1";
}

.icon-cube:before {
	content: "\f1b2";
}

.icon-cubes:before {
	content: "\f1b3";
}

.icon-behance:before {
	content: "\f1b4";
}

.icon-behance-square:before {
	content: "\f1b5";
}

.icon-steam:before {
	content: "\f1b6";
}

.icon-steam-square:before {
	content: "\f1b7";
}

.icon-recycle:before {
	content: "\f1b8";
}

.icon-automobile:before,
.icon-car:before {
	content: "\f1b9";
}

.icon-cab:before,
.icon-taxi:before {
	content: "\f1ba";
}

.icon-tree:before {
	content: "\f1bb";
}

.icon-spotify:before {
	content: "\f1bc";
}

.icon-deviantart:before {
	content: "\f1bd";
}

.icon-soundcloud:before {
	content: "\f1be";
}

.icon-database:before {
	content: "\f1c0";
}

.icon-file-pdf-o:before {
	content: "\f1c1";
}

.icon-file-word-o:before {
	content: "\f1c2";
}

.icon-file-excel-o:before {
	content: "\f1c3";
}

.icon-file-powerpoint-o:before {
	content: "\f1c4";
}

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
	content: "\f1c5";
}

.icon-file-zip-o:before,
.icon-file-archive-o:before {
	content: "\f1c6";
}

.icon-file-sound-o:before,
.icon-file-audio-o:before {
	content: "\f1c7";
}

.icon-file-movie-o:before,
.icon-file-video-o:before {
	content: "\f1c8";
}

.icon-file-code-o:before {
	content: "\f1c9";
}

.icon-vine:before {
	content: "\f1ca";
}

.icon-codepen:before {
	content: "\f1cb";
}

.icon-jsfiddle:before {
	content: "\f1cc";
}

.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
	content: "\f1cd";
}

.icon-circle-o-notch:before {
	content: "\f1ce";
}

.icon-ra:before,
.icon-resistance:before,
.icon-rebel:before {
	content: "\f1d0";
}

.icon-ge:before,
.icon-empire:before {
	content: "\f1d1";
}

.icon-git-square:before {
	content: "\f1d2";
}

.icon-git:before {
	content: "\f1d3";
}

.icon-y-combinator-square:before,
.icon-yc-square:before,
.icon-hacker-news:before {
	content: "\f1d4";
}

.icon-tencent-weibo:before {
	content: "\f1d5";
}

.icon-qq:before {
	content: "\f1d6";
}

.icon-wechat:before,
.icon-weixin:before {
	content: "\f1d7";
}

.icon-send:before,
.icon-paper-plane:before {
	content: "\f1d8";
}

.icon-send-o:before,
.icon-paper-plane-o:before {
	content: "\f1d9";
}

.icon-history:before {
	content: "\f1da";
}

.icon-circle-thin:before {
	content: "\f1db";
}

.icon-header:before {
	content: "\f1dc";
}

.icon-paragraph:before {
	content: "\f1dd";
}

.icon-sliders:before {
	content: "\f1de";
}

.icon-share-alt:before {
	content: "\f1e0";
}

.icon-share-alt-square:before {
	content: "\f1e1";
}

.icon-bomb:before {
	content: "\f1e2";
}

.icon-soccer-ball-o:before,
.icon-futbol-o:before {
	content: "\f1e3";
}

.icon-tty:before {
	content: "\f1e4";
}

.icon-binoculars:before {
	content: "\f1e5";
}

.icon-plug:before {
	content: "\f1e6";
}

.icon-slideshare:before {
	content: "\f1e7";
}

.icon-twitch:before {
	content: "\f1e8";
}

.icon-yelp:before {
	content: "\f1e9";
}

.icon-newspaper-o:before {
	content: "\f1ea";
}

.icon-wifi:before {
	content: "\f1eb";
}

.icon-calculator:before {
	content: "\f1ec";
}

.icon-paypal:before {
	content: "\f1ed";
}

.icon-google-wallet:before {
	content: "\f1ee";
}

.icon-cc-visa:before {
	content: "\f1f0";
}

.icon-cc-mastercard:before {
	content: "\f1f1";
}

.icon-cc-discover:before {
	content: "\f1f2";
}

.icon-cc-amex:before {
	content: "\f1f3";
}

.icon-cc-paypal:before {
	content: "\f1f4";
}

.icon-cc-stripe:before {
	content: "\f1f5";
}

.icon-bell-slash:before {
	content: "\f1f6";
}

.icon-bell-slash-o:before {
	content: "\f1f7";
}

.icon-trash:before {
	content: "\f1f8";
}

.icon-copyright:before {
	content: "\f1f9";
}

.icon-at:before {
	content: "\f1fa";
}

.icon-eyedropper:before {
	content: "\f1fb";
}

.icon-paint-brush:before {
	content: "\f1fc";
}

.icon-birthday-cake:before {
	content: "\f1fd";
}

.icon-area-chart:before {
	content: "\f1fe";
}

.icon-pie-chart:before {
	content: "\f200";
}

.icon-line-chart:before {
	content: "\f201";
}

.icon-lastfm:before {
	content: "\f202";
}

.icon-lastfm-square:before {
	content: "\f203";
}

.icon-toggle-off:before {
	content: "\f204";
}

.icon-toggle-on:before {
	content: "\f205";
}

.icon-bicycle:before {
	content: "\f206";
}

.icon-bus:before {
	content: "\f207";
}

.icon-ioxhost:before {
	content: "\f208";
}

.icon-angellist:before {
	content: "\f209";
}

.icon-cc:before {
	content: "\f20a";
}

.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
	content: "\f20b";
}

.icon-meanpath:before {
	content: "\f20c";
}

.icon-buysellads:before {
	content: "\f20d";
}

.icon-connectdevelop:before {
	content: "\f20e";
}

.icon-dashcube:before {
	content: "\f210";
}

.icon-forumbee:before {
	content: "\f211";
}

.icon-leanpub:before {
	content: "\f212";
}

.icon-sellsy:before {
	content: "\f213";
}

.icon-shirtsinbulk:before {
	content: "\f214";
}

.icon-simplybuilt:before {
	content: "\f215";
}

.icon-skyatlas:before {
	content: "\f216";
}

.icon-cart-plus:before {
	content: "\f217";
}

.icon-cart-arrow-down:before {
	content: "\f218";
}

.icon-diamond:before {
	content: "\f219";
}

.icon-ship:before {
	content: "\f21a";
}

.icon-user-secret:before {
	content: "\f21b";
}

.icon-motorcycle:before {
	content: "\f21c";
}

.icon-street-view:before {
	content: "\f21d";
}

.icon-heartbeat:before {
	content: "\f21e";
}

.icon-venus:before {
	content: "\f221";
}

.icon-mars:before {
	content: "\f222";
}

.icon-mercury:before {
	content: "\f223";
}

.icon-intersex:before,
.icon-transgender:before {
	content: "\f224";
}

.icon-transgender-alt:before {
	content: "\f225";
}

.icon-venus-double:before {
	content: "\f226";
}

.icon-mars-double:before {
	content: "\f227";
}

.icon-venus-mars:before {
	content: "\f228";
}

.icon-mars-stroke:before {
	content: "\f229";
}

.icon-mars-stroke-v:before {
	content: "\f22a";
}

.icon-mars-stroke-h:before {
	content: "\f22b";
}

.icon-neuter:before {
	content: "\f22c";
}

.icon-genderless:before {
	content: "\f22d";
}

.icon-facebook-official:before {
	content: "\f230";
}

.icon-pinterest-p:before {
	content: "\f231";
}

.icon-whatsapp:before {
	content: "\f232";
}

.icon-server:before {
	content: "\f233";
}

.icon-user-plus:before {
	content: "\f234";
}

.icon-user-times:before {
	content: "\f235";
}

.icon-hotel:before,
.icon-bed:before {
	content: "\f236";
}

.icon-viacoin:before {
	content: "\f237";
}

.icon-train:before {
	content: "\f238";
}

.icon-subway:before {
	content: "\f239";
}

.icon-medium:before {
	content: "\f23a";
}

.icon-yc:before,
.icon-y-combinator:before {
	content: "\f23b";
}

.icon-optin-monster:before {
	content: "\f23c";
}

.icon-opencart:before {
	content: "\f23d";
}

.icon-expeditedssl:before {
	content: "\f23e";
}

.icon-battery-4:before,
.icon-battery-full:before {
	content: "\f240";
}

.icon-battery-3:before,
.icon-battery-three-quarters:before {
	content: "\f241";
}

.icon-battery-2:before,
.icon-battery-half:before {
	content: "\f242";
}

.icon-battery-1:before,
.icon-battery-quarter:before {
	content: "\f243";
}

.icon-battery-0:before,
.icon-battery-empty:before {
	content: "\f244";
}

.icon-mouse-pointer:before {
	content: "\f245";
}

.icon-i-cursor:before {
	content: "\f246";
}

.icon-object-group:before {
	content: "\f247";
}

.icon-object-ungroup:before {
	content: "\f248";
}

.icon-sticky-note:before {
	content: "\f249";
}

.icon-sticky-note-o:before {
	content: "\f24a";
}

.icon-cc-jcb:before {
	content: "\f24b";
}

.icon-cc-diners-club:before {
	content: "\f24c";
}

.icon-clone:before {
	content: "\f24d";
}

.icon-balance-scale:before {
	content: "\f24e";
}

.icon-hourglass-o:before {
	content: "\f250";
}

.icon-hourglass-1:before,
.icon-hourglass-start:before {
	content: "\f251";
}

.icon-hourglass-2:before,
.icon-hourglass-half:before {
	content: "\f252";
}

.icon-hourglass-3:before,
.icon-hourglass-end:before {
	content: "\f253";
}

.icon-hourglass:before {
	content: "\f254";
}

.icon-hand-grab-o:before,
.icon-hand-rock-o:before {
	content: "\f255";
}

.icon-hand-stop-o:before,
.icon-hand-paper-o:before {
	content: "\f256";
}

.icon-hand-scissors-o:before {
	content: "\f257";
}

.icon-hand-lizard-o:before {
	content: "\f258";
}

.icon-hand-spock-o:before {
	content: "\f259";
}

.icon-hand-pointer-o:before {
	content: "\f25a";
}

.icon-hand-peace-o:before {
	content: "\f25b";
}

.icon-trademark:before {
	content: "\f25c";
}

.icon-registered:before {
	content: "\f25d";
}

.icon-creative-commons:before {
	content: "\f25e";
}

.icon-gg:before {
	content: "\f260";
}

.icon-gg-circle:before {
	content: "\f261";
}

.icon-tripadvisor:before {
	content: "\f262";
}

.icon-odnoklassniki:before {
	content: "\f263";
}

.icon-odnoklassniki-square:before {
	content: "\f264";
}

.icon-get-pocket:before {
	content: "\f265";
}

.icon-wikipedia-w:before {
	content: "\f266";
}

.icon-safari:before {
	content: "\f267";
}

.icon-chrome:before {
	content: "\f268";
}

.icon-firefox:before {
	content: "\f269";
}

.icon-opera:before {
	content: "\f26a";
}

.icon-internet-explorer:before {
	content: "\f26b";
}

.icon-tv:before,
.icon-television:before {
	content: "\f26c";
}

.icon-contao:before {
	content: "\f26d";
}

.icon-500px:before {
	content: "\f26e";
}

.icon-amazon:before {
	content: "\f270";
}

.icon-calendar-plus-o:before {
	content: "\f271";
}

.icon-calendar-minus-o:before {
	content: "\f272";
}

.icon-calendar-times-o:before {
	content: "\f273";
}

.icon-calendar-check-o:before {
	content: "\f274";
}

.icon-industry:before {
	content: "\f275";
}

.icon-map-pin:before {
	content: "\f276";
}

.icon-map-signs:before {
	content: "\f277";
}

.icon-map-o:before {
	content: "\f278";
}

.icon-map:before {
	content: "\f279";
}

.icon-commenting:before {
	content: "\f27a";
}

.icon-commenting-o:before {
	content: "\f27b";
}

.icon-houzz:before {
	content: "\f27c";
}

.icon-vimeo:before {
	content: "\f27d";
}

.icon-black-tie:before {
	content: "\f27e";
}

.icon-fonticons:before {
	content: "\f280";
}

.icon-reddit-alien:before {
	content: "\f281";
}

.icon-edge:before {
	content: "\f282";
}

.icon-credit-card-alt:before {
	content: "\f283";
}

.icon-codiepie:before {
	content: "\f284";
}

.icon-modx:before {
	content: "\f285";
}

.icon-fort-awesome:before {
	content: "\f286";
}

.icon-usb:before {
	content: "\f287";
}

.icon-product-hunt:before {
	content: "\f288";
}

.icon-mixcloud:before {
	content: "\f289";
}

.icon-scribd:before {
	content: "\f28a";
}

.icon-pause-circle:before {
	content: "\f28b";
}

.icon-pause-circle-o:before {
	content: "\f28c";
}

.icon-stop-circle:before {
	content: "\f28d";
}

.icon-stop-circle-o:before {
	content: "\f28e";
}

.icon-shopping-bag:before {
	content: "\f290";
}

.icon-shopping-basket:before {
	content: "\f291";
}

.icon-hashtag:before {
	content: "\f292";
}

.icon-bluetooth:before {
	content: "\f293";
}

.icon-bluetooth-b:before {
	content: "\f294";
}

.icon-percent:before {
	content: "\f295";
}

.icon-gitlab:before {
	content: "\f296";
}

.icon-wpbeginner:before {
	content: "\f297";
}

.icon-wpforms:before {
	content: "\f298";
}

.icon-envira:before {
	content: "\f299";
}

.icon-universal-access:before {
	content: "\f29a";
}

.icon-wheelchair-alt:before {
	content: "\f29b";
}

.icon-question-circle-o:before {
	content: "\f29c";
}

.icon-blind:before {
	content: "\f29d";
}

.icon-audio-description:before {
	content: "\f29e";
}

.icon-volume-control-phone:before {
	content: "\f2a0";
}

.icon-braille:before {
	content: "\f2a1";
}

.icon-assistive-listening-systems:before {
	content: "\f2a2";
}

.icon-asl-interpreting:before,
.icon-american-sign-language-interpreting:before {
	content: "\f2a3";
}

.icon-deafness:before,
.icon-hard-of-hearing:before,
.icon-deaf:before {
	content: "\f2a4";
}

.icon-glide:before {
	content: "\f2a5";
}

.icon-glide-g:before {
	content: "\f2a6";
}

.icon-signing:before,
.icon-sign-language:before {
	content: "\f2a7";
}

.icon-low-vision:before {
	content: "\f2a8";
}

.icon-viadeo:before {
	content: "\f2a9";
}

.icon-viadeo-square:before {
	content: "\f2aa";
}

.icon-snapchat:before {
	content: "\f2ab";
}

.icon-snapchat-ghost:before {
	content: "\f2ac";
}

.icon-snapchat-square:before {
	content: "\f2ad";
}

.icon-pied-piper:before {
	content: "\f2ae";
}

.icon-first-order:before {
	content: "\f2b0";
}

.icon-yoast:before {
	content: "\f2b1";
}

.icon-themeisle:before {
	content: "\f2b2";
}

.icon-google-plus-circle:before,
.icon-google-plus-official:before {
	content: "\f2b3";
}

.icon-fa:before,
.icon-font-awesome:before {
	content: "\f2b4";
}


/*** 常用类 ***/

h1,
.h1 {
	font-size: 24px;
}

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

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

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

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

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

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
	clear: both;
}

.padding {
	padding: 10px;
}

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

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

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

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

.margin {
	margin: 10px;
}

.block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.inline {
	display: inline-block;
	vertical-align: top;
}

.show {
	display: block !important;
}

.hide {
	display: none !important;
}

.visibility {
	visibility: visible !important;
}

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

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

.ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal !important;
	word-wrap: break-word;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

.text-right {
	text-align: right !important;
}

.bg-primary {
	background-color: #009900;
}

.bg-positive {
	background-color: #FF0000;
}

.bg-negative {
	background-color: #CCCCCC;
}

.bg-warning {
	background-color: #FF9900;
}

.bg-blue {
	background: #d9edf7;
}

.bg-red {
	background: #f2dede;
}

.bg-green {
	background: #dff0d8;
}

.bg-gray {
	background: #f5f5f5;
}

.bg-bluegray {
	background: #eff2f7;
}

.bg-orange {
	background: #fcf8e3;
}

.color-primary {
	color: #009900;
}

.color-positive {
	color: #FF0000;
}

.color-negative {
	color: #666666;
}

.color-warning {
	color: #FF9900;
}


/*** 按钮 ***/

.btn {
	display: inline-block;
	padding: 0 25px;
	font-size: 14px;
	line-height: 40px;
	color: #fff;
	border-radius: 2px;
	cursor: pointer;
}

.btn:hover {
	opacity: .8;
}

.btn-link {
	color: #009900;
	line-height: inherit;
	padding: 0 10px;
	background: none;
	border: none;
}

.btn-block {
	text-align: center;
	font-size: 16px;
	display: block;
	border-radius: 3px;
}

.btn-small {
	line-height: 30px;
	font-size: inherit;
	padding: 0 10px;
}

.btn-large {
	font-size: 18px;
	line-height: 50px;
	padding: 0 40px;
}


/*** 角标 ***/

.badge {
	font-size: 12px;
	line-height: 14px;
	height: 18px;
	display: inline-block;
	padding: 3px 6px;
	color: #fff;
	border-radius: 100px;
}

.info {
	line-height: 50px;
	padding: 0 15px;
	border-radius: 3px;
}


/*** 表单 ***/

.form {
	width: 420px;
	padding: 30px;
	margin-left: 100px;
}

.form .unit {
	position: relative;
	padding-left: 120px;
	margin-bottom: 15px;
}

.form .unit label {
	position: absolute;
	left: 0;
	width: 120px;
	line-height: 40px;
	text-align: right;
}

.form .unit input {
	width: 100%;
	padding: 10px 8px;
	height: 40px;
	line-height: 20px;
	border: 1px solid #eee;
	border-radius: 2px;
}

.form .unit input:focus {
	border-color: #CCCCCC;
}

.form .unit textarea {
	border: 1px solid #EEEEEE;
	width: 400px;
	height: 150px;
	padding: 5px 8px;
	float: left;
}

.form .unit input.error {
	border-color: #FF0000;
}

.form .unit-small label {
	line-height: 32px;
}

.form .unit-auth {
	padding-right: 110px;
}

.form .unit-auth input[type=button] {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	color: #FFFFFF;
	background: #FF9900;
	border: 1px solid #FF9900;
	cursor: pointer;
}

.form .unit-auth input[type=button]:disabled {
	background: #CCCCCC;
	border: 1px solid #CCCCCC;
}

.form .unit-file input {
	border: none;
	width: 100px;
	margin-right: 5px;
}

.form .unit-file input[type=file] {
	position: absolute;
	left: 120px;
	opacity: 0;
	cursor: pointer;
}

.form .select {
	position: relative;
	width: 100%;
	padding: 0;
	height: 40px;
	border: 1px solid #eee;
	border-radius: 2px;
}

.form .select .icon-caret-down {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px;
	color: #CCCCCC;
}

.form .select .text {
	display: block;
	line-height: 20px;
	color: #999999;
	padding: 10px 8px;
}

.form .select select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	opacity: 0;
}

.form .radio,
.form .checkbox {
	position: relative;
	display: inline-block;
	font-family: IconsFont;
	font-size: 16px;
	text-rendering: auto;
	cursor: pointer;
}

.form .radio:before {
	color: #CCCCCC;
	content: "\f10c";
	padding-right: 3px;
}

.form .radio.checked:before {
	color: #009900;
	content: "\f05d";
	content: "\f058";
}

.form .radio input,
.form .checkbox input {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	padding: 0;
	opacity: 0;
}

.form .checkbox:before {
	color: #CCCCCC;
	content: "\f096";
	padding-right: 3px;
}

.form .checkbox.checked:before {
	color: #009900;
	content: "\f046";
	/*content: "\f14a";*/
}

.form .radio:hover:before,
.form .checkbox:hover:before {
	color: #009900;
}

.form .unit span {
	display: inline-block;
	position: absolute;
	word-break: keep-all;
	white-space: nowrap;
	left: 100%;
	top: 4px;
	line-height: 30px;
	padding-right: 6px;
	margin-left: 10px;
}

.form .unit span.error {
	color: #FF0000;
	border: 1px solid #FF0000;
	border-radius: 3px;
}

.form .unit span.error .icon,
.form .unit span.tip .icon {
	display: inline;
	line-height: 30px;
}

.form .unit span .icon-check-circle-o {
	color: #009900;
}

.form .unit span.error .icon-angle-left {
	padding-right: 0;
}

.form .unit span.error .icon-times-circle,
.form .unit span.tip .icon-info-circle {
	padding-right: 5px;
	padding-left: 5px;
}

.form .unit span.error .icon-angle-left:before,
.form .unit span.tip .icon-angle-left:before {
	position: absolute;
	left: -6px;
	top: 12px;
	font-size: 18px;
	line-height: 6px;
	background: #fff;
}

.form .unit span.tip {
	display: none;
	color: #333;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
}

.form .unit span.tip .icon-angle-left:before {
	color: #CCCCCC;
}

.form .unit span.tip .icon-info-circle {
	color: #3366CC;
}


/*** 表格 ***/

.table {
	width: 100%;
	border: 1px solid #EEEEEE;
	border-left: 0;
	border-right: 0;
}

.table th,
.table td {
	padding: 0 8px;
	line-height: 40px;
	border-top: 1px solid #EEEEEE;
}

.table th {
	font-size: 14px;
	border-bottom: 2px solid #EEEEEE;
}

.table td {
	line-height: 35px;
}

.table tr.blue,
.table tr.blue th,
.table tr.blue td {
	background: #d9edf7;
}

.table tr.red,
.table tr.red th,
.table tr.red td {
	background: #f2dede;
}

.table tr.green,
.table tr.green th,
.table tr.green td {
	background: #dff0d8;
}

.table tr.gray,
.table tr.gray th,
.table tr.gray td {
	background: #f5f5f5;
}

.table tr.orange,
.table tr.orange th,
.table tr.orange td {
	background: #fcf8e3;
}

.table-border th,
.table-border td {
	border: 1px solid #EEEEEE;
}

.table-small th,
.table-small td {
	font-size: 12px;
	line-height: 30px;
}

.table-small th {
	font-size: 14px;
	line-height: 35px;
}

.table-strip tr:nth-child(odd) td {
	background: #f5f5f5;
}

.table-hover tr:hover td {
	background: #EEEEEE;
}


/*** 列表 ***/

.list {
	padding: 10px 0;
}

.list li {
	position: relative;
	padding-left: 6px;
	padding-right: 70px;
	line-height: 30px;
}

.list li a {
	display: inline-block;
	padding: 0 5px;
}

.list li .icon {
	position: absolute;
	left: 0;
	color: #999;
	line-height: 28px;
}

.list li span {
	position: absolute;
	right: 0;
	color: #999;
}

.list-horizontal {
	margin: 0 -15px;
}

.list-horizontal li {
	float: left;
	width: 25%;
	padding: 0 15px;
	text-align: center;
}

.list-horizontal li span.icon {
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 55px;
	color: #666;
	border: 1px solid #ccc;
	border-radius: 50px;
}

.list-horizontal li:hover span.icon {
	color: #009966;
	border-color: #009966;
}

.list-horizontal li h2 {
	padding-top: 10px;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	line-height: 60px;
}

.list-horizontal li p {
	line-height: 25px;
	color: #999;
}

.list-picture {
	margin: 0 -10px;
}

.list-picture li {
	position: relative;
	width: 25%;
	float: left;
	padding: 0 10px;
	padding-bottom: 30px;
}

.list-picture li a {
	display: inline-block;
	line-height: 0;
}

.list-picture img {
	width: 100%;
	padding: 1px;
	border: 1px solid #EEEEEE;
	border-radius: 2px;
}

.list-picture span {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 0 10px;
	line-height: 30px;
}

.list-picture span:hover {
	color: #666666;
}

.list-picture-digest {}

.list-picture-digest li {
	position: relative;
	width: 100%;
	height: 150px;
	padding-left: 200px;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-picture-digest li img {
	position: absolute;
	left: 0;
	width: 180px;
	height: 150px;
	padding: 1px;
	border: 1px solid #EEEEEE;
	border-radius: 2px;
}

.list-picture-digest li h3 {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 6px;
}

.list-picture-digest li p {
	position: relative;
	max-height: 92px;
	color: #999;
	line-height: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.list-picture-digest li a.more {
	position: absolute;
	display: inline-block;
	right: 0;
	bottom: 0;
	color: #009966;
}


/*** 选项卡 ***/

.tab {
	position: relative;
	width: 100%;
	padding-top: 41px;
}

.tab .menu {
	position: absolute;
	line-height: 40px;
	left: 0;
	top: 0;
}

.tab .menu li {
	float: left;
	margin-right: 5px;
	border: 1px solid #CCCCCC;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	cursor: pointer;
}

.tab .menu li a {
	padding: 0 25px;
}

.tab .menu li.active {
	border-bottom-color: #FFFFFF;
}

.tab .menu li.active a {
	color: #009900;
}

.tab .pane {
	border: 1px solid #CCCCCC;
	border-radius: 2px;
}

.tab .pane .node {
	position: relative;
	padding: 20px;
	display: none;
}

.tab .pane .node.active {
	display: block;
}


/*** 2、3、4、5步骤 ***/

.step {
	position: relative;
	height: 57px;
	margin: 50px 75px;
	margin-bottom: 32px;
	border-top: 4px solid #CCC;
}

.step-two {
	margin-left: 225px;
	margin-right: 225px;
}

.step-three {
	margin-left: 175px;
	margin-right: 175px;
}

.step-four {
	margin-left: 125px;
	margin-right: 125px;
}

.step-five {
	margin-left: 75px;
	margin-right: 75px;
}

.step .line {
	position: absolute;
	top: -4px;
	left: 0;
	height: 4px;
	width: 0;
	background: #009900;
}

.step .line-2-2 {
	width: 100%;
}

.step .line-3-2 {
	width: 50%;
}

.step .line-3-3 {
	width: 100%;
}

.step .line-4-2 {
	width: 33.33333333%;
}

.step .line-4-3 {
	width: 66.66666666%;
}

.step .line-4-4 {
	width: 100%;
}

.step .line-5-2 {
	width: 25%;
}

.step .line-5-3 {
	width: 50%;
}

.step .line-5-4 {
	width: 75%;
}

.step .line-5-5 {
	width: 100%;
}

.step i {
	display: block;
	width: 38px;
	height: 38px;
	line-height: 22px;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 19px;
	color: #fff;
	text-align: center;
	background: #999999;
	border-radius: 19px;
}

.step span {
	display: block;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #999999;
}

.step .active i {
	background: #009900;
	color: #fff;
}

.step .active span {
	color: #009900;
}

.step .two-1,
.step .two-2,
.step .three-1,
.step .three-2,
.step .three-3,
.step .four-1,
.step .four-2,
.step .four-3,
.step .four-4,
.step .five-1,
.step .five-2,
.step .five-3,
.step .five-4,
.step .five-5 {
	width: 140px;
	position: absolute;
	margin-left: -70px;
	left: 0;
	top: -21px;
}

.step .two-2 {
	left: 100%;
}

.step .three-2 {
	left: 50%;
}

.step .three-3 {
	left: 100%;
}

.step .four-2 {
	left: 33.33333333%;
}

.step .four-3 {
	left: 66.66666666%;
}

.step .four-4 {
	left: 100%;
}

.step .five-2 {
	left: 25%;
}

.step .five-3 {
	left: 50%;
}

.step .five-4 {
	left: 75%;
}

.step .five-5 {
	left: 100%;
}


/*幻灯片*/

.slider {
	position: relative;
	width: 100%;
	/*height: 461px;*/
	z-index: 100;
}

.slider ul.inner {
	list-style: none;
	width: 400%;
}

.slider li.item {
	display: block;
	float: left;
	width: 25%;
	/*padding: 0 50px;*/
	/*height: 461px;*/
	background-position: top center;
	background-repeat: repeat;
	box-shadow: inset 0 -3px 6px rgba(0, 0, 0, .1);
}

.slider li.item img {
	width: 100%;
	height: auto;
}

.slider .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	-o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .3));
}

.slider .dots {
	position: absolute;
	left: 50%;
	right: 0;
	bottom: 15px;
	width: 110px;
	margin-left: -55px;
	display: block;
	z-index: 100;
}

.slider .dots li {
	display: inline-block;
	font-size: 0px;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	cursor: pointer;
	color: #D5D5D5;
	background: #ffffff;
	background: rgba(255, 255, 255, .8);
	border-radius: 6px;
}

.slider .dots li.active {
	background: #fe0000;
	text-decoration: none;
}

.slider .arrows {
	display: none;
	position: absolute;
	bottom: 50%;
	width: 100%;
	height: 18px;
	left: 0;
	margin-bottom: -9px;
	color: #fff;
	z-index: 90;
}

.slider .arrows span {
	float: left;
	margin-left: 10px;
	display: block;
	width: 21px;
	height: 21px;
	cursor: pointer;
}

.slider .arrows .next {
	float: right;
	margin-right: 10px;
}

.slider:hover .arrows {
	display: block;
}

.slider .arrows .prev:before {
	display: inline-block;
	font-family: IconsFont;
	font-size: 38px;
	content: "\f053";
	color: #666;
}

.slider .arrows .next:before {
	display: inline-block;
	font-family: IconsFont;
	font-size: 38px;
	content: "\f054";
	color: #666;
}


/******* 状态样式 *******/

.show-xs,
.show-xs-b,
.show-xs-i,
.show-xs-ib,
.show-sm,
.show-sm-b,
.show-sm-i,
.show-sm-ib,
.show-md,
.show-md-b,
.show-md-i,
.show-md-ib,
.show-lg,
.show-lg-b,
.show-lg-i,
.show-lg-ib {
	display: none !important;
}

@media (max-width: 767px) {
	.show-xs {
		display: block !important;
	}
	table.show-xs {
		display: table;
	}
	tr.show-xs {
		display: table-row !important;
	}
	th.show-xs,
	td.show-xs {
		display: table-cell !important;
	}
	.show-xs-b {
		display: block !important;
	}
	.show-xs-i {
		display: inline !important;
	}
	.show-xs-ib {
		display: inline-block !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.show-sm {
		display: block !important;
	}
	table.show-sm {
		display: table;
	}
	tr.show-sm {
		display: table-row !important;
	}
	th.show-sm,
	td.show-sm {
		display: table-cell !important;
	}
	.show-sm-b {
		display: block !important;
	}
	.show-sm-i {
		display: inline !important;
	}
	.show-sm-ib {
		display: inline-block !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.show-md {
		display: block !important;
	}
	table.show-md {
		display: table;
	}
	tr.show-md {
		display: table-row !important;
	}
	th.show-md,
	td.show-md {
		display: table-cell !important;
	}
	.show-md-b {
		display: block !important;
	}
	.show-md-i {
		display: inline !important;
	}
	.show-md-ib {
		display: inline-block !important;
	}
}

@media (min-width: 1200px) {
	.show-lg {
		display: block !important;
	}
	table.show-lg {
		display: table;
	}
	tr.show-lg {
		display: table-row !important;
	}
	th.show-lg,
	td.show-lg {
		display: table-cell !important;
	}
	.show-lg-b {
		display: block !important;
	}
	.show-lg-i {
		display: inline !important;
	}
	.show-lg-ib {
		display: inline-block !important;
	}
}

@media (max-width: 767px) {
	.hide-xs {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hide-sm {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.hide-md {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.hide-lg {
		display: none !important;
	}
}

.show-print {
	display: none !important;
}

.show-print-b {
	display: none !important;
}

.show-print-i {
	display: none !important;
}

.show-print-ib {
	display: none !important;
}

@media print {
	.show-print {
		display: block !important;
	}
	table.show-print {
		display: table;
	}
	tr.show-print {
		display: table-row !important;
	}
	th.show-print,
	td.show-print {
		display: table-cell !important;
	}
	.show-print-i {
		display: inline !important;
	}
	.show-print-ib {
		display: inline-block !important;
	}
	.hide-print {
		display: none !important;
	}
}

.bg-gray {
	background: #edf2f7;
}

.bg-blue {
	background: #255790;
}

.logo {
	float: left;
	padding: 20px 0;
}

.logo a {
	display: inline-block;
	width: 371px;
	height: 70px;
	background: url(../img/logo.png) no-repeat left center;
	background-size: auto 70px;
}

.nav>ul {
	float: right;
	padding: 30px 0;
}

.nav li ul {
	display: none;
}

.nav>ul>li {
	display: inline-block;
	padding: 0 12px;
	width: auto;
	position: relative;
	z-index: 1000;
}

.nav>ul>li>a {
	font-size: 16px;
	line-height: 50px;
}

.nav>ul>li>a.active,
.nav>ul>li:hover>a {
	color: #e20169;
}

.nav li ul {
	position: absolute;
	top: 50px;
	width: 150px;
	left: 50%;
	margin-left: -75px;
	border: 1px solid #ccc;
	z-index: 2000;
	border-radius: 2px;
	background: #fff;
	box-shadow: 2px 0 2px 3px rgba(0, 0, 0, .1);
}

.nav li ul li a {
	display: inline-block;
	width: 100%;
	line-height: 20px;
	padding: 15px 20px;
	color: #999;
	border-bottom: 1px solid #ccc;
}

.nav li ul li a:hover {
	color: #e20169;
	background: #f2f2f3;
}

.nav li ul li a:hover:after {
	float: right;
	content: ">";
	font-family: '楷体';
	color: #999;
}

.nav-toggle {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.nav-collapse {
	z-index: 200;
}

.nav-toggle {
	display: none;
}

.lang {
	float: right;
	padding: 30px 0;
	padding-left: 30px;
	color: #7a7a7a;
	line-height: 50px;
	background: url(../img/lang.png) no-repeat left center;
}

.title {
	text-align: center;
}

.title span {
	display: inline-block;
	border-left: 4px solid #e20169;
	line-height: 30px;
	padding-left: 30px;
	font-size: 35px;
	margin: 60px auto 15px;
}

.product {
	padding-bottom: 30px;
}

.product .item {
	padding: 25px;
}

.product a {
	display: inline-block;
	width: 100%;
	text-align: center;
	border: 1px solid #cecece;
}

.product a span {
	display: inline-block;
	width: 180px;
	height: 40px;
	margin: 40px auto;
	line-height: 40px;
	text-align: center;
	color: #c4c4c4;
	font-size: 18px;
	border: 1px solid #cecece;
}

.product a:hover span {
	background: #e20169;
	color: #ffffff;
	border: 1px solid #e20169;
}

.product a img {
	width: 100%;
}

.about {
	padding-bottom: 50px;
}

.about .item {
	padding: 11px;
	padding-top: 30px;
}

.about .item a {
	display: inline-block;
	width: 100%;
	text-align: center;
	border: 1px solid #ffffff;
	background: #fff;
}

.about a img {
	width: 100%;
}

.about a span {
	display: inline-block;
	width: 180px;
	height: 40px;
	margin: 40px auto;
	line-height: 40px;
	text-align: center;
	color: #666;
	font-size: 18px;
	border: 1px solid #666;
}

.about a:hover span {
	background: #e20169;
	color: #ffffff;
	border: 1px solid #e20169;
}

.news {
	padding-bottom: 60px;
}

.news .title span {
	/*border-left: 0;
	padding-left: 0;
	padding-bottom: 20px;*/
}

.news .item {
	padding: 18px 20px;
}

.news .item .col-xs-12 {
	padding: 0 10px;
}

.news .item img {
	min-height: 120px;
}

.news .item a span {
	font-size: 13px;
	color: #5d5d5d;
}

.news .item a span.h5 {
	display: inline-block;
	width: 100%;
	color: #333;
	line-height: 40px;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news .item a p {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	color: #5d5d5d;
	line-height: 23px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal !important;
	word-wrap: break-word;
}

.news .link {
	padding: 0 30px;
	width: 100%;
	color: #122772;
	font-size: 13px;
}

.footer {
	padding: 50px 0 0;
	color: #ffffff;
}

.footer a {
	color: #ffffff;
}

.footer .links .item {
	width: 33.33333%;
	float: left;
}

.footer .links .item a {
	display: inline-block;
	width: 100%;
}

.footer .links .h5 {
	font-size: 15px;
	line-height: 45px;
}

.footer .links a {
	font-size: 13px;
	line-height: 35px;
}

.footer .contact {
	text-align: center;
}

.footer .contact .b {
	font-weight: 700;
	font-size: 22px;
	line-height: 40px;
}

.footer .contact p {
	line-height: 35px;
	font-size: 13px;
}

.footer .contact a {
	display: inline-block;
	padding: 0 25px;
	line-height: 36px;
	border: 1px solid #ffffff;
	border-radius: 20px;
}

.footer .qrcode {
	text-align: center;
}

.footer .qrcode img {
	height: 120px;
	width: auto;
}

.footer .qrcode span {
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 40px;
}

.footer .buy {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.footer .buy span {
	display: inline-block;
	width: 100%;
	text-align: center;
	line-height: 40px;
}

.footer .buy img {
	height: 120px;
	width: auto;
	display: inline-block;
}

.footer .col-xs-12 {
	padding: 10px 15px;
}

.footer .copy {
	border-top: 1px solid #8195ac;
	margin: 30px 10px 0;
	padding: 55px 0;
	text-align: right;
	padding-left: 160px;
	background: url(../img/blogo.png) no-repeat left center;
}

.footer .copy p {
	line-height: 30px;
}

.banner {
	width: 100%;
}

.banner a {
	display: inline-block;
	width: 100%;
}

.banner a img {
	width: 100%;
}

.prolist {}

.prolist {
	margin-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	border-left: 1px solid #e3e3e3;
}

.prolist .item {
	padding: 25px;
}

.prolist a {
	display: inline-block;
	width: 100%;
	text-align: center;
	border: 1px solid #cecece;
}

.prolist a span {
	display: inline-block;
	width: 180px;
	height: 40px;
	margin: 40px auto;
	line-height: 40px;
	text-align: center;
	color: #c4c4c4;
	font-size: 15px;
	border: 1px solid #cecece;
}

.prolist a:hover span {
	background: #e20169;
	color: #ffffff;
	border: 1px solid #e20169;
}

.prolist a img {
	width: 100%;
}

.menu {
	margin-top: 30px;
	padding: 0 15px;
	text-align: right;
}

.menu .h2 {
	display: inline-block;
	padding: 0 22px;
	line-height: 60px;
	width: 240px;
	text-align: left;
	border-bottom: 1px solid #e3e3e3;
}

.menu a {
	display: inline-block;
	width: 240px;
	line-height: 45px;
	text-align: left;
	padding: 0 22px;
	border-bottom: 1px solid #e3e3e3;
}

.menu a:hover,
.menu a.active {
	color: #b2001a;
}

.newslist {
	padding-bottom: 60px;
}

.newslist .item {
	padding: 18px 20px;
	border-bottom: 1px dashed #eeeeee;
}

.newslist .item .col-xs-12 {
	padding: 0 10px;
}

.newslist .item img {
	min-height: 120px;
}

.newslist .item a {
	height: 150px;
	display: inline-block;
	position: relative;
}

.newslist .item a span.date {
	font-size: 13px;
	color: #5d5d5d;
	position: absolute;
	bottom: 5px;
	left: 10px;
}

.newslist .item a span.h5 {
	display: inline-block;
	width: 100%;
	color: #333;
	line-height: 40px;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.newslist .item a p {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	color: #5d5d5d;
	line-height: 23px;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal !important;
	word-wrap: break-word;
}

.newslist .link {
	padding: 0 30px;
	width: 100%;
	color: #122772;
	font-size: 13px;
}

.classlist {
	width: 100%;
	background: white;
	padding-top: 30px;
	padding-bottom: 20px;
}

.classlist .item {
	overflow: hidden;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 30px;
}

.classlist .col-xs-12 {
	padding: 0 20px;
}

.classlist .p {
	font-size: 24px;
	line-height: 30px;
}

.classlist .text {
	height: 220px;
	/*overflow-y: scroll;*/
	margin-top: 45px;
	padding-right: 15px;
	line-height: 30px;
	font-size: 14px;
}


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

.classlist .text::-webkit-scrollbar {
	width: 6px;
	height: 10px;
	background-color: #f5f5f5;
}


/*定义滚动条的轨道，内阴影及圆角*/

.classlist .text::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
	border-radius: 6px;
	background-color: #f5f5f5;
}


/*定义滑块，内阴影及圆角*/

.classlist .text::-webkit-scrollbar-thumb {
	/*width: 10px;*/
	height: 10px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

.classlist .one {
	margin-top: 20px;
	font-size: 14px;
}

.classlist .one img {
	margin-right: 10px;
}

.classlist .two {
	position: relative;
	/* margin-top: 20px; */
	font-size: 14px;
}

.classlist .two .span img {
	vertical-align: middle;
	margin-right: 5px;
	cursor: pointer;
}

.classlist .two .right {
	position: absolute;
	bottom: 10px;
	right: 0px;
}

.classlist .swiper-container {
	height: 380px;
}

.classlist .swiper-container .swiper-wrapper img {
	width: 100%;
	height: 100%;
}

.classlist .turn_left {
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 50%;
	margin-top: -15px;
	cursor: pointer;
}

.classlist .turn_right {
	width: 30px;
	height: 30px;
	position: absolute;
	z-index: 2;
	right: 20px;
	top: 50%;
	margin-top: -15px;
	cursor: pointer;
}

.breadcrumbs {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #efefef;
}

.breadcrumbs .inner {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 2% 0;
	color: #8b8a8a;
}

.newsshow {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

.newsshow .title {
	text-align: center;
}

.newsshow .h1 {
	padding: 0 20px;
	display: inline-block;
	border-left: 3px solid #e20169;
}

.newsshow img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.newsshow .inner {
	width: 90%;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

.panigation {
	margin-top: 15px;
	margin-bottom: 50px;
	text-align: center;
}

.panigation li {
	display: inline-block;
	padding: 0 30px;
	line-height: 40px;
	vertical-align: middle;
}

.panigation a {
	line-height: 40px;
	vertical-align: middle;
	display: inline-block;
}

.network .title {
	text-align: left;
	padding: 30px 20px 10px;
}

.network .title p {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	text-transform: uppercase;
}

.network .title h1 {
	font-size: 30px;
	line-height: 1.5;
	color: #084397;
}

.network .sites ul {
	font-size: 0;
	padding: 80px 20px 0 20px;
}

.network .sites li {
	display: inline-block;
	vertical-align: top;
	max-width: 50%;
	margin-bottom: 72px;
	padding: 0 28px
}

.network .sites .attr-title {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	margin-bottom: 24px
}

.network .sites .attr-site {
	margin-bottom: 7px
}

.network .sites .attr-site p {
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.network .sites .attr-tel {
	font-size: 14px;
	color: #999;
	padding-left: 30px;
	background: url(../img/phone.png) no-repeat left center;
}

.network-global {
	position: relative;
	background-color: #eff2f7;
	padding-top: 4.6875vw
}

.network-global .title {
	text-align: left;
	font-size: 22px;
	padding: 0 20px 20px;
}

.network-global:after {
	content: "";
	display: block;
	clear: both
}

.network-global .map {
	width: 100%;
	position: relative;
	height: 700px;
	float: right;
	padding: 0 20px;
}

.network-global .map .bg-map {
	width: 100%
}

.network-global .map .item-site {
	position: absolute
}

.network-global .map .item-site:hover .map-icon:before {
	opacity: 0;
	visibility: hidden
}

.network-global .map .item-site:hover .map-icon:after {
	opacity: 1;
	visibility: visible
}

.network-global .map .item-site.active:before {
	opacity: 0;
	visibility: hidden
}

.network-global .map .item-site.active:after {
	opacity: 1;
	visibility: visible
}

.network-global .map .map-icon {
	position: relative;
	width: 39px;
	height: 51px;
	display: inline-block;
	z-index: 10;
	cursor: pointer
}

.network-global .map .map-icon:before,
.network-global .map .map-icon:after {
	transition: all 0.4s ease;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.network-global .map .map-icon:before {
	background: url(../img/locate.png) no-repeat center center;
	width: 22px;
	height: 28px
}

.network-global .map .map-icon:after {
	background: url(../img/locate-active.png) no-repeat center center;
	width: 39px;
	height: 51px;
	opacity: 0;
	visibility: hidden
}

.network-global .map .inner {
	display: none;
	width: 390px;
	background-color: #fff;
	padding: 22px 34px;
	/*font-size: 0;*/
	margin-top: 10px;
	position: relative;
	z-index: 80
}

.network-global .filter {
	display: none;
	position: absolute;
	left: 0;
	bottom: 5.20833vw;
	z-index: 10
}

.network-global .filter .item {
	width: 390px;
	background-color: #fff;
	padding: 22px 34px;
	/*font-size: 0*/
}

.network-global .inner .global-city {
	margin-bottom: 20px
}

.network-global .inner .global-city img,
.network-global .inner .global-city p {
	display: inline-block;
	vertical-align: middle
}

.network-global .inner .global-city img {
	margin-right: 8px;
	display: none
}

.network-global .inner .global-city p {
	font-size: 18px;
	color: #000
}

.network-global .inner .global-site {
	margin-bottom: 5px
}

.network-global .inner .global-site p {
	font-size: 14px;
	color: #999
}

.network-global .inner .global-tel {
	font-size: 14px;
	color: #999;
	padding-left: 30px;
	background: url(../img/phone.png) no-repeat left center;
}

@media screen and (max-width: 1440px) {
	.network .sites li {
		margin-bottom: 48px;
		padding: 0 26px
	}
	.network .sites .attr-title {
		font-size: 16px;
		margin-bottom: 16px
	}
	.network .sites .attr-site p {
		font-size: 13px;
		line-height: 20px
	}
	.network-global {
		padding-bottom: 70px
	}
	.network-global .map {
		width: 90%;
		height: auto
	}
	.network-global .map .map-icon {
		width: 32px;
		height: 42px
	}
	.network-global .map .map-icon:before {
		width: 16px;
		height: 20px;
		background-size: 16px 20px
	}
	.network-global .map .map-icon:after {
		width: 26px;
		height: 34px;
		background-size: 26px 34px
	}
}

@media screen and (max-width: 1024px) {
	.network .map,
	.network .sites {
		width: 100%
	}
	.network .sites li {
		padding-left: 0;
		padding-right: 30px;
		width: 50%
	}
	.network-global {
		padding: 40px 0
	}
	.network-global .map {
		width: 100%;
		margin-top: 20px
	}
	.network-global .map .inner {
		padding: 20px 30px;
		width: 300px
	}
	.network-global .filter {
		bottom: inherit;
		position: relative;
		left: inherit;
		clear: both
	}
	.network-global .filter .item {
		padding: 20px 30px;
		width: 300px
	}
	.network-global .inner .global-city {
		margin-bottom: 10px
	}
	.network-global .inner .global-city p {
		font-size: 16px
	}
	.network-global .inner .global-site p {
		font-size: 13px;
		line-height: 20px
	}
}

.contacts {
	text-align: center;
	margin-bottom: 50px;
}

.contacts .title {
	padding: 30px 0;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
}

.contacts ul .icon img {
	width: 60px;
	margin-top: 38px;
}

.contacts ul .icon img {
	transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}

.contacts ul .type {
	line-height: 23px;
	font-size: 16px;
	color: #666666;
	margin: 30px 0 0;
}

.contacts ul .cont {
	min-height: 85px;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
	margin: 15px 0 0;
	padding: 0 20px;
}

.contacts ul .icon {
	width: 136px;
	height: 136px;
	line-height: 134px;
	font-size: 0px;
	text-align: center;
	border-radius: 100%;
	border: 1px solid #cfcfcf;
	margin: 0 auto;
}

.contacts ul li:hover .icon img {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

.contacts ul li:nth-child:hover .icon img {
	transform: translateY(-10px) rotateY(0deg);
	-webkit-transform: translateY(-10px) rotateY(0deg);
}

.tab-service {
	margin: 0 200px;
	width: auto;
	padding-top: 100px;
}

.tab-service .menu,
.tab-service .menu li,
.tab-service .menu li a {
	border: 0
}

.tab-service .menu {
	right: 0;
	z-index: 2000;
}

.tab-service .menu li {
	width: 33.3333333%;
	text-align: center;
	margin: 0;
}

.tab-service .menu li a {
	display: inline-block;
	width: auto;
	padding: 0 10px;
}

.tab-service .menu li.active a {
	color: #ce035c;
	border-bottom: 1px solid #ce035c;
}

.tab-service .pane {
	border: 0;
	width: 100%;
}

.tab-service .pane .node .h5 {
	color: #666;
	font-size: 15px;
}

.tab-service .pane .node .h5 span {
	float: right;
}

.tab-service .pane .node .des {
	display: none;
	margin: 20px 0;
	line-height: 30px;
	padding: 30px;
	color: #666;
	background: #f5f5f5;
}

.tab-service .pane .node .item {
	margin-bottom: 50px;
}

@media only screen and (max-width: 1000px) {
	.tab-service {
		margin: 0;
	}
}

.aboutus {
	padding: 0;
	margin: 0;
}

.aboutus .title {
	display: block;
	margin: 50px 0;
	text-align: center;
}

.aboutus .title span {
	font-size: 35px;
	padding-left: 10px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	line-height: 36px;
	/*border-left: 2px solid #c20054;*/
}

.aboutus .item {
	background: #f4f4f4;
}

.aboutus .item img {
	width: 100%;
}

.aboutus .item-left .text,
.aboutus .item-right .text {
	position: absolute;
	width: 500px;
	top: 150px;
	left: 100px;
}

.aboutus .item-left .text {
	right: 100px;
	left: auto;
}

.aboutus .item .h3 {
	font-size: 35px;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 36px;
	/*border-left: 2px solid #c20054;*/
}

.aboutus .item .h4 {
	font-size: 28px;
	vertical-align: middle;
	line-height: 50px;
	margin-bottom: -10px;
}

.aboutus .item .text p {
	margin-top: 20px;
	color: #666;
	font-size: 17px;
}

.aboutus .item-center {
	background: #fff;
}

.aboutus .item-center .h3 {
	display: inline-block;
}

.aboutus .item-center .text {
	text-align: center;
	padding: 50px 0;
	max-width: 600px;
	margin: 0 auto;
	font-size: 16px;
}

.aboutus .item-center img {
	padding: 5px;
}

.aboutus .text-show {
	animation: aboutTextShow 2s;
}

.aboutus .bg-gray {
	position: relative;
	background: url(../temp/about/about6.jpg) no-repeat right center;
	background-size: auto 100%;
}

.aboutus .history {
	max-width: 700px;
	margin: 50px;
	padding: 30px;
	background: #fff;
}

.aboutus .history li img {
	width: 70px;
	height: 40px;
	float:left;
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
	border-radius: 3px;
}

.aboutus .history ul {
	list-style: none;
	border-left: 2px solid #003b8a;
}

.aboutus .history ul li {
	list-style: none;
	position: relative;
	height: 50px;
	line-height: 20px;
	padding:5px;
	color: #888;
	font-size: 16px;
}

.aboutus .history ul li:before {
	content: "·";
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	left: -8px;
	color: #003b8a;
}

.sound .item-left .text {
	width: 400px;
}

.sound .item-right,
.haolaiwu .item-right {
	position: relative;
}

.sound .item-right .text,
.haolaiwu .item-right .text {
	position: absolute;
	width: 700px;
	height: 100%;
	right: 0;
	top: 0;
	left: auto;
	padding: 200px 80px;
	box-sizing: border-box;
	background: rgba(134, 13, 56, .5);
}

.haolaiwu .item-right .text {
	width: 600px;
}

.sound .item-right .text .h3,
.haolaiwu .item-right .text .h3 {
	border-left-color: #fff;
}

.sound .item-right .text .h3,
.sound .item-right .text .h4,
.haolaiwu .item-right .text .h3 {
	color: #ffffff;
	font-size: 32px;
	margin: 10px;
	line-height: 38px;
}

.sound .item-right .text .h4 {
	padding: 0 10px;
}

.haolaiwu .item-right .text p {
	color: #ffffff;
}

.haolaiwu .item-left {
	position: relative;
}

.haolaiwu .item-left .text {
	position: absolute;
	width: 350px;
	left: 100px;
	top: 150px;
	background: #ffffff;
}

.haolaiwu .item-center img,
.sound .item-center img {
	padding: 0;
}

@keyframes aboutTextShow {
	0% {
		top: 50%;
		opacity: 0;
	}
	100% {
		top: 0px;
		opacity: 1;
	}
}

.exhibition {}

.exhibition .item {
	padding: 85px 0;
}

.exhibition .item .inner {
	width: 600px;
	padding: 100px;
	margin: 40px 0;
	background: #fff;
	text-align: center;
}

.exhibition .item .inner .h2 {
	font-size: 28px;
}

.exhibition .item .inner .h6 {
	font-size: 16px;
	color: #666;
	line-height: 80px;
}

.exhibition .item .inner .h3 {
	font-size: 20px;
	color: #ba087a;
	line-height: 35px;
	margin-bottom: 80px;
}

.exhibition .item .inner a {
	display: inline-block;
	width: 250px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #666;
}

.exhibition .item-1 {
	background: url(../temp/display/dis2.jpg) no-repeat left center;
	background-size: auto 100%;
}

.exhibition .item-1 .inner {
	margin-left: 50%;
	margin-right: auto;
}

.exhibition .item-2 {
	background: url(../temp/display/dis3.jpg) no-repeat right center;
	background-size: auto 100%;
}

.exhibition .item-2 .inner {
	margin-right: 50%;
	margin-left: auto;
}

.exhibition .item .text .h3 {
	display: inline-block;
	font-size: 35px;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 36px;
	/*border-left: 2px solid #c20054;*/
}

.exhibition .item .text p {
	margin-top: 20px;
	color: #666;
}

.exhibition .item .text {
	text-align: center;
	padding: 50px 0;
	max-width: 600px;
	margin: 0 auto;
}

.exhibition .item .imgs {
	line-height: 0;
}

.exhibition .item .imgs img {
	float: left;
	padding: 0;
	margin: 0;
	width: 33.333333%;
	height: 300px;
	display: inline-block;
}

.proshow {
	width: 100%;
}

.proshow img {
	margin: 0;
	padding: 0;
	width: 100%;
}

.banner img {
	width: 100%;
}

.banner .text .h3 {
	display: inline-block;
	font-size: 35px;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 36px;
	/*border-left: 2px solid #c20054;*/
}

.banner .text p {
	margin-top: 20px;
	color: #666;
	font-size: 17px;
}

.banner .text {
	text-align: center;
	padding: 50px 0;
	max-width: 600px;
	margin: 0 auto;
}

.business {
	background: #f8f8f8;
	color: #585656;
	margin: 20px auto;
}

.business .item {
	padding: 60px;
	border-right: 1px solid #585656;
}

.business .item.lst {
	border-right: 0;
}

.business .item .h2 {
	font-size: 22px;
	line-height: 30px;
    padding: 20px 0;
}

.business .item p {
	font-size: 17px;
	padding-left: 20px;
	line-height: 35px;
}

.business .item .h5 {
	font-size: 17px;
	line-height: 35px;
	margin: 16px 0;
}

.business .item .btn {
	width: 284px;
	margin-top: 30px;
	line-height: 48px;
	text-align: center;
	font-size: 17px;
	color: #585656;
	border: 1px solid #585656;
}

.f1ss {
	position: relative;
}

.f1ss img {
	width: 100%;
}

.f1ss .text {
	position: absolute;
	width: 480px;
	bottom: 80px;
	left: 50%;
	margin-left: 150px;
}

.f1ss .text .h3 {
	font-size: 35px;
	padding-left: 10px;
	vertical-align: middle;
	line-height: 30px;
	/*border-left: 2px solid #c20054;*/
}

.f1ss .text p {
	margin-top: 20px;
	color: #666;
	font-size: 17px;
}

.brand img {
	width: 100%;
}

.brand .title {
	font-size: 32px;
	line-height: 50px;
	padding: 65px 0 20px;
}

.brand p {
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	padding: 0 20px 80px;
}

.brand table {
	width: 100%;
	margin-top: 80px;
	margin-bottom: 80px;
}

.brand table td {
	font-size: 23px;
	line-height: 34px;
	padding: 25px 10px;
	text-align: left;
}

.brand table td:first-child {
	font-size: 38px;
	width: 240px;
}
.footer-mini{
				width: 100%;
				height: 56px;
				position: fixed;
				bottom: 0;
				left: 0;
				background: #fff;
				
			}
			.footer-mini:before{
				position: absolute;
		right: 0;
		top: 0;
		left: 0;
		height: 1px;
		content: '';
		-webkit-transform: scaleY(.5);
		transform: scaleY(.5);
		background-color: #eeeeee;
			}
			.footer-mini li{
				width: 25%;
				float: left;
				text-align: center;
				line-height: 20px;
				padding: 8px 0;
			}
			.footer-mini li .icon{
				color: #999;
				font-size: 20px;
			}
			.footer-mini li a{
				display: inline-block;
				width: 100%;
				line-height: 20px;
				font-size: 12px;
				color: #333;
				text-align: center;
			}
@media screen and (max-width: 40em) {
	.nav {
		padding: 0 12px;
		background: #255790;
	}
	.nav-toggle {
		
		display: block;
	}
	.nav-toggle:after {
		font-family:"IconsFont";
		content: "\f0c9";
		
	}
	.nav-collapse.closed {
		display: none;
	}
	.nav-collapse.opened {
		display: block;
	}
	.nav .logo {
		padding: 0;
	}
	.nav .logo a {
		display: inline-block;
		height: 45px;
		width: 76px;
		background: url(../img/blogo.png) no-repeat left center;
		background-size: auto 30px;
	}
	.nav .nav-toggle {
		float: right;
		line-height: 45px;
		color: #ffffff;
	}
	.nav .lang {
		float:left;
		background:none;
		color:#ffffff;
		padding:0;
		padding-left:15px;
		
	}
	.nav-collapse {
		width: 50%;
		position: absolute;
		right: 0;
		top: 45px;
		background: #fff;
		z-index:9999;
	}
	.nav-collapse li {
		width: 100%;
	}
	.nav-collapse li ul {
		right: 100%;
		left: auto;
		margin-left: 0;
		top: 0;
	}
	.menu li {
		width: 50%;
		float: left;
		padding: 0 10px;
	}
	.menu a {
		width: 100%;
	}
	.prolist {
		padding-left: 0;
		border-left: 0;
	}
	.classlist .swiper-container {
		height: 200px;
	}
	.network .sites ul {
		padding-top: 20px;
	}
	.network .sites {
		padding-left: 0
	}
	.network .sites li {
		width: 100%;
		padding-right: 0;
		max-width: 100%;
		margin-bottom: 26px
	}
	.business .item {
		border-right: 0;
	}
	.aboutus .history ul li {
		line-height: 16px;
		font-size:12px;
		padding-left:15px;
		
	}
	.aboutus .history ul li img{
		display:none;
	}
	.aboutus .history {
		margin: 20px;
		padding: 20px;
	}
	.sound .item .text,
	.aboutus .item .text,
	.aboutus .item .text {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		padding: 15px;
	}
	.aboutus .item .h3{
		line-height:36px;
	}
	.f1ss .text{
		position: relative;
    width: 100%;
    left: auto;
    bottom: auto;
    margin-left: auto;
    padding: 15px;
	}
	.sound .item-right .text{
		clear: both;
    height: 220px;
	}
	.exhibition .item{
		padding:20px 0;
	}
	.exhibition .item .text{
		padding:50px 15px;
	}
	.exhibition .item .inner{
		
		
		padding:40px 10px;
		margin:0 5px;
		width:auto;
	}
	.panigation li{
		display:block;
		text-align:left;
	}
	.panigation a{
		display:inline;
	}
	.newsshow .h1{
		margin-left: 5%;
    line-height: 30px;
	padding: 0 10px;
	
	}
	.banner .text{
		padding: 30px 15px;
	}
	.banner .text .h3{
		line-height:36px;
	}
	.business .item {
		padding:15px;
	}
	.contacts .title {
		padding:30px;
	}
	.product .item{
		padding:10px;
	}
	.product a span {
		width:90%;
		font-size:14px;
		margin:12px auto;
	}
	.prolist .item{
		padding:10px;
	}
	.prolist a span {
		width:90%;
		font-size:14px;
		margin:12px auto;
	}
	.news .item{
		padding:5px 10px;
	}
	.news .title span{
		padding-bottom:0;
	}
	.news .item a span{
		float:right;
	}
	.title span {
		margin-top:20px;
		font-size:25px;
		padding-left:15px;
	}
	.nav>ul>li{
		width:100%;
	}
	.banner .text .h3,
.exhibition .item .text .h3,
.aboutus .item .h3,
.aboutus .title span,
.f1ss .text .h3{
	font-size:25px;
}
.exhibition .item-1,.exhibition .item-2{
	background:none;
}
.classlist .text{
	height:auto;
	padding-bottom:20px;
}


			body{
				padding-bottom:60px;
			}
}