@charset "utf-8";
html,
body,
div,
p,
ul,
li,
ol,
dl,
dt,
dd,
form,
input,
textarea,
table,
tr,
td,
img,
a,
span,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

html,
body {
	width: 100%;
}

body {
	font-family: "微软雅黑", arial, Helvetica, sans-serif;
	font-size: 14px;
	overflow-x: hidden;
	color: #1c1c20;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
select,
option,
textarea {
	border: none;
	outline: none;
	font-family: "微软雅黑", arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a,
a:hover,
a:active,
a:visited,
a:link {
	text-decoration: none;
	outline: 0;
}
a{
	color: #1c1c20;
}
a:hover {
	color: #3983cf;
}

ul li {
	margin: 0;
}

ul,
li {
	list-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

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

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

.none {
	display: none;
}

.block {
	display: block;
}

.w {
	width: 1720px;
	margin: 0 auto;
}

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

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

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

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

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

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

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #95969e;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #95969e;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #95969e;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #95969e;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
}

.h {
	height: 110px;
}

.overflow {
	overflow: hidden;
}


/*
 
 * 
 * 
 * 
 * */

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
	background-repeat: repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	height: 12px;
	width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, .2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}


/* Magnific Popup CSS */

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #CCC;
}

.mfp-preloader a:hover {
	color: #FFF;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
}

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

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}

.mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left:after {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}

.mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right:after {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}

.mfp-arrow-right:before {
	border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}


/* Main image in popup */

img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}


/* The shadow behind the image */

.mfp-figure {
	line-height: 0;
}

.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
}

.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #F3F3F3;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
	/**
       * Remove all paddings around the image on small screen
       */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		box-sizing: border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}


/*
 
 * 
 * 
 * */

@font-face {
	font-family: VideoJS;
	src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
	font-weight: 400;
	font-style: normal
}

.vjs-icon-facebook {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-facebook:before {
	content: "\f117"
}

.vjs-icon-gplus {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-gplus:before {
	content: "\f118"
}

.vjs-icon-linkedin {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-linkedin:before {
	content: "\f119"
}

.vjs-icon-twitter {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-twitter:before {
	content: "\f11a"
}

.vjs-icon-tumblr {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-tumblr:before {
	content: "\f11b"
}

.vjs-icon-pinterest {
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal
}

.vjs-icon-pinterest:before {
	content: "\f11c"
}


/*  *  * header *  * */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #f8f9fa;
	z-index: 999;
}

header.fixed {
	background: #f8f9fa;
	-moz-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 0px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
}

.head-main {
	position: relative;
	line-height: 110px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
  header.fixed .head-main {
	line-height: 70px;
}

.head-main .logo {
	float: left;
}

.head-main .logo img {
	vertical-align: middle;
	height: 45px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
 

header .nav {
	float: left;
	margin-right: 30px;
}

header .nav>ul>li {
	float: left;
	position: relative;

}
header .nav>ul>li:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -1px;
	width:2px ;
	height: 2px;
	border-radius: 50%;
	background: #3983cf;
}
header .nav>ul>li:first-child:after{
	display: none;
}
header .nav>ul>li>a {
	display: inline-block;
	vertical-align: middle;
	line-height: 36px;
	
	padding: 0 20px;
	font-size: 17px;
	color: #444;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

header .nav>ul>li:hover>a,
header .nav>ul>li.on>a {
	color: #fff;
	border-radius: 25px;
	background: #3983cf;
}
.search-box{
	float: left;
	}
.search-box form{
	height: 46px;
	line-height: 46px;
	border-radius: 25px;
	overflow: hidden;
	box-shadow: 0px 8px 15px rgba(174,175,182,.13);
	display: inline-block;
	vertical-align: middle;
	padding-left: 22px;
	background: #fff;
}
.searchtext{
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #aeafb6;
	width: 110px;
	height: 46px;
	line-height: 46px;
	padding: 0  10px;
}
.searchsubmit{
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background:   url(../images/search.png) no-repeat center center;
	cursor: pointer;
}
.searchsubmit:hover{
	opacity: .9;
}

.tubiao{
	float: left;
}
.tubiao li{
	position: relative;
	 display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	background: #fff;
	box-shadow: 0px 8px 15px rgba(174,175,182,.13);
	border-radius: 50%;
	text-align: center;
	line-height: 46px;
	height: 46px;
	width: 46px;
}
.tubiao li:hover{
	box-shadow: 0px 8px 15px rgba(57,131,207,.13);
}
.tubiao li:hover .ewmbox{
	display: block;
}
 .ewmbox{
 	display: none;
 	position: absolute;
 	left: 50%;
 	top: 100%;
 	margin-left: -60px;
	background: #fff;
	width: 120px;
	height: 120px;
	border-radius: 4px;
	box-shadow: 0px 8px 15px rgba(57,131,207,.15);
	text-align: center;
}
.ewmbox img{
	display: block;
	width: 100%;
}




 
header .nav ol {
	position: absolute;
	left: 0;
	top: 100%;
	width: 200px;
	background: rgba(57, 131, 207, .8);
	border-top: 3px solid #2364ae;
	transform: translateX(-50%);
	left: 50%;
	display: none;
	line-height: 40px;
	text-align: center;
}

header .nav li:hover ol {
	display: block;
}

header .nav ol li a {
	display: block;
	color: #fff;
	padding: 0 10px;
}

header .nav ol li a:hover {
	color: #fff;
	background: rgba(57, 131, 207, 1);
}

/*移动端*/


/*	 *	 *	jQuery Sliding Menu Plugin	 *
 * 
 * 	Mobile app list-style navigation in the browser	 *	
 * 
 *  *	Written by Ali Zahid	
 * 
 *  *	http://designplox.com/jquery-sliding-menu	
 * 
 *  *	 */

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 16px;
}

.sliding-menu a {
	display: block;
	padding: 1em;
	line-height: 16px;
}

.sliding-menu a:hover {
	background: #333;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #083f78;
	color: #FFF;
}

.sliding-menu a.back:before {
	content: '\3008';
	float: left;
	margin-right: 1em;
}

.sliding-menu {
	overflow: hidden;
	position: relative;
}

.sliding-menu ul {
	float: left;
	margin: 0;
	width: 100%;
}

.sliding-menu li {
	list-style: none;
	margin: 0;
	line-height: 25px;
}

.sliding-menu a {
	display: block;
	padding: 10px 1em;
	line-height: 25px;
}

.sliding-menu a:hover {
	background: #333;
	color: #FFF;
}

.sliding-menu a.nav:before {
	content: '\3009';
	float: right;
	margin-left: 1em;
}

.sliding-menu a.back {
	background: #083f78;
	color: #FFF;
}

.sliding-menu a.back:before {
	content: '\3009';
	float: right;
	margin-right: 0;
}

.phone_head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 999999;
	height: 50px;
	line-height: 50px;
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04);
}

.phone_head .logo {
	font-size: 0;
}

.phone_head .logo img {
	max-width: 100%;
	height: auto;
	max-height: 35px;
	vertical-align: middle;
}

.phone_head .head_admin {
	height: auto;
	line-height: 55px;
	margin: 0;
	margin-left: 15px;
}

.phone_head .head_admin a {
	color: #1886d1;
	font-size: 12px;
}

.phone-head .menubtn>span.expand {
	vertical-align: middle;
	display: inline-block;
	height: 30px;
	width: 40px;
	background: url(../images/menu.png) no-repeat center;
	background-size: auto 100%;
}

.phone-head .mask-close {
	background: #3983cf none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	position: absolute;
	top: 11px;
	left: 18px;
	height: 30px;
	line-height: 30px;
	width: 30px;
	overflow: hidden;
}

.maskbg {
	/*display: none;*/
	position: fixed;
	top: 0;
	left: -9999px;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	overflow: hidden;
}

.popUp {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

.maxDiv .maskbg {
	left: 0;
}

.maskbg:before {
	content: "";
	position: absolute;
	top: 0;
	left: -9999px;
	width: 180px;
	height: 100%;
	background: #3983cf;
	transition: all 0.3s;
	z-index: 0;
}

.maxDiv .maskbg:before {
	left: 0;
	transition: all 0.3s;
}

#menu a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

#menu a:hover {
	color: #fff;
}

#menu h1 {
	font-weight: 300;
}

#menu h2 {
	font-weight: 300;
	margin: 3em 0 1em 0;
}

#menu p {
	margin: 20px 0;
}

#menu .nav {
	height: auto;
	background: #3983cf;
	float: none;
}

#menu {
	margin: 4em 0;
	width: 180px;
	min-height: 308px;
	background: #3983cf;
	left: -9999px;
	transition: all 0.3s;
	text-transform: uppercase;
}

.maxDiv .maskbg #menu {
	left: 0;
	transition: all 0.3s;
}

.sliding-menu a.back {
	background: #4c94d4;
}

.sliding-menu a:hover {
	background: #4c94d4;
}

 

/*
 
 * footer
 * */

footer {
	background: #fff url(../images/footbg.png) no-repeat 145px 40px;
	
}
.footmain{
	padding: 60px 0 30px;
	border-bottom: 1px solid #e2e2e4;
}
.footmain .logo{
	margin-bottom: 30px;
}
.footmain .logo img{
	 height: 39px;
}
.fnav{
	float: left;
	width: 46.5%;
}
.fnav>li{
	float: left;
	margin-right: 12.5%;
}
.fnav>li:first-child{
	margin-right: 0;
	width: 50%;
}
.fnav>li>a{
	font-size: 17px;
	color: #3983cf;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}
.fnav>li:first-child  li{
	float: left;
	width: 50%;
}
 .fnav  ul {
 	overflow: hidden;
 	line-height: 30px;
 }
.fnav ul a{
	font-size: 14px;
	color: #6e6e75;
}
.fnav ul a:before{
	content: "> ";
}
.fnav  ul a:hover{
	color: #3983cf;
}
.finfo{
	float: right;
	width: 46.5%;
	font-size: 14px;
	color: #6E6E75;
	line-height: 30px;
}
.finfo .tbox{
	float: left;
}
.finfo .tbox{
	font-size: 17px;
	font-weight: bold;
	color: #1c1c20;
}
.finfo .tbox{
	font-size: 17px;
	font-weight: bold;
	color: #1c1c20;
}
.finfo .tbox p:first-child{
	color: #3983cf;
}
.finfo .tbox img{
	vertical-align: middle;
	margin-right: 10px;
}
.mesbtn{
	margin-top: -40px;
	display: block;
	float: right;
	width: 240px;
	height: 50px;
	line-height: 50px;
	background: #3983cf url(../images/bg_outlink.png) no-repeat 90%  center;
	padding: 0 20px;
	border-radius: 4px;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}
.mesbtn:hover{
	background-color: #1c1c20;
}
.mesbtn span{
	color: #6aabed;
}
.finfo .con{
	border-top:1px dotted #e2e2e4;
	 padding-top: 25px;
	margin-top:20px ;
}
.finfo .con li{
	float: left;
	width: 50%;
}

.finfo .con li .pic{
	float:right;
	width: 100px;
	margin-right: 30px;
}
.finfo .con li .pic img{
	display:block;
	width:100%;
}
.frilinks {
 	padding: 20px 0;
	line-height: 30px;
	font-size: 14px;
	color: #aeafb6;
}
.frilinks .tit{
	font-size: 17px;
	font-weight: bold;
	color: #6e6e75;
}
.frilinks .tit span{
	color: #3983cf;
}
.frilinks .tit img{
	vertical-align: middle;
	margin-left: 10px;
}
.frilinks li {
	display: inline-block;
	margin-right: 5px;
}

.frilinks a{
	margin: 0 10px  0 0;
	color: #aeafb6;
}
.frilinks a:hover{
	color: #3983cf;
}
 .frilinks .tit{
 	
 }
 /*.overscroll {
	height: 30px;
	overflow: hidden;
	font-size: 0;
}

.overscroll.on {
	height: auto;
}*/
 

.copyright {
	padding: 15px 0;
	font-size: 14px;
	color: #aeafb6;
	line-height: 30px;
	background: #f8f9fa;
}

.copyright a {
	color: #aeafb6;
}

.copyright img{
	margin-right: 10px;
	vertical-align: middle;
}
 .copyright .right,
 .copyright .right a{
 	color: #6e6e75;
 }

/*
 
 * index
 * */

.banner {
	position: relative;
	overflow: hidden;
}

.banner img {
	display: block;
	width: 100%;
}

.bannerswiper {
	width: 100%;
	max-width: 1903px;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
	border: 1px solid #3983cf;
    opacity: 1;
	background: #fff;
    }
 
.swiper-pagination-bullet-active {
	background: #3983cf;
}

.bannerswiper .swiper-button-prev ,
.bannerswiper .swiper-button-next {
	width: 24px;
	height: 42px;
	margin-top: -21px;
}
.bannerswiper .swiper-button-prev {
	left: 30px;
	background: url(../images/bleft.png) no-repeat left center;
}

.bannerswiper .swiper-button-next {
	right: 30px;
	background: url(../images/bright.png) no-repeat left center;
}

.go {
	position: absolute;
	bottom: 55px;
	left: 50%;
	margin-left: -39px;
	z-index: 2;
}

.go img {
	width: 78px;
	display: block;
	animation-delay: 0ms;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}

@-webkit-keyframes arrow {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	50% {
		-webkit-transform: translate3d(0px, -10px, 0px);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}

@keyframes arrow {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	50% {
		-webkit-transform: translate3d(0px, -10px, 0px);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}
/*
 
 * index
 * */

.bannerswiper {
	width: 100%;
}

.bannerswiper a {
	display: block;
}

.go {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -43px;
	z-index: 2;
}

.go img {
	width: 85px;
	display: block;
	animation-delay: 0ms;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: arrow;
	animation-play-state: running;
	animation-timing-function: linear;
}

@-webkit-keyframes arrow {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	50% {
		-webkit-transform: translate3d(0px, -10px, 0px);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}

@keyframes arrow {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
	50% {
		-webkit-transform: translate3d(0px, -10px, 0px);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px);
	}
}
.intitle {
	text-align: center;
	font-size: 36px;
	color: #3983cf;

}
 
 .intitle.wh {
	color: #fff;
}
 .intitle.wh .tit:after{
 	content: "";
 	width: 50px;
 	height: 4px;
 	background: #fff;
 	margin: 15px 0 ;
 	display: block;
 }
.intitle .tit {
	line-height: 1;
	font-weight: bold;
}
.intitle .desc{
	margin-top: 5px;
	font-size: 17px;
	color: #b3b5bb;
	line-height: 26px;
}
 .intitle.wh .desc{
 	opacity: .7;
 	color: #fff;
 }
 
 
.in1-sec{
	padding: 80px 0;
	background: url(../images/in1bg.jpg) no-repeat center top;
}
.in1-sec .intitle{
	float: left;
	width: 49.4%;
	text-align: left;
}

.protype{
	float: right;
	width: 49.4%;
}

.protype .tit{
	font-size: 17px;
	color: #fff;
	font-weight: bold;
}
.protype ul li{
	margin-top: 10px;
	float: left;
	width: 18.8%;
	margin-right:  1.5%;
	border: 1px solid #fff;
	border-radius: 4px;
	line-height: 30px;
	height: 30px;
	background: url(../images/rightico.png) no-repeat 90% center;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.protype ul li:nth-child(5n){
	margin-right: 0;
}
.protype ul li a{
	display: block;
	color: #fff;
	padding: 0 30px 0 10px;
}
.protype ul li:hover {
	background-color: #fff;
	background-image: url(../images/down.png);
}
.protype ul li:hover a{
	color: #3983cf;
}
.in1-sec .main{
	margin-top: 40px;
}
.pro1{
	float: left;
	width: 49.4%;
	background: #fff;
	border-radius: 10px;
    overflow: hidden;
}
.proswiper{
	width: 100%;
}
.proswiper a{
	background: #fff;
	display: block;
	padding: 30px 30px 60px;
	position: relative;
}
.proswiper .pic{
	overflow: hidden;
}
.proswiper .pic img{
 	display: block;
    width: 100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
 	
}
.proswiper a:hover .pic img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.proswiper .tag{
	font-size: 14px;
	color: #fff;
	width: 70px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #3983cf;
	z-index: 2;
}
.proswiper .tbox{
	margin-top: 15px;
}

.proswiper .tbox .tit{
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	color: #3983cf;
	font-weight: bold;
}
.proswiper .tbox .desc{
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	color: #1c1c20;
}
.proswiper .tbox .more{
	margin-top: 30px;
	font-size: 16px;
	color: #95969e;
	line-height: 24px;
}
.proswiper .tbox .more span{
	vertical-align: middle;
	display: inline-block;
	margin-right: 25px;
}
.proswiper .tbox .more img{
	vertical-align: middle;
	margin-left:10px ;
}
 
 
.proswiper .swiper-button-prev,
.proswiper .swiper-button-next{
	top: 40%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
}
.proswiper .swiper-button-prev{
	left: 30px;
	background: url(../images/pleft.png) no-repeat left center;
}
.proswiper .swiper-button-next{
	right: 30px;
	background: url(../images/pright.png) no-repeat left center;
}
.proswiper .swiper-pagination{
	 width: auto;
	 right: 30px;
	 left: auto;
	 bottom: 30px;
}
.pro2{
    float: right;
    width: 49.4%;
   
}
.pro2 li{
	float: left;
	width: 48.8%;
	margin-right: 2.4%;
	margin-bottom: 20px;
	 background: #fff;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.pro2 li.newpro{
	width: 100%;
	margin-right: 0;
	padding: 30px;
	text-align: left;
}
.pro2 li:nth-child(3){
	margin-right: 0;
	
}
.pro2 li>a{
	background: #fff;
	display: block;
	padding-bottom: 34px ;
	position: relative;
}
.pro2 .pic{
	overflow: hidden;
	padding: 18px 0;
}
.pro2 .pic img{
 	display: block;
    width: 100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
 	
}
.pro2 a:hover .pic img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.pro2 .tag{
	font-size: 14px;
	color: #fff;
	width: 70px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	text-align: center;
	background: #3983cf;
	z-index: 2;
}
.pro2 .tbox{
	margin-top: 15px;
}

.pro2 .tbox .tit{
	font-size: 17px;
	line-height: 17px;
	height: 17px;
	color: #1c1c20;
	font-weight: bold;
}
.pro2 .tbox .desc{
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	color: #1c1c20;
}
.pro2 .tbox .more{
	margin-top: 10px;
}

.pro2 .tbox .more a{
	margin-top: 15px;
	display: inline-block;
	height: 40px;
	line-height: 36px;
	border: 2px solid #3983CF;
	 min-width: 110px;
	 border-radius: 25px;
	 font-size: 14px;
	 color: #3983CF;
	 text-align: center;
	 margin-right: 5px;
}
.pro2 .tbox .more a:hover{
	background: #3983CF;
	color: #fff;
}
.pro2 .tbox .more img{
	display: block;
	width: 18px;
	margin: 0 auto;
}
 .newpro .pic{
 	float: left;
 	width: 50%;
 	padding:  20px;
 }
.newpro .tbox{
 	float: left;
 	width: 50%;
 }


.in2-sec{
	padding: 80px 0;
	 background: #fff;
}
 
.in2-sec .main{
	margin-top: 25px;
}
.pjtabs{
	text-align: center;
}
.pjtabs li{
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	font-weight: bold;
	color: #3983cf;
	background: #f5f7f9 url(../images/down2.png) no-repeat 90% center;
	min-width: 180px;
	height: 50px;
	line-height: 50px;
	padding: 0 45px 0 30px;
	border-radius: 25px;
	cursor: pointer;
}
.pjtabs li.active{
	color: #fff;
	background-color: #3983CF;
	background-image: url(../images/down1.png);
}

.in2-sec .swiper-button-prev,
.in2-sec .swiper-button-next{
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
}
.in2-sec .swiper-button-prev{
	left: 0px;
	background: url(../images/pleft.png) no-repeat left center;
}
.in2-sec .swiper-button-next{
	right: 0px;
	background: url(../images/pright.png) no-repeat left center;
}
#tabs-container .swiper-container{
	margin: 0 5%;
	width: 90%;
	box-shadow: 0px 10px 16px rgba(57,131,207,.06);
	border: 2px solid #efeff1;
}
.in2-sec .tabsbody{
	margin-top: 40px;
	
	
}
.in2-sec .tabsbody .list{
	/*display: none;*/

	background: #fff;

}
.in2-sec .tabsbody .list:first-child{
	/*display: block;*/
}
.in2-sec .tabsbody .list li{
	float: left;
	width: 20%;
	text-align: center;
	border-left: 1px solid #efeff1;
}
.in2-sec .tabsbody .list li:first-child{
	border: 0;
}
.in2-sec .tabsbody .list li a{
	display: block;
	position: relative;
}
.in2-sec .tabsbody .list li img{
	display: block;
	width: 100%;
}

.in2-sec .tabsbody .list li a:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/jbbg.png) no-repeat left bottom;
	background-size: cover;
	z-index: 1;
	opacity: 0;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.in2-sec .tabsbody .list li:hover a:after{
	opacity: 1;
}
.in2-sec .tabsbody .list li .tbox{
		display: none;
		position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
	font-size: 14px;
	color: #fff;
	z-index: 2;
}
.in2-sec .tabsbody .list li:hover .tbox{
	display: block;
}

 
.in3-sec {
	padding: 80px 0;
	background: #3983cf url(../images/aboutbg.jpg) no-repeat right bottom;
}
.in3-sec .intitle{
	text-align: left;

}
.in3-sec .intitle .tit{
	padding-bottom: 30px;
	 background: url(../images/abtitbg.png) no-repeat left bottom;
}
.in3-sec .intitle .desc{
	font-size: 14px;
	margin-top: 30px;
}
.in3-sec .intitle .tit strong{
	display: inline-block;
	margin-top: 60px;
}
.in3-sec .ftit{
	float: right;
	font-size: 22px;
	font-weight: normal;
}
.in3-sec .ftit img{
	display: block;
	margin: 0 0 10px auto;
	height: 67px;
}
.in3-sec .intitle.wh .tit:after {
   display: none;
}

.in3-sec .main{
	width: 50%;
}
.in3-sec ul{
	margin-top: 50px;
}
.in3-sec ul li{
text-align: center;
float: left;
width: 25%;	
margin-bottom: 55px;
-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in3-sec .pic{
	float: left;
	width: 50%;
	overflow: hidden
}
.in3-sec li img{
	display: block;
	width: 100px;
	margin: 0 auto;
	
}
.in3-sec  li:hover  {
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform :translateY(-5px);
}
.in3-sec li .tbox{
	 margin-top: 15px;
	 font-size: 20px;
	 color: #fff;
}
 
.in4-sec{
	padding: 80px 0;
	background: #f8f9fa  ;
}
.in4-sec  li{
	float: left;
	margin-top: 35px;
	width: 32.55%;
	margin-right: 1.175%;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 5px 30px rgba(210,210,210,.35);
}
.in4-sec  li:last-child{
	margin-right: 0;
}
 .in4-sec  li .pic{
 	overflow: hidden;
 }
 .in4-sec  li   .pic img {
    display: block;
    width: 100%;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.in4-sec  li:hover .pic img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
 .in4-sec  li .con{
 	padding:30px;
 }
 .in4-sec  li .tit{
 	margin-top: 10px;
 	font-size: 17px;
 	color: #1c1c20;
 	line-height: 17px;
	height: 17px;
	font-weight: bold;
 }
 .in4-sec  li .desc{
 	margin-top: 10px;
 	font-size: 14px;
 	color: #95969e;
 	line-height: 25px;
	height: 25px;
 }
 .in4-sec  li .time{
 	font-size: 14px;
 	color: #aeafb6;
 	border-top:1px solid #efeff1;
 	padding: 0 30px;
 	line-height: 47px;
 }
 .in4-sec  li .time img{
 	vertical-align: middle;
 	margin-right: 10px;
 }
 .in4-sec  li .title{
 	font-size: 17px;
 	color: #fff;
 	line-height: 70px;
	height: 70px;
	padding-left: 75px;
	font-weight: bold;
	background: #3983cf url(../images/newsbg.png)  no-repeat 15px center ;
	border-radius: 10px;
	overflow: hidden;
 }
 .in4-sec  .list{
 	padding: 10px 0;
 }
 .in4-sec  .item{
 	line-height: 70px;
 	background: url(../images/xxian.png) no-repeat left bottom;
 }

 .in4-sec  .item a{
 	display: block;
 	position: relative;
 	padding-right: 110px;
	font-size: 14px;
	color: #444444;
	padding-left: 50px;
	background: url(../images/jiantou.png) no-repeat 20px center;
}
 .in4-sec  .item a:hover{
	color: #3983CF;
}
 .in4-sec  .item span{
 	position: absolute;
 	right: 0;
 	top: 0;
 	color: #aeafb6;
 }
.in5-sec{
	background: #FFFFFF;
	padding: 50px 0;
}
.friswiper .pic {
	margin-bottom: 50px;
	text-align: center;
}
.friswiper .pic img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}
.friswiper .pic:hover{
	opacity: .8;
}
.in6-sec{
	padding:  80px 0;
	background: #000 url(../images/casebg.jpg) no-repeat right bottom;
}
.in6-sec .intitle.wh .tit:after {
    width: 100%;
    height: 13px;
    background:  url(../images/casetit.png) no-repeat center bottom;
    margin: 25px 0 40px;
}
.in6-sec .main{
	margin-top: 50px;
}
.in6-sec .main img{
	vertical-align: middle;
}
.indextext{
	margin-bottom: 25px;
	font-size: 14px;
	color: #fff;
	float: left;
	width: 32.6%;
	margin-right: 0.575%;
	background:  rgba(255,255,255,.2);
	border-radius: 4px;
	text-indent: 20px;
	display: block;
	height: 60px;
	line-height: 60px;
}
.indextext:nth-child(1){
	width: 18.6%;background-image: url(../images/i1.png);
	background-position: 90% center;
	background-repeat: no-repeat;
}
.indextext:nth-child(2){
	width: 18.6%;background-image: url(../images/i2.png);
	background-position: 90% center;
	background-repeat: no-repeat;
}
.indextext:nth-child(3){
	width: 18.6%;background-image: url(../images/i3.png);
	background-position: 90% center;
	background-repeat: no-repeat;
}
.indexsubmit{
	margin-bottom: 25px;
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	float: left;
	width: 9.3%;
	background:  #367dc6 url(../images/btnico.png) no-repeat right center;
	border-radius: 4px;
	text-indent: 20px;
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: left;
	cursor: pointer;
}
.indexsubmit:hover{
	background-color: #3983cf;
}
/*
 
 * 
 * 
 * */

 
#output canvas {
	display: block;
    height: 100%!important;
    width: 100%;
}
#container {
	 position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
#output {
	width: 100%;
	height: 100%;
}

.nybanner {
    position: relative;
}

.nybanner img {
    display: block;
    width: 100%;
}
.nybanner .tbox {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-weight: bold;
    z-index: 2;
}
.nybanner .tbox .tit {
    font-size: 36px;
    line-height: 1;

}
.nybanner .tbox .tit:before, .nybanner .tbox .tit:after {
    content: "";
    width: 6px;
    height: 6px;
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius: 50%;
}
@font-face {
	font-family: 'avantgardeitcbybt-demi';
	font-weight: normal;
	font-style: normal;
	src: url('avantgardeitcbybt-demi.eot');
	src: local('avantgardeitcbybt-demi'), url('avantgardeitcbybt-demi.eot?#iefix') format('embedded-opentype'), url('avantgardeitcbybt-demi.woff2') format('woff2'), url('avantgardeitcbybt-demi.woff') format('woff'), url('avantgardeitcbybt-demi.ttf') format('truetype'), url('avantgardeitcbybt-demi.svg') format('svg');
}
.nybanner .tbox .en {
    font-size: 20px;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'avantgardeitcbybt-demi';
}
.nybanner .tbox .en:before {
    content: "";
    display: block;
    margin: 20px auto;
    width: 140px;
    height: 5px;
    background: url(../images/ddborder.png) no-repeat left top;
}




/*
 
 * 
 * */
.ct1-sec{
	padding: 40px ;
	background: #fff;
}
.ctinfo li{
	float: left;
	display: table;
	table-layout: fixed;
	width:49%;
	margin-right: 2%;
	background: #fff;
	border-top: 4px solid #3983cf;
	border-radius: 6px;
	overflow: hidden;
	padding: 0 40px;
	height: 153px;
	box-shadow: 0px 5px 30px rgba(210,210,210,.35);
}
.ctinfo li:nth-child(2n){
	margin-right: 0;
}
.ctinfo li .pic{
	display: table-cell;
	vertical-align:middle;
/*	width: 70px;
*/	width: 100px;
}
.ctinfo li .pic img{
	display: block;
	max-width: 100%;
}
.ctinfo li .tbox{
	display: table-cell;
	vertical-align:middle;
	padding-left: 20px;
}
.ctinfo li .email{
	margin-top: 10px;
	 font-size: 14px;
	 color: #6e6e75;
}
.ctinfo li .desc{

	font-size: 14px;
	color: #444444;
}
.ctinfo li .desc .tel{
	font-size: 26px;
	font-family: 'avantgardeitcbybt-demi';
}
.ctinfo li .desc span{
	display: inline-block;
	vertical-align: middle;
}
.ctinfo li .desc .name{
	color: #021440;
	margin-left: 10px;
	 line-height: 26px;
	 border-radius: 25px;
	 background: #EEF2F5;
	 padding: 0 15px;
}

 


.ct2-sec{
margin-top: 35px;
	background: #fff url(../images/ctbg.png) no-repeat left bottom;
}
.ct2-sec .map{
	 height: 480px;
	 border-radius: 10px;
	 overflow: hidden;
	box-shadow: 0px 5px 30px rgba(210,210,210,.35);
}
.ct2-sec .map iframe{
	display: block;
	border: 0;
}
.ct2-sec .form{
	padding: 60px 0 ;
	width:700px ;
max-width: 100%;
	 margin: 0 auto;
}
.form li{
	position: relative;
	padding-left: 85px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	line-height: 50px;
	
}
 .form li.md{
	width: 49%;
}
.form li.md:nth-child(2n){
	margin-left: 2%;
}
 .form li label{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	text-align: right;
	width: 85px;
	color: #1d1e20;
}

.formtext{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 48px;
	border-radius: 6px;
	border: 1px solid #e3e7eb;
	padding: 0 10px;
	font-size: 15px;
	box-shadow: 0px 3px 8px rgba(227,231,235,.7) inset;
}
.formtextarea{
	display: block;
	width: 100%;
	height: 150px;
	line-height: 48px;
	border-radius: 6px;
	border: 1px solid #e3e7eb;
	padding: 0 10px;
	font-size: 15px;
	box-shadow: 0px 3px 8px rgba(227,231,235,.7) inset;
}
.formtext:focus,
.formtextarea:focus{
	border-color: #3983cf;
}
.yzm{
	font-size: 0;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.yzm img{
	width: 120px;
	height: 50px;
	vertical-align: top;
}
.yzm span{
	font-size: 14px;
	color: #3983cf;
	margin-left: 10px;
}

.submit{
	width: 160px;
	height: 50px;
	line-height: 50px;
	background: #3983cf;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 6px;
}
.reset{
	width: 160px;
	height: 50px;
	line-height: 50px;
	background: #eef2f5;
	font-size: 14px;
	color: #999999;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	cursor: pointer;
	border-radius: 6px;
}

.submit:hover,
.reset:hover{
	opacity: .8;
	}
	
.pd40 {
    padding: 40px;
    background: #fff;
}
.pos {
	font-weight: bold;
    font-size: 24px;
    color: #444444;
    line-height: 1;
    padding-bottom: 25px;
    margin-bottom: 25px;
    background: url(../images/posbg.png) no-repeat left bottom;
}

/*
 
 * 
 * */
.leftlayout{
	float: left;
	width: 20.9%;
}

.rightlayout{
	float: right;
	width: 76.7%;
	box-shadow: 0px 5px 30px rgba(210,210,210,.35);
	border-radius: 10px;
	overflow: hidden;
}
 .weizhi {
    line-height: 50px;
    border-bottom: 1px solid #ccc;
}
 .weizhi a {
    font-size: 14px;
    color: #b3b5bb;
    margin-right: 5px;
    padding-right: 15px;
    background: url(../images/rightico0.png) no-repeat right center;
}
 .weizhi a:hover{
 	color: #3983cf;
 }
 .weizhi a:last-child{
 	padding-right: 0;
 	background: none;
 	font-weight: bold;
 }
 .weizhi img{
 	vertical-align: middle;
 margin-top: -4px;
}
.nynav {
	position: relative;
	border-radius: 10px;
	background: #3c82c8;
	z-index: 1;
	overflow: hidden;
}


.tjtitle {
	padding:  20px;
	font-size: 30px;
	color: #fff;
	background: #3c82c8 url(../images/tjtitle1.jpg) no-repeat left top;
font-family: 'avantgardeitcbybt-demi';
}

.tjtitle .ch {
	font-weight: bold;
}

.tjtitle .en {
	font-size: 35px;
	opacity: .2;
	text-transform: uppercase;
}
.nynav>ul{
	background: #fff;
	padding: 10px 10px 0;
	border-radius: 10px;
	border: 2px solid #3c82c8;
	border-top: 0;
	
}
.nynav>ul>li {
	background: #fff;
	margin-bottom: 10px;
	border: 1px solid #efeff1;
	border-radius: 4px;
}
.nynav ul li.active,
.nynav ul li.on{
	background: #3983cf;
}
.nynav ul li {
	position: relative;
}


.nynav ul li a {
	display: block;
	font-size: 17px;
	line-height: 40px;
	color: #6e6e75;
	padding: 0 35px 0 20px;
}
.nynav ul li.on a {
	color: #fff;
}
.nynav ul li .first {
	position: relative;

}

.nynav ul li .first a {
	padding: 14px 55px 14px 20px;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
}
.nynav ul li .first a:hover{
	background: #3983cf;
	color: #fff;
}
.nynav ul li.on .first a {
	font-size: 18px;
}
.nynav ul li .first img {
	display: block;
}
.nynav ol{
	padding: 20px;
	/*border-top: 1px solid #88a1d0;*/
	background: #6aabed;
	font-size: 14px;
	color: #3983cf
}
.nynav ol li{
	border-bottom: 1px dotted  #fff;
	
}
.arrow {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
	cursor: pointer;
}
.nynav ul li.on .first .arrow {
	background: url(../images/on0.png) no-repeat center center;
}
.nynav ul li.on .first .arrow img{
	opacity: 0;
}
 

 

.nynav .second {
	display: none;
}

.nynav ul li.on .second {
	display: block
}

.nynav .second li>a {
	padding : 0 15px;
	background: url(../images/off.png) no-repeat left center;
	
}

.nynav .second li.active>a,
.nynav .second li>a:hover {
 background-color: #fff;
 color: #4d72b8;
}
 
.nynav .second .active>a,
.nynav .second a:hover {
	color: #fff;
}

.nynav ul li .third {
	margin-top: 10px;
	padding : 0 20px;
	display: none
}

.nynav ol li.active .third {
	display: block
}
.nynav .third a{
	font-size: 14px;
	line-height: 26px;
	padding: 0;
}
.nynav .third a.on {
	color: #fff;
	text-decoration: none
}

.tjbox{
	margin-top: 20px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.tjbox .title{
	padding: 0 20px;
	line-height: 60px;
	font-size: 17px;
	color: #3983cf;
	font-weight: bold;
	background: #cfe0f0 url(../images/tjico1.png) no-repeat 90% center;
}
 .proswiper2{
 	font-size: 14px;
 	color: #444444;
 	text-align: center;
 }
  .proswiper2 a{
  	display: block;
  	padding: 30px;
  }
 .proswiper2 img{
 	display: block;
 	width: 100%;
 }
 
 .proswiper2 .swiper-pagination{
 	position: static;
 	margin-bottom: 30px;
 }
 .tjbox .in4-sec{
 	padding: 0;
 }
  .tjbox .in4-sec li {
    float: none;
    margin-top: 0;
    width: 100%;
    margin-right: 0;
    border-radius: 0;
    box-shadow:  none;
}
 .tjbox .in4-sec li .con {
    padding: 20px;
}
.tjbox .in4-sec li .tit {
    font-size: 14px;
    line-height: 14px;
    height: 14px;
    font-weight: normal;
}
.tjbox .in4-sec li .desc{
	padding: 0 20px;
}
.tjbox .in4-sec li:hover .desc{
	color: #3983cf;
}
.tjbox .in4-sec li .desc:before{
	content: "· ";
	font-size: 14px;
	font-weight: bold;
	color: #3983cf;

}
 /*
  
  * 
  * 
  * 
  * */
.proxq-sec{
	padding: 40px 0;
	background: #dde0e2;
}
.promain {
	box-shadow: 0px 5px 30px rgba(210,210,210,.35);
	background: #fff url(../images/tboxbg.png) no-repeat right top;
	background-size: 32% 100%;
	border-radius: 10px;
	overflow: hidden;
}

.promain .pic {
	float: left;
	width: 68%;
	padding: 40px;
	padding-bottom: 115px;
	border-right: 1px solid #dde0e2;
	background: #fff url(../images/zoom.png) no-repeat  95% 90%;
}
.promain .pic img{
	display: block;
	width: 100%;
}
  
 div.zoomDiv {
	z-index: 998;
	position: absolute;
	top: 0px;
	/*left: 52%!important;*/
	width: 200px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}
.zoomDiv img{
	width: 300%;
}
div.zoomMask {
	position: absolute;
	/*background: url(../images/mask.png) repeat scroll 0 0 transparent;*/
	cursor: move;
	z-index: 1;
}
 

.promain .tbox {
	float: left;
	width: 32%;
	padding: 35px 0;
	border-left: 1px solid #dde0e2;
	margin-left: -1px;
}
.promain .tbox .tit{
	font-size: 22px;
	color: #3983cf;
	padding: 0 20px;
}
.promain .tbox .desc{
	margin-top: 30px;
	font-size: 14px;
	color: rgba(2,20,64,.7);
	line-height: 20px;
	padding: 20px;
	background: rgba(255,255,255,.6);
}

.info{
	margin-top: 25px;
	padding: 0 20px;
}
 .info li{
	position: relative;
	font-size: 14px;
	color: #3983cf;
	border-bottom: 1px dotted #cccfd8;
	padding: 10px 0 10px 30px;
	line-height: 17px;
	min-height: 37px;
}
 
.info li img{
 position: absolute;
 left: 0;
 top: 10px;
  
}
 

.promain .tbox .btns{
	margin-top: 35px;
	padding: 0 20px;
}
.promain .tbox .btns a{
	float: left;
	display: block;
	font-size: 17px;
	color: #3983cf;
	width: 47.5%;
	height: 40px;
	line-height: 38px;
	background:#d8ebff;
	border: 1px solid #3983cf;
	border-radius: 4px;
	text-align: center;
	text-transform: uppercase;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
}
.promain .tbox .btns a.order{
	background: #3983cf;
	color: #fff;
	margin-left: 5%;
}
.promain .tbox .btns a:hover{
	background:#4b5777;
	color: #fff;
}
.promain .tbox .btns img{
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
}

.teltbox{
	margin-top: 45px;
	padding: 0 20px;
}
.teltbox  a {
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;
    color: #a4acb1;
    padding-left: 35px;
    background: url(../images/tel2.png) no-repeat left center;
}
.teltbox  strong {
    display: block;
    font-size: 26px;
    color: #444444;
    opacity: .7;
    font-family: 'avantgardeitcbybt-demi';
}

.procon{
	margin-top: 50px;
	background: #fff;
	box-shadow: 0px 5px 30px rgba(210,210,210,.35);
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}
.procon .tabs{
	border-top: 7px solid #3983cf;
	border-bottom: 1px solid #dde0e2;
	background: #f0f2f4;
}
.procon .tabs li{
	float: left;
	width: 16.666%;
	line-height: 60px;
	border-right: 1px solid #dde0e2;
	font-size: 17px;
	color: #3983cf;
	font-weight: bold;
	cursor: pointer;
	padding-left: 75px;
	background: url(../images/p1.png) no-repeat 30px center;
	
}
 
.procon .tabs li:nth-child(2){
	background-image: url(../images/p2.png) ;
}
.procon .tabs li:nth-child(3){
	background-image: url(../images/p3.png) ;
}
.procon .tabs li:nth-child(4){
	background-image: url(../images/p4.png) ;
}
.procon .tabs li.active{
	color: #fff;
	background-color: #3983cf;
}
.procon .tabs li.active{
	background-image: url(../images/p01.png) ;
}
.procon .tabs li:nth-child(2).active{
	background-image: url(../images/p02.png);
}
.procon .tabs li:nth-child(3).active{
	background-image: url(../images/p03.png) ;
}
.procon .tabs li:nth-child(4).active{
	background-image: url(../images/p04.png) ;
}
.procon .box{
	padding: 40px;
	font-size: 14px;
    color: #444444;
    line-height: 25px;
}
.procon .box img{
	width: auto!important;
	height: auto!important;
	max-width: 100%!important;
	display: inline-block;
	vertical-align: top;
}






/*
 
 * 
 * 
 * */
 

 
 .prolist li{
	margin-bottom: 40px;
	background: #fff;
	padding: 30px 0;
box-shadow: 0px 5px 30px rgb(210 210 210 / 35%);
border-radius: 10px;
overflow: hidden;
}
 
.prolist .pic{
	float: left;
	width: 39%;
	padding: 0 30px;
}
.prolist  .pic img{
	display: block;
	width: 100%;
}
.prolist  .tbox{
	float: left;
	width: 61%;
	padding: 0 35px;
}
.prolist  .tbox .tit{
	margin-top: 15px;
	font-size: 17px;
    color: #1c1c20;
    line-height: 17px;
    height: 17px;
    font-weight: bold;
}
 .prolist  .tbox .desc{
 	margin-top: 10px;
    font-size: 14px;
    color: #95969e;
    line-height: 25px;
    height: 50px;
    -webkit-line-clamp: 2;
}
 .prolist  .tbox .desc a{
    color: #95969e;
 }
 .prolist  .tbox .btns{
 	margin-top: 30px;
 	font-size: 16px;
    color: #95969e;
    border-top: 1px solid #efeff1;
    padding-top: 25px;
 }
 .prolist  .tbox .btns a{
 	margin-right: 25px;
    color: #95969e;
 }
 .prolist .tbox  .btns img {
    vertical-align: middle;
    margin-left: 10px;
}
 
.prolist .tbox .more img{
	display: block;
}
 

.pages {
    margin: 40px 0 0;
    text-align: center;
}
.pages li {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
.pages li a {
    display: block;
    font-size: 18px;
    color: #999999;
    background: #fff;
    border-radius: 5px;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #cccccc;
    font-family: 'avantgardeitcbybt-demi';
}
.pages li:hover a, .pages li.active a {
    background: #3962b0;
    color: #fff;
    border-color: #3962b0;
}
/*
 
 * 
 * 
 * */
.news-sec {
	padding: 40px 0 60px;
	background: #f2f4f6;
}

.newstop{
	background: #f8f9fb;
}
.newstop a{
	display: block;
	
}
.newstop .pic{
	float: left;
	width: 42.5%;
}
.newstop .pic img{
	display: block;
	width: 100%;
}
.newstop .tbox{
	float: left;
	width: 57.5%;
	padding: 55px 40px 35px 40px;
}
.newstop .tbox .tit{
	margin-top: 15px;
	font-size: 17px;
    color: #1c1c20;
    line-height: 17px;
    height: 17px;
    font-weight: bold;
}
 .newstop .tbox .desc{
 	margin-top: 10px;
    font-size: 14px;
    color: #95969e;
    line-height: 25px;
    height: 50px;
}
 .newstop .tbox .time{
 	margin-top: 25px;
 	font-size: 14px;
    color: #aeafb6;
    border-top: 1px solid #efeff1;
    padding-top: 20px;
 }
 .newstop .tbox  .time img {
    vertical-align: middle;
    margin-right: 10px;
}
.newstop .tbox .more {
	margin-top: 25px;
	 
 }
.newstop .tbox .more img{
	display: block;
}
 
 .newslist li{
 	margin-bottom: 20px;
 	border: 1px solid #cccccc;
 }
.newslist a {
	padding: 30px 0;
	display: block;
	background: #fff;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
}
 .newslist li .time{
 	float: left;
 	width: 17.5%;
 	text-align: center;
 	font-size: 66px;
 	font-family: 'avantgardeitcbybt-demi';
 	opacity: .7;
 	line-height: 60px;
 	color: #b8b9be;
 	border-right: 1px solid #cccccc;
 }
 .newslist li:hover .time{
 	color: #fff;
 }
 
 .newslist li .time span{
 	display: inline-block;
 	vertical-align: bottom;
 	margin-left: 5px;
 	padding-left: 20px;
 	font-size: 26px;
 	line-height: 1;
 	background: url(../images/xiexian1.png) no-repeat left center;

 }
  .newslist li .tbox{
  	float: left;
  	width: 82.5%;
  	padding: 0 70px 0 30px;
  }
 
 .newslist li .tbox .tit{
  	 font-size: 18px;
  	 height: 18px;
  	 line-height: 18px;
  }
  
  .newslist li .tbox .desc{
  	 font-size: 14px;
  	 height: 14px;
  	 line-height: 14px;
  	 opacity: .7;
  	 margin-top: 20px;
  }
  .newslist li:hover a{
  	background: #3983cf;
  	color: #fff;
  }
  
  .newslist li:hover .time span{
  	background-image: url(../images/xiexian.png);
  }
  
  
  
  
  
/*
 
 * 
 * */

 

/*
 
 * 
 * */

.newsxq-sec {
	padding: 40px 0 60px;
	background: #f3f4f6;
}

.details {
	padding: 40px;
	background: #fff;
	border-radius: 10px;
}
.details .tit {
	padding-bottom: 35px;
	font-size: 26px;
	line-height: 1.2;
	font-weight: bold;
	background: url(../images/dtitbg.png) no-repeat  bottom center;
}

.details .time {
	margin-top: 15px;
	color: #aeafb6;
	padding-left: 25px;
	background: url(../images/time.png) no-repeat left center;
}
.details img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.details .con{
	margin-top: 30px;
	font-size: 16px;
	line-height: 30px;
	
}
.newspages {
    margin-top: 30px;
    padding: 0 30px;
    background: #fff;
    text-align: center;
    height: 80px;
    line-height: 80px;
    border-radius: 10px;
}

.newspages a {
	max-width: 30%;
	color: #95969e;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.newspages a:hover {
	opacity: .8;
}

.newspages a.prev {
	float: left;
	padding-left:30px;
	background: url(../images/newsp1.png) no-repeat left center;
}

.newspages a.prev:hover {
	padding-left: 35px;
}

.newspages a.next {
	float: right;
	padding-right: 30px;
	background: url(../images/newsp2.png) no-repeat right center;
}

.newspages a.next:hover {
	padding-right: 35px;
}

 
 .newspages .nshare {
	display: inline-block;
	vertical-align: middle;
}


.newspages .nshare .bshare-custom a {
	padding-left: 32px;
	height: 32px;
	_height: 34px;
	display: inline-block;
	margin-right: 6px;
}

.newspages .nshare .bshare-custom .bshare-weixin {
	background: url(../images/wx.jpg) no-repeat center center;
}

.newspages .nshare .bshare-custom .bshare-sinaminiblog {
	background: url(../images/wb.jpg) no-repeat center center;
}

.newspages .nshare .bshare-custom .back {
	background: url(../images/back.jpg) no-repeat center center;
}
.bsBox,
.bsBox * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}


/*
 
 * 
 * 
 * */
.caselist li{
	float: left;
	width: 32.3%;
	margin-right: 1.55%;
	margin-bottom: 30px;
	background: #fff;
box-shadow: 0px 5px 30px rgb(210 210 210 / 35%);
border-radius: 10px;
overflow: hidden;
}
.caselist li:nth-child(3n){
	margin-right: 0;
}
.caselist li .pic {
	position: relative;
}
.caselist li .pic:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5) url(../images/play.png) no-repeat center center;
	background-size: 66px;
	z-index: 1;
}
.caselist li:hover .pic:after {
	background-color:  rgba(0,0,0,.4) ;
}
.caselist li .pic img{
	display: block;
	width: 100%;
}
.caselist li .tbox{
	padding: 30px;
}
.caselist .tbox .tit {
    margin-top: 15px;
    font-size: 17px;
    color: #1c1c20;
    line-height: 17px;
    height: 17px;
    font-weight: bold;
}

.caselist   .more {
    font-size: 14px;
    color: #aeafb6;
    line-height: 60px;
    border-top: 1px solid   #efeff1;
}
.caselist    .more span{
	width: 50%;
	float: left;
	display: block;
	padding: 0 30px;
}
.caselist  .more span:nth-child(2){
	text-align: right;
    border-left: 1px solid   #efeff1;
}
.caselist    .more img{
	vertical-align: middle;
	margin-right: 10px;
}


.mystyle3 .layui-layer-content video{
	display: block;
}
.mystyle3 .layui-layer-setwin .layui-layer-close2 {
    position: absolute;
    right: 0;
    top: 0;
}

/*
 
 * 
 * */
.abmain1{
	background: url(../images/year2.png) no-repeat 33% 95%;
}
.abmain1 img{
	max-width: 100%;
}
.abmain1 .tbox{
	float: left;
	width: 52.5%;
	padding : 35px 65px 35px 0;
    font-size: 14px;
    color: #1c1c20;
    line-height: 26px;
}
.abmain1 .pic{
	float: left;
	width: 47.5%;
}
.abmain1 .pic img{
	width: 100%;
	display: block;
}
 

.abmain2{
	background:  #f8f9fb;
}

.abmain2 .tbox{
	float: right;
	width: 47.5%;
text-align: center;
	padding : 50px ;
    font-size: 14px;
    color: #1c1c20;
    line-height: 26px;
}
.abmain2 .tbox li{
	float:left;
	width: 33.33%;
}

.abmain2 .tbox li canvas{
	display: block;
	margin:  0 auto;
}
.abmain2 .tbox li .t {
	margin-top: 15px;
	font-size: 14px;
    color: #1c1c20;
    line-height: 26px;
}
.abmain2 .pic{
	float: left;
	width: 52.5%;
}
.abmain2 .pic img{
	width: 100%;
	display: block;
}
.abmain2 .pos{
	background: no-repeat;
}
.abmain3{
	margin-top: 35px;
}
.abmain3 .pos{
	text-align: center;
	background: url(../images/webtit.png) no-repeat center bottom;
}
.abmain3 .pic img{
	margin: 0 auto;
	max-width: 100%;
	display: block;
}


/*
 
 * 
 * */

.sitemap_sec {
	padding: 30px 0;
}

.map_main {
	overflow: hidden;
	border: solid 5px #F0F0F0;
	padding: 0 35px;
	padding-bottom: 10px;
	background: #fff;
}

@media only screen and (min-width:1025px) {
	.sitemap_sec {
		padding: 60px 0;
	}
	 
}

@media only screen and (min-width:1440px) {
	.sitemap_sec {
		padding: 75px 0;
	}
}

.sitemap_con {
	margin: 0 auto;
	color: #666;
	font-size: 14px;
}

.sitemap_con .map_top {
	border-bottom: solid 1px #d7d7d7;
}

.sitemap_con .map_top img {
	float: left;
}

.site_r_link {
	width: 120px;
	margin-top: 45px;
	border: 1px solid #cdcdcd;
	background: #F8F8F8;
	padding: 5px 10px;
	float: right;
}

.site_plc {
	padding: 5px 0;
}

.sitemap_con h4 {
	line-height: 30px;
	font-size: 14px;
}

.sitemap_con h4 a {
	color: #3983cf;
}

.b4 {
	border: solid 1px #E0E0E0;
}

.b4 ul {
	padding: 0 11px;
}

.b4 li {
	float: left;
	line-height: 25px;
	width: 164px;
	overflow: hidden;
}

.b4 li a {
	color: #666;
}

.b4 li a:hover {
	color: #3983cf;
}


/*
 
 * 
 * */


/*
 
 * 
 * */


/*
 
 * 响应式
 * */

@media only screen and (max-width:1800px) {
	.w {
		width: 1500px;
	}
		.head-main .logo img {
    height: 40px;
    }
  
   header .nav>ul>li>a {
    font-size: 15px;
}
	.intitle {
    font-size: 32px;
}
.proswiper .tbox .tit {
    font-size: 22px;
    line-height: 22px;
    height: 22px;
}
.prolist .tbox .tit,
.pro2 .tbox .tit {
    font-size: 16px;
    line-height: 16px;
    height: 16px;
}
.pjtabs li {
    font-size: 15px;
    }
.in3-sec .ftit img {
    height: 60px;
}

.in4-sec .item {
    line-height: 62px;
    }

.indexsubmit {
    font-size: 15px;
    }
.tjtitle .en {
    font-size: 30px;
}
.tjtitle {
    font-size: 28px;
    }
.details .tit,
.pos {
    font-size: 22px;
    }
.nybanner .tbox .tit{
    font-size: 32px;
	
}
.caselist .tbox .tit{
	font-size: 15px;
}
.caselist li .tbox {
    padding: 20px;
}
.caselist .more span {
    padding: 0 20px;
}
.newstop .tbox .time {
    margin-top: 15px;
    }
    
    .newstop .tbox {
    padding:  35px ;
}
    
    .newstop .tbox .more{
    margin-top: 15px;
    	
    } 
    
    .promain .tbox .tit {
    font-size: 20px;
    }
    
    .finfo {
    width: 50.5%;
    }
    
    
    
    
    
    
}

@media only screen and (max-width:1600px) {}

@media only screen and (max-width:1530px) {
	.w {
		width: 1280px;
	}
	 
	 .head-main .logo img {
    height: 36px;
}
 header .nav>ul>li>a {
   
    padding: 0 10px;
    }
 
.intitle {
   font-size: 30px;
}

.intitle .desc {
    font-size: 15px;
    }
 
    .nynav ul li .first a {
    padding: 7px 55px 7px 20px;
}
    .protype ul li {
    width: 24%;
    margin-right: 1.333%;
    } 
 .protype ul li:nth-child(5n) {
    margin-right: 1.333%;
}
	.protype ul li:nth-child(4n) {
    margin-right: 0;
}
.proswiper .tbox .tit {
    font-size: 18px;
    line-height: 18px;
    height: 18px;
}
.pro2 .tbox .more a {
    height: 36px;
    line-height: 32px;
    }
.pro2 li>a {
    padding: 14px;
}

.in3-sec .ftit img {
    height: 45px;
}
.in3-sec .intitle .tit strong {
    margin-top: 49px;
}

.in3-sec li .tbox {
    font-size: 18px;
    }
.in4-sec .item {
    line-height: 54px;
}
.indexsubmit{
	background-image: none;
	text-indent: 0;
	text-align: center;
}
.frilinks .tit,
.mesbtn,
.finfo .tbox ,
.fnav>li>a {
    font-size: 16px;
    }
    .abmain1{
	background-size: 150px auto;
}

.abmain2 .tbox {
    padding: 15px;
    }

.abmain2 .tbox li .t {
    margin-top: 0;
    line-height: 22px;
}

.newstop .tbox .more{
	display: none;
}

.newslist li .time {
 
    font-size: 55px;
    }

.prolist .tbox .btns {
    margin-top: 10px;
    font-size: 14px;
    padding-top:10px;
    }
.procon .tabs li {
    font-size: 16px;
    padding-left: 70px;
}
.finfo {
    width: 52.5%;
    }
    .finfo .con li .pic {
    width: 75px;
    margin-right: 20px;
}

}

@media only screen and (max-width:1300px) {
	.head-main .logo img {
    height: 29px;
}
.searchtext {
    width: 95px;
    }
	.tubiao li {
    margin-left: 6px;
    }
    .tjtitle .en,
    .tjtitle {
    font-size: 26px;
}
    .abmain1 .tbox {
    padding: 35px 35px 35px 0;
    line-height: 22px;
}
.abmain1 {
    background-size: 128px auto;
}
.pos {
    padding-bottom: 15px;
    margin-bottom: 15px;
    }
    .nybanner .tbox .tit{
    font-size: 28px;
	
}
.caselist .more img {
    margin-right: 5px;
}

.caselist .more {
	line-height: 50px;
    font-size: 13px;
    }
.caselist li .pic:after {
    background-size: 45px;
}
.nynav ul li a{
	font-size: 15px;
}
.newstop .tbox .tit {
    margin-top: 10px;
    font-size: 16px;
    line-height: 16px;
    height: 16px;
}
.newstop .tbox .time {
    margin-top: 10px;
    padding-top: 10px;
}
.procon .tabs li {
    line-height: 50px;
}

.finfo .con li .pic {
    width: 70px;
    margin-right: 9px;
}

}

@media only screen and (max-width:1280px) {
	.w {
		width: 1180px;
	}
}

@media only screen and (max-width:1200px) {
	.w {
		width: 1100px;
	}
	.searchtext {
    width: 60px;
     height: 36px;
    line-height: 36px;
}
.tubiao li{
	line-height: 36px;
    height: 36px;
    width: 36px;
}
.tubiao li img{
	width: 36px;
}
.search-box form {
    height: 36px;
    line-height: 36px; 
   
}
header .nav>ul>li>a {
    font-size: 14px;
}
.nybanner .tbox .en:before {
    margin: 10px auto;
    }
.caselist .more span {
    padding: 0 10px;
}

.procon .tabs li {
    width: 20%;
    }
    .promain {
    background: #fff ;
    }
    .promain .pic {
    width: 100%;
    padding: 30px;
    }
    .promain .tbox {
    width:100%;
    padding: 30px;
    border-left: 0;
    margin-left: 0;
    background:  url(../images/tboxbg.png) no-repeat left top ;
    background-size: cover;
    
}
   .procon .tabs li {
    font-size: 15px;
    } 
    .fnav>li {
    margin-right: 11.5%;
}
}

@media only screen and (max-width:1024px) {
	.w {
		width: 960px;
	}
	header {
		display: none;
	}
	.phone_head {
		display: block
	}
	.h {
		height: 50px!important;
	}
	.nynav ul li a {
  
    line-height: 25px;
    }
	
	 .go{
	 	display: none;
	 }
.in1-sec{
	background-size: cover;
}
.in1-sec .intitle {
    width: 100%;
}
.protype {
   width: 100%;
   margin-top: 25px;
}
.pro1 {
    width: 100%;
}
.pro2 {
	margin-top: 20px;
    width: 100%;
}
.in3-sec{
	position: relative;
	z-index: 1;
	background-size: 100% auto;
}
.in3-sec:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
 	height: 100%;
    width: 100%;
    background: rgba(57,131,207,.4);
    z-index: -1;
}
.in3-sec .main {
    width: 100%;
}
.in4-sec li .title {
    line-height: 48px;
    height: 48px;
}

.in4-sec .item {
    line-height: 47px;
}
.in4-sec .item a {
    padding-right: 88px;
    padding-left: 44px;
    }
    
    .fnav{
    	display: none;
    }
    
    .finfo {
    width: 100%;
}
    .abmain2 .tbox,
    .abmain2 .pic,
    .abmain1 .tbox,
    .abmain1 .pic{
    width: 100%;
    	
    }
    .abmain1 .tbox{
    	padding: 25px 0;
    }
    .abmain2 .tbox {
    padding: 25px;
}
.caselist .more {
    font-size: 12px;
}
.newstop .tbox .time {
    margin-top: 5px;
    padding-top: 5px;
}
.newstop .tbox {
    padding: 20px 30px;
}

.newslist li .time {
    font-size: 35px;
    line-height: 40px;
}
.newslist li .time span {
  
    font-size: 18px;
    }
#tabs-container .swiper-container {
    margin: 0 8%;
    width: 84%;
    }

.finfo .con li .pic {
    width: 94px;
    margin-right: 30px;
}


}

@media only screen and (max-width:960px) {
	.w {
		width: 100%;
		padding: 0 4%;
	}
	
.intitle {
    font-size: 28px;
}


.leftlayout{
	display: none;
}
.rightlayout{
	width: 100%;
}
.nybanner .tbox .tit {
    font-size: 22px;
   }
    
    
    .ct1-sec li{
    	width: 100%;
    	margin-right: 0;
    	margin-bottom: 20px;
    }
    
  
.ct2-sec .map {
    
    height: 127px;
}  
  
    .details .tit {
    padding-bottom: 25px;
    font-size: 26px;
    }
    
    .newspages .nshare{
    	display: none;
    }
    
    .in4-sec li {
    margin-top: 25px;
    width: 100%;
    margin-right: 0;
}
    
    .in6-sec{
    	background-size: cover;
    }
    .in6-sec form{
    	overflow: hidden;
    }
    .indextext {
    width: 100%!important;
    margin-right: 0!important;
    }
    .indexsubmit{
    	 width: 100%
    }
    .copyright {
    padding: 5px 0;
    font-size: 13px;
    line-height: 20px;
}
    .copyright .right{
    	float: none;
		display: none
    }
    .pd40 {
    padding: 30px;
    }
    .procon .tabs li {
    padding-left: 60px;
    background-position-x: 20px;
}
    
    .finfo .con li .pic {
    margin-right: 20px;
}
    
    
    
    
    
    
}

@media only screen and (max-width:768px) {}

@media only screen and (max-width:640px) {
	.banner .swiper-button-next, .banner .swiper-button-prev {
    width: 14px;
    height: 22px;
    margin-top: -11px;
    background-size: cover;
    }
    .intitle {
    font-size: 20px;
}
   .intitle .desc {
    font-size: 13px;
    line-height: 22px;
    }
    
   
.nybanner .tbox .tit {
    font-size: 18px;
}

.nybanner .tbox .en {
    font-size: 12px;
    }


.nybanner .tbox .tit:before, .nybanner .tbox .tit:after {
    margin: 0 10px;
    }

.nybanner .tbox .en:before {
    margin: 5px auto;
    width: 70px;
    height: 2px;
}
.weizhi {
    line-height: 34px;
    }
.weizhi a {
    font-size: 12px;
    }
     
    
    .form li.md {
    width: 100%;
}  
    
  .form li.md:nth-child(2n) {
    margin-left: 0;
}  

.formtext {
    height: 40px;
    line-height: 38px;
    }

.yzm img {
    width: 100px;
    height: 40px;
}
.reset,
.submit {
    width:100px;
    height: 40px;
    line-height: 40px;
}
  .ctinfo li {
    padding: 0 20px;
    height: 125px;
}

.newstop .pic {
    float: none;
    width: 100%;
    margin-right: 0;
}

.newstop .tbox {
    width: 100%;
    padding: 20px;
}
.newstop .tbox .tit {
    font-size: 16px;
    }
    .newslist a {
    padding: 10px 0;
    }
   
    .newslist li .time {
    font-size: 16px;
    line-height: 40px;
}
    .newslist li .time span {
    font-size: 13px;
    padding-left: 10px;
    line-height: 40px;
    background-size: 6px 10px;
    }
    
    
    .newslist li .time {
    width: 20%;
    }
    
    .newslist li .tbox {
    width: 80%;
    padding: 0 10px;
}
.newslist li .tbox .tit {
    font-size: 16px;
    }

.newslist li .tbox .desc {
    
    margin-top: 10px;
}
.pages li a {
    font-size: 14px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}

.details .tit {
    padding-bottom: 15px;
    font-size: 16px;
    }

.details{
	padding: 20px;
}

.details .con {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    }
.newspages {
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
}
 
.pages {
    margin: 20px 0 0;
    }

 
.promain .pic{
	padding: 10px;
}
.swiper-pagination {
    margin-top: 15px;
}
.promain .tbox .tit {
    font-size: 18px;
    padding: 0 ;
}


.promain .tbox .desc {
    margin-top: 10px;
    }

.procon .tabs li{
	width: 25%;
	padding-left: 0;
	background: #f8f9f9!important;
	font-size: 13px;
	text-align: center;
	line-height: 40px;
	
}
.procon .tabs li.active{
	background: #3983cf!important;

}
.procon .box {
    padding: 20px;
    overflow-x: auto;
}

.procon .box table{
	min-width: 800px;
}

.in3-sec .ftit{
	display: none;
}
.in3-sec .intitle .tit strong {
    margin-top: 0;
}

.in3-sec li img {
    width: 70px;
}
.in3-sec li .tbox {
    margin-top: 5px;
    font-size: 16px;
}

.in3-sec ul li{
    margin-bottom: 20px;
	
}
.in4-sec li .tit {
    font-size: 15px;
    }

.in4-sec li .con {
    padding: 20px;
}
.in4-sec .item span,
.in4-sec li .time {
    font-size: 12px;
    }
 
.in4-sec .item a {
    padding-right: 65px;
    padding-left: 26px;
    background-position-x: 10px;
}
.in6-sec .intitle.wh .tit:after {
    margin: 15px 0 ;
}
.indexsubmit,
.indextext {
    height: 40px;
    line-height: 40px;
}
.footmain {
    padding:  20px 0;
}
.finfo .tbox{
	float: none;
	width: 100%;
}
.footmain .logo img {
    height: 30px;
}
.mesbtn{
	float: none;
	margin-top: 15px;
}
.footmain .logo {
    margin-bottom: 10px;
}
.finfo .con {
    padding-top: 20px;
}
.finfo .con li {
    width: 100%;
}

.frilinks .tit, .mesbtn, .finfo .tbox, .fnav>li>a {
    font-size: 15px;
}

.frilinks {
    padding: 10px 0;
    line-height: 20px;
    font-size: 12px;
}
.frilinks a {
    margin: 0 5px 0 0;
    }

.pjtabs li {
	min-width: auto;
    font-size: 15px;
    background: #f5f7f9;
    height: 40px;
    line-height: 40px;
    padding: 0   10px;
   }
.pjtabs li.active {
    background : #3983CF;
}
.in2-sec .tabsbody .list li {
    width:100%;
    border-left: 0;
    border-top: 1px solid #efeff1;
}
.in2-sec .tabsbody .list li  a:after {
    opacity: 1;
}
.in2-sec .tabsbody .list li  .tbox {
    display: block;
}
.pro2 li {
    width: 100%;
    margin-right:0;
}
.newpro .pic {
	width: 100%;
    padding: 0 20px;
}
.newpro .tbox {
    width: 100%;
}

.proswiper .tbox .more {
    margin-top: 20px;
    font-size: 12px;
}
.proswiper .swiper-button-prev, .proswiper .swiper-button-next{
	display: none;
}

.proswiper .swiper-pagination {
    width: 100%;
    right: 0;
    bottom: 20px;
}

.proswiper .tbox .tit {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
}
.protype ul li {
    width: 49%;
    margin-right: 2%;
}
.protype ul li:nth-child(4n) {
    margin-right: 2%;
}
.protype ul li:nth-child(2n) {
    margin-right: 0;
}
.intitle.wh .desc {
    opacity: .9;
    }
    .nybanner img {
    height: 70px;
}
  .prolist .tbox{
  	width: 100%;
  	padding: 20px;
  }  
     .prolist .pic{
  	width: 100%;
  	padding: 0 10px;
  }  
    .prolist .tbox .tit, .pro2 .tbox .tit {
    font-size: 15px;
    line-height: 15px;
    height: 15px;
}
    .prolist li {
    margin-bottom: 20px;
    padding: 10px 0;
    }



.pd40 {
    padding: 20px;
}
.pos {
    font-size: 15px;
}
.abmain2 .tbox {
    padding: 25px 0;
}
.caselist li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.promain .tbox{
	padding: 20px 5px;
}
.teltbox strong {
    font-size: 20px;
    }
.newspages a {
    max-width: 49%;
    }
#tabs-container .swiper-container {
    margin: 0;
    width: 100%;
    }
.ct1-sec {
    padding: 20px;
    }
.ctinfo li .pic {
/*        display: none; 
    width: 35px;*/
	
	display: block;
    width: 100%;
    float: left;
	padding: 10px 0;
}
.ctinfo li .desc .tel {
    font-size: 19px;
    }
 
   
.ctinfo li .tbox {
    padding-left: 0;
	float: left
}
.yzm span {
    font-size: 12px;
    }
    .yzm {
    margin-left: 0;
    }
    .finfo .con li .pic {
    width: 85px;
    margin-right: 0;
}
    
.promain .tbox .btns,
  .in6-sec .main,
    .in3-sec ul, 
    .in2-sec .main,
    .in1-sec .main {
    margin-top: 20px;
}
.newsxq-sec,
.news-sec,
.in6-sec,
.in5-sec,
 .in4-sec,
.in3-sec,
    .in2-sec,
  .in1-sec{
  	padding: 30px 0;
  }  
    
}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:320px) {}