html {background: #f5f5f5}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-size: 13px; font: inherit; vertical-align: baseline; -webkit-margin-before: 0;
-webkit-margin-after: 0;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display: block;}
body { width:100%; font-size: 13px; color: #333; background:none; font-family:"Microsoft YaHei", "simsun", "Helvetica Neue", Arial, Helvetica, sans-serif;}
img { border: 0; vertical-align: bottom;}
::-webkit-input-placeholder { color: #999;}
:-moz-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder { color: #ccc;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0;}
textarea { overflow: auto;}
input:focus, textarea:focus, button:focus, select:focus { outline: none;}
input::-ms-clear { display: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background: transparent;}
a:active, a:hover { outline: 0;}
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
mark { color: #000; background: #ff0;}
small { font-size: 80%;}
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup { top: -.5em;}
sub { bottom: -.25em;}
svg:not(:root) { overflow: hidden;}
figure { margin: 1em 40px;}
hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box;}
pre { overflow: auto;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}

button, input, optgroup, select, textarea { margin: 0; font: inherit;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0;}
input { line-height: normal;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0;}
legend { padding: 0; border: 0;}
optgroup { font-weight: bold;}
table { border-spacing: 0; border-collapse: collapse;}
td, th { padding: 0;}



.layout { width: 100%;}
.container, .container-layout { width: 1020px; margin: 0 auto; padding: 0 10px;}
.con-w800 { width: 800px; margin: 0 auto; padding:10px;}


.line { margin: 0; padding: 0;}
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 { position: relative; min-height: 1px;}

.line-big { margin-left: -10px; margin-right: -10px;}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}

.line-middle { margin-left: -5px; margin-right: -5px;}
.line-middle .x1, .line-middle .x2, .line-middle .x3, .line-middle .x4, .line-middle .x5, .line-middle .x6, .line-middle .x7, .line-middle .x8, .line-middle .x9, .line-middle .x10, .line-middle .x11, .line-middle .x12 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px;}

.line-small { margin-left: -2px; margin-right: -2px;}
.line-small .x1, .line-small .x2, .line-small .x3, .line-small .x4, .line-small .x5, .line-small .x6, .line-small .x7, .line-small .x8, .line-small .x9, .line-small .x10, .line-small .x11, .line-small .x12{ position: relative; min-height: 1px; padding-right: 2px;padding-left: 2px;}

.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 { float: left;}
.x1 { width: 8.33333333%;}
.x2 { width: 16.66666667%;}
.x3 { width: 25%;}
.x4 { width: 33.33333333%;}
.x5 { width: 41.66666667%;}
.x6 { width: 50%;}
.x7 { width: 58.33333333%;}
.x8 { width: 66.66666667%;}
.x9 { width: 75%;}
.x10 { width: 83.33333333%;}
.x11 { width: 91.66666667%;}
.x12 { width: 100%;}

.x0-left { left: 0;}
.x1-left { left: 8.33333333%;}
.x2-left { left: 16.66666667%;}
.x3-left { left: 25%;}
.x4-left { left: 33.33333333%;}
.x5-left { left: 41.66666667%;}
.x6-left { left: 50%;}
.x7-left { left: 58.33333333%;}
.x8-left { left: 66.66666667%;}
.x9-left { left: 75%;}
.x10-left { left: 83.33333333%;}
.x11-left { left: 91.66666667%;}
.x12-left { left: 100%;}

.x0-right { right: 0;}
.x1-right { right: 8.33333333%;}
.x2-right { right: 16.66666667%;}
.x3-right { right: 25%;}
.x4-right { right: 33.33333333%;}
.x5-right { right: 41.66666667%;}
.x6-right { right: 50%;}
.x7-right { right: 58.33333333%;}
.x8-right { right: 66.66666667%;}
.x9-right { right: 75%;}
.x10-right { right: 83.33333333%;}
.x11-right { right: 91.66666667%;}
.x12-right { right: 100%;}

.x0-move { margin-left: 0;}
.x1-move { margin-left: 8.33333333%;}
.x2-move { margin-left: 16.66666667%;}
.x3-move { margin-left: 25%;}
.x4-move { margin-left: 33.33333333%;}
.x5-move { margin-left: 41.66666667%;}
.x6-move { margin-left: 50%;}
.x7-move { margin-left: 58.33333333%;}
.x8-move { margin-left: 66.66666667%;}
.x9-move { margin-left: 75%;}
.x10-move { margin-left: 83.33333333%;}
.x11-move { margin-left: 91.66666667%;}
.x12-move {margin-left: 100%;}


.banner { position: relative;
	width: 100%;
	overflow: hidden;
}

.carousel {
	position: relative;
	list-style: none;
	padding: 0;
}

.carousel .item {
	display: nones;
	float: left;
	position: relative;
}

.carousel .active {
	display: block;
}

.carousel img {
	display: block;
	max-width: 100%;
	height: auto;
}

.banner .pointer {
	position: absolute;
	bottom: 0;
	padding: 15px;
}

.banner .pager-prev,
.banner .pager-next {
	position: absolute;
	display: none;
	top: 50%;
	margin-top: -25px;
}

.banner .pager-prev {
	left: 20px;
}

.banner .pager-next {
	right: 20px;
}

.banner:hover .pager-prev,
.banner:hover .pager-next {
	display: block;
}



.drop {
	position: relative;
}

.drop-menu {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 1;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 1px 0 0;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.drop-menu.pull-right {
	right: 0;
	left: auto;
}

.drop-menu a {
	color: #333;
	padding: 5px 20px;
	display: block;
	clear: both;
	white-space: nowrap;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.drop-menu a:hover,
.drop-menu a:focus {
	background: #f5f5f5;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.drop-menu .disabled a {
	color: #999;
	pointer-events: none;
}

.drop-menu .disabled a:hover,
.drop-menu .disabled a:focus {
	cursor: not-allowed;
}

.drop-menu .divider {
	background-color: #ddd;
	height: 1px;
	overflow: hidden;
	margin: 8px 0;
}

.drop-menu .drop-meun-head {
	display: block;
	padding: 5px 20px;
	font-size: 12px;
	color: #999;
}

.open .drop-menu {
	display: block;
}




.button-group,
.button-group-y {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.button-group .button,
.button-group .button-group {
	float: left;
	position: relative;
	font-weight: normal;
}




.button-group label input {
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: -1;
}

.border-red .button.active,
.border-yellow .button.active,
.border-blue .button.active,
.border-green .button.active,
.border-main .button.active,
.border-sub .button.active,
.border-dot .button.active,
.border-black .button.active,
.border-gray .button.active {
	color: #fff;
}




.dropup .drop-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px;
}




.selected-inline li {
	position: relative;
	display: inline-block;
	width: auto;
	border: solid 1px #ddd;
	border-radius: 4px;
	margin-right: 5px;
	padding: 3px 9px;
	cursor: pointer;
}

.selected-inline .selected {
	border: solid 2px #f60;
	padding: 2px 8px;
}




.media,
.media-body {
	overflow: hidden;
	zoom: 1;
}

.media,
.media .media {
	margin-top: 15px;
}

.media:first-child {
	margin-top: 0;
}

.media-body {
	margin-top: 3px;
}

.media strong {
	display: block;
}

.media p {
	margin: 5px 0 0 0;
	text-align: justify;
	line-height: 18px;
}

.media.media-y {
	text-align: center;
}

.media.media-x .media-body {
	margin: 0;
}

.media.media-x .float-left {
	margin-right: 10px;
}

.media.media-x .float-right {
	margin-left: 10px;
}

.media.media-x strong {
	margin-bottom: 5px;
}

.media-inline .media {
	display: inline-block;
	margin-right: 15px;
	margin-top: 0;
}

.media-inline .media:last-child {
	margin-right: 0;
}

.media img { width: 40px; margin-right: 10px;}


.input { display: block; width: 100%; height: 30px; padding:5px 6px; line-height: 20px; font-size: 13px; border: solid 1px #ddd; border-radius: 4px; -webkit-appearance: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.label { display: block; padding-bottom: 7px; line-height: 20px;}
.label label { font-weight: bold;}
.input-file { display: inline-block; position: relative; width: auto; overflow: hidden; text-align: center; color: #333;}
.input-file input[type="file"] { position: absolute; top: 0; right: 0; height: 40px; font-size: 14px; background-color: #fff; transform: translate(-300px, 0px) scale(4); opacity: 0; filter: alpha(opacity=0);}
.input:focus { border-color: #09c; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.input-auto { width: auto; display: inline-block;}
input[disabled], input[readonly], textarea[disabled], textarea[readonly], select[disabled], select[readonly] { cursor: not-allowed; background: #eee;}

textarea.input { height: auto; }
.input-note, .label .float-right { padding-top: 2px; line-height: 18px; font-size: 12px; color: #999;}
.field { position: relative;}
.form-group { padding-bottom: 10px;}
.field-icon .input { text-indent: 25px;}
.field-icon .icon { position: absolute; top: 0; left: 0; right: auto; width: 34px; height: 34px; text-align: center; line-height: 34px; font-size: 16px; font-weight: normal;}
.field-icon-right .icon { position: absolute; right: 0; top: 0; width: 34px; height: 34px; text-align: center; line-height: 34px; font-size: 16px; font-weight: normal;}

.form-x .form-group:after, .form-inline:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden;}
.form-x .form-group .label { float: left; width: 15%; text-align: right; padding: 7px 7px 7px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.form-x .form-group .field { float: left; width: 85%;}
.form-x .form-button { margin-left: 15%;}
.form-inline { display: inline-block;}
.form-inline .input { width: auto; display: inline-block;}
.form-inline .form-group { display: inline-table; padding-bottom: 0; vertical-align: middle; }
.form-inline .form-group .input-group { display: inline-table; width: auto; vertical-align: middle;}
.form-inline .form-group .input-group .input { width: auto;}
.form-inline .form-group .label { display: inline-block; margin-right: 8px;}
.form-inline .form-group .field { display: inline-block;}
.form-inline .form-button { display: inline-block;}
.form-inline .form-button .button { width: auto;}
.form-auto .input { width: auto; display: inline-block;}
.form-auto .input-group { display: inline-table; width: auto; display: inline-block;}
.form-auto .input-group .input { width: auto; display: inline-block;}
.input-inline { padding-left: 1px;}
.input-inline input { position: relative; float: left; border-radius: 0; margin-left: -1px; width: auto;}
.form-small .input-inline input, .form-big .input-inline input { border-radius: 0;}
.input-inline input:first-child { left: 1px; border-radius: 4px 0 0 4px;}
.input-inline input:last-child { border-radius: 0 4px 4px 0;}
.input-block { padding-top: 8px;}
.input-block:first-child { padding-top: 1px;}
.input-block input { position: relative; margin-top: -1px; border-radius: 0;}
.form-small .input-block input, .form-big .input-block input { border-radius: 0;}
.input-block input:first-child { border-radius: 4px 4px 0 0;}
.input-block input:last-child { border-radius: 0 0 4px 4px;}
.label-block label { display: block; line-height: 24px;}

.input-group { border-collapse: separate; display: table; position: relative;}
.input-group .addon, .input-group .addbtn, .input-group .input { display: table-cell;}
.input-group .addon, .input-group .addbtn { width: 1%; white-space: nowrap; ertical-align: middle;}
.input-group .addbtn .button { font-weight: normal;}
.input-group .input { width: 100%; }
.input-group .addon { background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 4px; line-height: 1; padding: 6px 12px; text-align: center;}
.input-group .addon:first-child, .input-group .addbtn:first-child .button { border-right: 0 none;}
.input-group .addon:first-child, .input-group .addbtn:first-child .button, .input-group .input:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0;}
.input-group .addon:last-child, .input-group .addbtn:last-child .button { border-left: 0 none;}
.input-group .addon:last-child, .input-group .addbtn:last-child .button, .input-group .input:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0;}
.input-group .addon:not(:first-child):not(:last-child), .input-group .addbtn:not(:first-child):not(:last-child) .button, .input-group .input:not(:first-child):not(:last-child) { border-radius: 0;}

.form-tips .form-group .field { position: relative; zoom: 1;}
.form-tips .input-help { position: absolute; z-index: 1; float: left; left: 0; top: 100%;}
.form-tips .input-help ul { border: solid 1px #ddd; background: #fff; padding: 10px 10px 10px 25px; box-shadow: 0 0 5px #ddd; border-radius: 4px; width: 160px; min-width: 160px; width: auto; _width: 160px;}

.input-big, .form-big .input, .form-big .button { padding: 8px; font-size: 13px; line-height: 20px; height: 36px;}
.input-small, .form-small .input, .form-small .button { padding: 5px; font-size: 12px; line-height: 16px; height: 26px;}

.form-small .addon, .form-small .addbtn { padding: 5px 8px; font-size: 12px;}

.check-error .input { border-color: #e33;}
.alert-red, .check-error { color: #e33;}
.check-success .input {border-color: #2c7;}
.alert-success .check-success {color: #2c7;}



.panel {
	border: solid 1px #ddd;
	border-radius: 4px;
}

.panel-head {
	background-color: #f5f5f5;
	padding: 10px 15px;
	border-radius: 4px 4px 0 0;
	border-bottom: solid 1px #ddd;
}

.panel-foot {
	background-color: #f5f5f5;
	padding: 10px 15px;
	border-radius: 0 0 4px 4px;
	border-top: solid 1px #ddd;
}

.panel-body {
	padding: 15px;
}

.panel .bg-main,
.panel .bg-sub,
.panel .bg-dot,
.panel .bg-red,
.panel .bg-yellow,
.panel .bg-green {
	color: #fff;
}

.panel .panel-body + .table,
.panel .panel-body + .list-group {
	border-top: solid 1px #ddd;
}

.panel .list-group {
	border: none;
	border-radius: 0;
}




.panel-group {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	border-left: none;
	border-right: none;
	list-style: none;
	padding: 15px;
}



.tab .tab-head strong {
	float: left;
	padding: 8px 20px 0 0;
	line-height: 20px;
}

.tab .tab-more {
	float: right;
	margin: 10px 0 0 10px;
	font-size: 12px;
}

.tab .tab-nav {
	list-style: none;
    font-size: 14px;
}

.tab .tab-nav li {
	display: inline-block;
}

.tab .tab-nav li a {
	color: #333;
	padding: 8px 20px;
	display: block;
	border: solid 1px #ddd;
	line-height: 20px;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}

.tab .tab-nav .active {
	background-color: #fff;
}

.tab .tab-nav .active a {
    font-size: 14px;
    font-weight: bold;
    color: #f65855;
	cursor: default;
}

.tab .tab-body {
	border-top: solid 1px #ddd;
	margin-top: -1px;
	padding: 10px;
    padding-top: 15px;
}

.tab .tab-body-bordered {
	border: solid 1px #ddd;
	border-radius: 4px;
	padding: 15px;
}

.tab .tab-body .tab-panel {
	display: none;
}

.tab .tab-body .active {
	display: block;
}

.tab.tab-small strong {
	padding-top: 3px;
}

.tab.tab-small .tab-more {
	margin: 5px 0 0 10px;
}

.tab.tab-small li a {
	padding: 3px 10px;
}




.dialog-mask {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 10;
	filter: alpha(opacity=50);
	opacity: .5;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
}

.dialog {
	border: 1px solid #ddd;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	background-color: #fff;
	display: none;
}

.dialog .dialog-head,
.dialog .dialog-foot {
    text-align: center;
	padding: 10px 20px;
}

.dialog .dialog-head {
	border-bottom: solid 1px #ddd;
	
	border-radius: 4px 4px 0 0;
}

.dialog .dialog-head strong {
	font-size: 16px;
}

.dialog .dialog-head .close {
	float: right;
	line-height: 24px;
}

.dialog .dialog-body {
	padding: 15px 20px;
}

.dialog .dialog-foot {
	text-align: right;
	border-top: solid 1px #ddd;
}

.dialog.open {
	display: block;
}


.dialog-img {
    min-height: 400px;
    text-align: center;
    border: 0;
	box-shadow: none;
	border-radius: 0;
	background: none;
}

.dialog .dialog-foot .button { margin: 0 5px;}



.tip {
	display: inline-block;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.tip p {
	margin: 0px;
}

.tip .tip-line {
	margin: 0px;
	padding: 2px 5px;
	font-size: 12px;
	line-height: 16px;
}

.tip .tip-title {
	padding: 2px 8px;
}

.tip .tip-body {
	padding: 8px;
	background: #fff;
	color: #666;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
	line-height: 20px;
}

.tip .image {
	border-radius: 3px;
}

.tip-bottom.border-red .arrow {
	border-bottom-color: #f00;
}

.tip.bg-main,
.tip.bg-sub,
.tip.bg-dot,
.tip.bg-red,
.tip.bg-yellow,
.tip.bg-green {
	color: #fff;
}




.alert {
	border-radius: 5px;
	padding: 15px;
	border: solid 1px #ddd;
	background-color: #f5f5f5;
}

.alert .close {
	float: right;
	line-height: 18px;
}




.radio .icon,
.checkbox .icon {
	display: none;
}

.radio .active .icon,
.checkbox .active .icon {
	display: inline-block;
}



.nav {
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0;
}

.nav li {
	position: relative;
}

.nav a {
	color: #333;
	line-height: 20px;
	padding: 5px 0;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	display: block;
}

.nav a:hover {
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.nav .arrow {
	display: none;
}

.nav .active a {
	font-weight: bold;
}

.nav-head {
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}




.bread {
	border-radius: 4px;
	padding: 8px 15px;
	font-size: 12px;
	color: #005dbb;
}

.bread li {
	display: inline-block;
}

.bread li:after {
	content: "\002f";
	padding: 0 8px;
	color: #ddd;
}

.bread li:last-child:after {
	content: "";
}

.step {
	position: relative;
	height: 10px;
	border-radius: 5px;
	background-color: #f5f5f5;
	margin-bottom: 30px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.step-bar {
	position: relative;
	height: 10px;
	float: left;
	display: inline-block;
	text-align: center;
	color: #aaa;
}

.step-bar:first-child {
	border-radius: 5px 0 0 5px;
}

.step-bar:last-child {
	border-radius: 0 5px 5px 0;
}

.step-point {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	top: -5px;
	border-radius: 50%;
	color: #fff;
	background-color: #bbb;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .175);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .175);
}

.step-text {
	display: block;
}

.step .complete,
.step .complete .step-point {
	background: #cf9;
}

.step .active,
.step .active .step-point {
	background: #0a0;
}




ul { padding-left: 20px;}
ol { padding-left: 24px;}
.list-cn { list-style-type: cjk-ideographic;}
.list-alpha { list-style-type: upper-alpha;}
.list-inline li { display: inline-block; padding: 0 10px; width: auto;}


.list-text { list-style: inside; padding: 0;}
.list-text li { line-height: 24px;}
.list-text .date { font-size: 13px; float: right; color: #666}
.list-text .divider { list-style-type: none; background-color: #ddd; height: 1px; overflow: hidden; margin: 15px 0;}
.list-text.list-underline { list-style: outside; padding-left: 15px;}
.list-text.list-underline li { border-bottom: solid 1px #ddd; line-height: 36px;}
.list-underline.list-striped li { padding: 0 10px;}
.list-text.list-striped { list-style: none; padding: 0;}

.list-unstyle { list-style: none; padding: 0 6px}


dt { font-weight: bold;}
dd { padding: 8px 0 15px 0;}


.table { width: 100%; max-width: 100%; text-align: center; font-size: 13px; border-collapse: collapse; border-spacing: 0;}
.table th { border-bottom: 2px solid #ddd; vertical-align: bottom; padding: 8px; text-align: center;}
.table td { border-top: 1px solid #ddd; padding: 8px; vertical-align: top;}
.table-striped > tbody > tr:nth-child(odd) > td{ background-color: #f9f9f9;}

.table-bordered th, .table-bordered td { border: solid 1px #ddd;}
.table-bordered th { border-bottom: 2px solid #ddd;}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5;}

.table .thumbnail { width: 80px; vertical-align: middle;}



.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
}

.pagination li {
	display: inline-block;
	border: solid 1px #ddd;
	border-radius: 4px;
}

.pagination a {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.pagination .disabled a:link,
.pagination .disabled a:visited,
.pagination .disabled a:hover {
	cursor: not-allowed;
	pointer-events: none;
	color: #ddd;
}

.pagination .active {
	pointer-events: none;
}

.pagination .active,
.pagination a:hover {
	background: #f5f5f5;
	border-radius: 4px;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.pagination-group {
	border-right: solid 1px #ddd;
	border-radius: 4px;
}

.pagination-group li {
	float: left;
	border-right: none;
	border-radius: 0;
}

.pagination-group li:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.pagination-group li:first-child {
	border-radius: 4px 0 0 4px;
}

.pagination-group li:last-child {
	border-radius: 0 4px 4px 0;
}

.pagination-group .active,
.pagination-group a:hover {
	background: #f5f5f5;
	border-radius: 0;
}

.pagination-big a {
	padding: 10px 16px;
	font-size: 16px;
}

.pagination-small a {
	padding: 5px 10px;
	font-size: 12px;
}

.pagination.border-main .active a,
.pagination.border-sub .active a,
.pagination.border-dot .active a,
.pagination.border-black .active a,
.pagination.border-gray .active a,
.pagination.border-red .active a,
.pagination.border-yellow .active a,
.pagination.border-blue .active a,
.pagination.border-green .active a {
	color: #fff;
}

.pager {
	list-style: none;
	padding: 0;
	text-align: center;
	clear: both;
}

.pager li {
	display: inline-block;
}

.pager li a {
	color: #333;
	border: solid 1px #ddd;
	border-radius: 15px;
	padding: 5px 15px;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.pager li a:hover {
	background-color: #f5f5f5;
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}

.pager-prev,
.pager .pager-prev,
.pager-next,
.pager .pager-next {
	font-size: 36px;
	padding: 0;
	color: #ddd;
	border: solid 1px #ddd;
	background-color: rgba(255, 255, 255, .2);
	width: 50px;
	height: 50px;
	line-height: 45px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}

.pager-prev:hover,
.pager-next:hover {
	background-color: rgba(0, 0, 0, .2);
}

.pager-group li {
	float: left;
	display: inline-block;
}

.pager-group li:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.pager-group li a:first-child {
	border-radius: 4px 0 0 4px;
}

.pager-group li a:last-child {
	border-radius: 0 4px 4px 0;
}

.pointer {
	padding: 0px;
}

.pointer li {
	border: solid 1px #ddd;
	width: 10px;
	height: 10px;
	margin: 1px;
	display: inline-block;
	border-radius: 10px;
	cursor: pointer;
}

.pointer .active {
	border: none;
	background: #ddd;
	width: 12px;
	height: 12px;
	margin: 0;
}



blockquote {
	border: solid 1px #ddd;
	border-left-width: 6px;
	padding: 10px 20px;
	border-radius: 4px;
}

blockquote strong {
	display: block;
	font-size: 15px;
	margin-bottom: 10px;
}

blockquote p:last-child {
	margin: 0;
}

.quote-floatright {
	border-left-width: 1px;
	border-right-width: 6px;
	text-align: right;
}


.button { display: inline-block; margin: 0; padding: 4px 12px; line-height: 18px; font-size: 13px; background: transparent; border: solid 1px #ddd; border-radius: 4px; transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s; cursor: pointer;}
.button[disabled] { pointer-events: none; cursor: not-allowed; -webkit-box-shadow: none; box-shadow: none; filter: alpha(opacity=50); opacity: .5; }
.button:active { background-image: none; outline: 0; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.button:hover { transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.button.active { color: #fff; background-color: #005dbb;}
.button-block { display: block; width: 100%;}
.button-large { padding: 15px 20px; font-size: 24px; line-height: 24px;}
.button-big { padding: 5px 20px; font-size: 15px; line-height: 20px;}
.button-small { padding: 3px 5px; font-size: 12px; font-weight: normal; line-height: 16px;}

.button-main { color:#fff; background-color: #005dbb; border-color: #005dbb;}
.button-main:hover, .button-main:focus {background-color: #1678dd; color: #fff;}
.button-gray { color:#333; background-color: #dfdfdf; border-color: #dfdfdf;}
.button-gray:hover, .button-gray:focus {background-color: #eee; color:#333;}
.button-sub { color:#fff; background-color: #45b2eb; border-color: #45b2eb;}
.button-sub:hover, .button-main:focus {background-color: #68cafd; color: #fff;}



a {color: #555; text-decoration:none; cursor: pointer}
a:focus, a:hover { color: #45b2eb;}
.link-sub { color: #45b2eb; text-decoration: underline;}
.link-sub:hover, .link-sub:focus {color: #999; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; margin: 0;}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small { font-size: 60%; filter: alpha(opacity=60); opacity: .6;}
h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { font-size: 12px; filter: alpha(opacity=60); opacity: .6;}


p, .p { line-height: 24px; margin-bottom: 10px; word-break:normal; word-wrap: break-word;}
div p:last-child,div .p:last-child { margin-bottom: 0;}
.text-indent, .text-indent p, .text-indent div { text-indent: 2em;}


.text-left { text-align: left;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-justify { text-align: justify;}


.text-large { font-size: 24px;}
.text-big { font-size: 16px;}
.text-default { font-size: 14px;}
.text-small { font-size: 12px;}
.text-little {font-size: 10px;}


.height-large { line-height: 40px;}
.height-big { line-height: 30px;}
.height { line-height: 24px;}
.height-small { line-height: 20px;}
.height-little { line-height: 16px; }


.border { border: solid 1px #ddd;}
.border-top { border-top: solid 1px #ddd;}
.border-right { border-right: solid 1px #ddd;}
.border-bottom { border-bottom: solid 1px #ddd;}
.border-left { border-left: solid 1px #ddd;}
.border-left-right { border-left: solid 1px #ddd; border-right: solid 1px #ddd;}
.border-top-bottom { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.border-large { border-width: 10px;}
.border-big { border-width: 5px;}
.border-middle { border-width: 3px;}
.border-small { border-width: 2px;}

.border-dashed { border-style: dashed;}
.border-dotted { border-style: dotted;}
.border-double {border-style: double;}
.border-inset {border-style: inset;}
.border-outset {border-style: outset;}

.float-left { float:left;}
.float-right { float:right;}


hr { float: none; clear: both; width: 100%; height: 1px; margin: 10px 0; color: #ddd; background: #ddd; border: none; -moz-box-sizing: content-box; box-sizing: content-box;}
hr.space { background: #fff; color: #fff; visibility: hidden;}


.clearfix:after, .layout:after, .container:after, .container-layout:after, .line:after, .line-small:after, .line-middle:after, .line-big:after, .nav-main:after, .nav-sub:after, .navbar:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;}
.clearfix, .layout, .container, .container-layout, .line, .line-small, .line-middle, .line-big, .nav-main, .nav-sub, .navbar { display: block;}
.clear { clear: both;}
.clear_h10 { clear: both; height: 10px;}
.clear_h20 { clear: both; height: 10px;}
.clear_h100 { clear: both; height: 100px;}


.block {display: block;}
.display-ib {display:inline-block;}


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


.padding { padding: 10px;}
.padding-top { padding-top: 10px;}
.padding-right { padding-right: 10px;}
.padding-bottom { padding-bottom: 10px;}
.padding-left { padding-left: 10px;}

.padding-none { padding: 0;}
.padding-large { padding: 30px;}
.padding-large-top { padding-top: 30px;}
.padding-large-right { padding-right: 30px;}
.padding-large-bottom {padding-bottom: 30px;}
.padding-large-left { padding-left: 30px;}

.padding-big { padding: 20px;}
.padding-big-top { padding-top: 20px;}
.padding-big-right { padding-right: 20px;}
.padding-big-bottom { padding-bottom: 20px;}
.padding-big-left {padding-left: 20px;}

.padding-small { padding: 5px;}
.padding-small-top { padding-top: 5px;}
.padding-small-right { padding-right: 5px;}
.padding-small-bottom {padding-bottom: 5px;}
.padding-small-left { padding-left: 5px;}

.padding-little { padding: 2px;}
.padding-little-top { padding-top: 2px;}
.padding-little-right { padding-right: 2px;}
.padding-little-bottom {padding-bottom: 2px;}
.padding-little-left { padding-left: 2px;}


.margin { margin: 10px; clear: both;}
.margin-top { margin-top: 10px;}
.margin-right { margin-right: 10px;}
.margin-bottom { margin-bottom: 10px;}
.margin-left { margin-left: 10px;}

.margin-large { margin: 30px;}
.margin-large-top { margin-top: 30px;}
.margin-large-right { margin-right: 30px;}
.margin-large-bottom { margin-bottom: 30px;}
.margin-large-left { margin-left: 30px;}

.margin-big { margin: 20px;}
.margin-big-top { margin-top: 20px;}
.margin-big-right { margin-right: 20px;}
.margin-big-bottom { margin-bottom: 20px;}
.margin-big-left { margin-left: 20px;}

.margin-small { margin: 5px;}
.margin-small-top { margin-top: 5px;}
.margin-small-right { margin-right: 5px;}
.margin-small-bottom { margin-bottom: 5px;}
.margin-small-left { margin-left: 5px;}

.margin-little { margin: 2px;}
.margin-little-top { margin-top: 2px;}
.margin-little-right { margin-right: 2px;}
.margin-little-bottom { margin-bottom: 2px;}
.margin-little-left { margin-left: 2px;}

.margin-100-left { margin-left: 100px}
.padding-100-left { padding-left: 100px}


.radius-none { border-radius: 0;}
.radius-small { border-radius: 2px;}
.radius { border-radius: 4px;}
.radius-big { border-radius: 6px;}
.radius-rounded { border-radius: 2em; padding-left: 1em; padding-right: 1em;}
.radius-circle { border-radius: 50%;}


.box-shadow-none {box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);}
.box-shadow-small {box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);}
.box-shadow {box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);}
.box-shadow-big {box-shadow: 0 6px 9px rgba(0, 0, 0, 0.5);}


.text-main { color: #005dbb}
.bg-main { background-color: #005dbb}
.border-main { border-color: #005dbb}
.text-sub { color: #45b2eb}
.bg-sub { background-color: #45b2eb}
.border-sub { border-color: #45b2eb}
.text-gray { color: #888}
.bg-gray { background-color: #888}
.border-gray { border-color: #888}
.text-white { color: #fff}
.bg-white { background-color: #fff}
.text-black { color: #252525}
.bg-black { background-color: #252525}
.border-black { border-color: #252525}

.border-sub:hover { color:#fff; background-color: #45b2eb}


.top-wrap { height: 32px; background-color: #fafafa; border-bottom: 1px dashed #e2e2e2;}
.top-wrap .top-body { width: 1120px; margin: 0 auto; line-height: 32px; color: #666;}


header { clear: both; width:100%; height:60px; margin: 0 auto 10px; padding: 10px 0; background-color: #fff; border-top:2px solid #005dbb;}
header .logo { float: left;}
header .logo img { width: 360px;}
header .headerbar { float: right;}
header .button { border-color: #005dbb}
header .button:hover { background-color: #005dbb; color: #fff}


footer { width:1120px; margin: 0 auto; text-align: right; font-size: 12px; color: #999; line-height: 20px;}


.nav-main { min-width: 1120px; height: 40px; background-color: #000;}
.nav-main ul { width: 1120px; margin: 0 auto; list-style: none}
.nav-main ul li { float: left; margin:0 47px;}
.nav-main ul li:first-child { margin-left: 10px;}
.nav-main ul li:last-child { margin-right: 10px;}
.nav-main ul .active {background-color: #005dbb;}
.nav-main ul>li>a { display: block; width: 140px; height: 40px; line-height: 40px;text-align: center; font-size: 15px; font-weight: 700; color: #fff; -moz-transition: .4s all; -webkit-transition: .4s all; -o-transition: .4s all; transition: .4s all;}
.nav-main ul>li>a:hover, .nav-main ul>li>a:focus {background-color: #f65855;}