article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
}
i{
	font-style: normal;
}
a:active,
a:hover {
	outline: 0
}

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

b,
strong {
	font-weight: bold
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

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

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


code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

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

small {
	font-size: 80%
}

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

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

dd {
	margin: 0 0 0 40px
}

menu,
ol,
ul {
   list-style: none !important;
	list-style-type:none !important;

}
li{
	list-style: none !important;
	list-style-type:none !important;
}
nav ul,
nav ol {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden;
	_zoom: 1
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
	border-radius: 0
}

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

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

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

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

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

textarea {
	overflow: auto;
	vertical-align: top
}

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

body {
	color: #333;
	background-color: #fff;
	min-width: 1226px;
	-webkit-text-size-adjust: none;
}

a {
	color: #757575;
	text-decoration: none;
	 cursor: pointer;
}

a:hover {
	color: #e2231a;
	text-decoration: none
}

.clearfix {
	*zoom: 1
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}


.ir {
	display: block;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
	_zoom: 1
}

.sep,
.ndash {
	margin: 0 .25em;
	font-family: sans-serif
}

.container {
	width: 1226px;
	*zoom: 1;
	margin-right: auto;
	margin-left: auto
}

.container:before,
.container:after {
	content: " ";
	display: table
}

.container:after {
	clear: both
}

.row {
	margin-left: -14px;
	_margin-left: 0;
	*zoom: 1
}

.row:before,
.row:after {
	content: " ";
	display: table
}

.row:after {
	clear: both
}

.page-main {
	background: #f5f5f5
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12,
.span13,
.span14,
.span15,
.span16,
.span17,
.span18,
.span19,
.span20 {
	float: left;
	margin-left: 14px;
	min-height: 1px
}

.span1 {
	width: 48px
}

.span2 {
	width: 110px
}

.span3 {
	width: 172px
}

.span4 {
	width: 234px
}

.span5 {
	width: 296px
}

.span6 {
	width: 358px
}

.span7 {
	width: 420px
}

.span8 {
	width: 482px
}

.span9 {
	width: 544px
}

.span10 {
	width: 606px
}

.span11 {
	width: 668px
}

.span12 {
	width: 730px
}

.span13 {
	width: 792px
}

.span14 {
	width: 854px
}

.span15 {
	width: 916px
}

.span16 {
	width: 978px
}

.span17 {
	width: 1040px
}

.span18 {
	width: 1102px
}

.span19 {
	width: 1164px
}

.span20 {
	width: 1226px
}

.span-first {
	_margin-left: 0
}

.offset1 {
	margin-left: 48px
}

.offset2 {
	margin-left: 110px
}

.offset3 {
	margin-left: 172px
}

.offset4 {
	margin-left: 234px
}

.offset5 {
	margin-left: 296px
}

.offset6 {
	margin-left: 358px
}

.offset7 {
	margin-left: 420px
}

.offset8 {
	margin-left: 482px
}

.offset9 {
	margin-left: 544px
}

.offset10 {
	margin-left: 606px
}

.offset11 {
	margin-left: 668px
}

.offset12 {
	margin-left: 730px
}

.offset13 {
	margin-left: 792px
}

.offset14 {
	margin-left: 854px
}

.offset15 {
	margin-left: 916px
}

.offset16 {
	margin-left: 978px
}

.offset17 {
	margin-left: 1040px
}

.offset18 {
	margin-left: 1102px
}

.offset19 {
	margin-left: 1164px
}

.offset20 {
	margin-left: 1226px
}
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.btn {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	width: 158px;
	height: 38px;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #b0b0b0;
	cursor: pointer;
	-webkit-transition: all .4s;
	transition: all .4s
}

.btn:hover {
	text-decoration: none;
	color: #b0b0b0
}

.btn:focus {
	outline: 0
}

.btn:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18)
}

.btn[disabled] {
	border-style: dashed !important;
	border-color: #e0e0e0;
	background-color: #fff !important;
	color: #b0b0b0 !important;
	cursor: default !important
}

.btn-disabled {
	background: #e0e0e0 !important;
	border-color: #e0e0e0 !important;
	color: #b0b0b0 !important;
	cursor: default !important
}

.btn-small {
	width: 118px;
	height: 28px;
	font-size: 12px;
	line-height: 28px
}

.btn-large {
	width: 178px;
	height: 48px;
	line-height: 48px
}

.btn-biglarge {
	width: 298px;
	height: 52px;
	line-height: 52px;
	font-size: 16px
}

.btn-block {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0
}

input.btn,
button.btn {
	width: 160px;
	height: 40px
}

input.btn-small,
button.btn-small {
	width: 120px;
	height: 30px
}

input.btn-large,
button.btn-large {
	width: 180px;
	height: 50px
}

input.btn-biglarge,
button.btn-biglarge {
	width: 300px;
	height: 54px
}


@-webkit-keyframes loader {
	0% {
		-webkit-transform: scale(1, 0.5);
		opacity: .2;
		filter: alpha(opacity=20)\9
	}
	100% {
		-webkit-transform: scale(1, 1);
		opacity: 1;
		filter: alpha(opacity=100)\9
	}
}

@keyframes loader {
	0% {
		-webkit-transform: scale(1, 0.5);
		transform: scale(1, 0.5);
		opacity: .2;
		filter: alpha(opacity=20)\9
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1;
		filter: alpha(opacity=100)\9
	}
}
/* content-model每个内容模块都必须包含 动画效果是刚进来的时候是影藏的只有再可使区里面才执行动画 */
.content-model .p1{
	display: block;
}
.content-model .pactive .p1{
	opacity: 1;
}
.content-model .p2{
	display: block;
}
.content-model .pactive .p2{
	opacity: 1;
}
.content-model .p3{
	display: block;
}
.content-model .pactive .p3{
	opacity: 1;
}
.content-model .a1{
	display: block;
	opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    margin: 0;
}
.content-model .pactive .a1{
	opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transition: opacity 1.2s 1.7s, -webkit-transform 1.2s 1.7s;
    transition: opacity 1.2s 1.7s, transform 1.2s 1.7s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* 动画延时表 */
.content-model .delay-05 {
	-webkit-transition-delay: .5s !important;
	transition-delay: .5s !important;
}

.content-model .delay-10 {
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
}

.content-model .delay-12 {
	-webkit-transition-delay: 1.2s !important;
	transition-delay: 1.2s !important;
}

.content-model .delay-14 {
	-webkit-transition-delay: 1.4s !important;
	transition-delay: 1.4s !important;
}

.content-model .delay-15 {
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
}

.content-model .delay-18 {
	-webkit-transition-delay: 1.8s !important;
	transition-delay: 1.8s !important;
}

.content-model .delay-20 {
	-webkit-transition-delay: 2s;
	transition-delay: 2s
}

.content-model .delay-25 {
	-webkit-transition-delay: 2.5s;
	transition-delay: 2.5s
}