.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 {3347
	
	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.html);
	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)
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E);
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E);
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E)
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(30%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(60%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(90%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(120%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(150%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate\(180%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate\(210%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate\(240%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate\(270%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate\(300%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate\(330%2060%2C60\)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(30%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(60%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(90%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(120%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate\(150%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate\(180%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate\(210%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate\(240%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate\(270%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate\(300%2060%2C60\)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate\(330%2060%2C60\)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

@charset "utf-8";

html {
	-webkit-font-smoothing: antialiased;
	height: 100%;
	touch-action: manipulation
}

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

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer {
	display: block;
	margin: 0;
	padding: 0
}

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

fieldset, img {
	border: 0
}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
	font-weight: 400
}

dl, ol, ul {
	list-style-type: none
}

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

a {
	text-decoration: none;
	color: inherit
}

a:hover {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	outline: 0;
	outline: none;
	blr: expression(this.onFocus=this.blur())
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

textarea {
	resize: none;
	outline: none;
	font-family: Arial, Microsoft\ Yahei
}

img {
	vertical-align: middle;
	max-width: 100%;
	height: auto
}

button, input[type="submit"], input[type="text"], input[type="button"] {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

input {
	outline: 0
}

input::-webkit-input-safebox-button {
	display: none
}

body {
	font-size: 14px;
	color: #000;
	font-family: Arial, Microsoft\ Yahei
}

body * {
	box-sizing: border-box;
	line-height: 1
}

#web-ietip {
	width: 526px;
	height: 90px;
	padding: 83px 0 0 84px;
	overflow: hidden;
	background: url(ietip/xbrowser.png.pagespeed.ic.rQq7cG0eXe.png) no-repeat center center;
	margin: 200px auto 0
}

#web-ietip a {
	display: block;
	width: 65px;
	height: 80px;
	float: left
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.ellipsis {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.eps2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

html {
	font-size: calc(100vw / 1920 * 100)
}

@media (max-width:900px) {
	html {
		font-size: calc(900px / 1920 * 100)
	}
}

body {
	font-size: calc(16 * 100vw / 1920)
}

@media (max-width:1584px) {
	body {
		font-size: 13.2px
	}
}

.s12 {
	font-size: calc(12 * 100vw / 1920)
}

@media (max-width:1920px) {
	.s12 {
		font-size: 12.0px
	}
}

.s13 {
	font-size: calc(13 * 100vw / 1920)
}

@media (max-width:1816px) {
	.s13 {
		font-size: 12.3px
	}
}

.s14 {
	font-size: calc(14 * 100vw / 1920)
}

@media (max-width:1728px) {
	.s14 {
		font-size: 12.6px
	}
}

.s15 {
	font-size: calc(15 * 100vw / 1920)
}

@media (max-width:1651px) {
	.s15 {
		font-size: 12.9px
	}
}

.s16 {
	font-size: calc(16 * 100vw / 1920)
}

@media (max-width:1584px) {
	.s16 {
		font-size: 13.2px
	}
}

.s17 {
	font-size: calc(17 * 100vw / 1920)
}

@media (max-width:1524px) {
	.s17 {
		font-size: 13.5px
	}
}

.s18 {
	font-size: calc(18 * 100vw / 1920)
}

@media (max-width:1472px) {
	.s18 {
		font-size: 13.8px
	}
}

.s19 {
	font-size: calc(19 * 100vw / 1920)
}

@media (max-width:1424px) {
	.s19 {
		font-size: 14.1px
	}
}

.s20 {
	font-size: calc(20 * 100vw / 1920)
}

@media (max-width:1382px) {
	.s20 {
		font-size: 14.4px
	}
}

.s21 {
	font-size: calc(21 * 100vw / 1920)
}

@media (max-width:1344px) {
	.s21 {
		font-size: 14.7px
	}
}

.s22 {
	font-size: calc(22 * 100vw / 1920)
}

@media (max-width:1309px) {
	.s22 {
		font-size: 15.0px
	}
}

.s23 {
	font-size: calc(23 * 100vw / 1920)
}

@media (max-width:1277px) {
	.s23 {
		font-size: 15.3px
	}
}

.s24 {
	font-size: calc(24 * 100vw / 1920)
}

@media (max-width:1248px) {
	.s24 {
		font-size: 15.6px
	}
}

.s25 {
	font-size: calc(25 * 100vw / 1920)
}

@media (max-width:1221px) {
	.s25 {
		font-size: 15.9px
	}
}

.s26 {
	font-size: calc(26 * 100vw / 1920)
}

@media (max-width:1196px) {
	.s26 {
		font-size: 16.2px
	}
}

.s27 {
	font-size: calc(27 * 100vw / 1920)
}

@media (max-width:1173px) {
	.s27 {
		font-size: 16.5px
	}
}

.s28 {
	font-size: calc(28 * 100vw / 1920)
}

@media (max-width:1152px) {
	.s28 {
		font-size: 16.8px
	}
}

.s29 {
	font-size: calc(29 * 100vw / 1920)
}

@media (max-width:1132px) {
	.s29 {
		font-size: 17.1px
	}
}

.s30 {
	font-size: calc(30 * 100vw / 1920)
}

@media (max-width:1113px) {
	.s30 {
		font-size: 17.4px
	}
}

.s31 {
	font-size: calc(31 * 100vw / 1920)
}

@media (max-width:1096px) {
	.s31 {
		font-size: 17.7px
	}
}

.s32 {
	font-size: calc(32 * 100vw / 1920)
}

@media (max-width:1080px) {
	.s32 {
		font-size: 18.0px
	}
}

.s33 {
	font-size: calc(33 * 100vw / 1920)
}

@media (max-width:1064px) {
	.s33 {
		font-size: 18.3px
	}
}

.s34 {
	font-size: calc(34 * 100vw / 1920)
}

@media (max-width:1050px) {
	.s34 {
		font-size: 18.6px
	}
}

.s35 {
	font-size: calc(35 * 100vw / 1920)
}

@media (max-width:1036px) {
	.s35 {
		font-size: 18.9px
	}
}

.s36 {
	font-size: calc(36 * 100vw / 1920)
}

@media (max-width:1024px) {
	.s36 {
		font-size: 19.2px
	}
}

.s37 {
	font-size: calc(37 * 100vw / 1920)
}

@media (max-width:1011px) {
	.s37 {
		font-size: 19.5px
	}
}

.s38 {
	font-size: calc(38 * 100vw / 1920)
}

@media (max-width:1000px) {
	.s38 {
		font-size: 19.8px
	}
}

.s39 {
	font-size: calc(39 * 100vw / 1920)
}

@media (max-width:989px) {
	.s39 {
		font-size: 20.1px
	}
}

.s40 {
	font-size: calc(40 * 100vw / 1920)
}

@media (max-width:979px) {
	.s40 {
		font-size: 20.4px
	}
}

.s41 {
	font-size: calc(41 * 100vw / 1920)
}

@media (max-width:969px) {
	.s41 {
		font-size: 20.7px
	}
}

.s42 {
	font-size: calc(42 * 100vw / 1920)
}

@media (max-width:960px) {
	.s42 {
		font-size: 21.0px
	}
}

.s43 {
	font-size: calc(43 * 100vw / 1920)
}

@media (max-width:951px) {
	.s43 {
		font-size: 21.3px
	}
}

.s44 {
	font-size: calc(44 * 100vw / 1920)
}

@media (max-width:942px) {
	.s44 {
		font-size: 21.6px
	}
}

.s45 {
	font-size: calc(45 * 100vw / 1920)
}

@media (max-width:934px) {
	.s45 {
		font-size: 21.9px
	}
}

.s46 {
	font-size: calc(46 * 100vw / 1920)
}

@media (max-width:926px) {
	.s46 {
		font-size: 22.2px
	}
}

.s47 {
	font-size: calc(47 * 100vw / 1920)
}

@media (max-width:919px) {
	.s47 {
		font-size: 22.5px
	}
}

.s48 {
	font-size: calc(48 * 100vw / 1920)
}

@media (max-width:911px) {
	.s48 {
		font-size: 22.8px
	}
}

.s49 {
	font-size: calc(49 * 100vw / 1920)
}

@media (max-width:905px) {
	.s49 {
		font-size: 23.1px
	}
}

.s50 {
	font-size: calc(50 * 100vw / 1920)
}

@media (max-width:898px) {
	.s50 {
		font-size: 23.4px
	}
}

.s51 {
	font-size: calc(51 * 100vw / 1920)
}

@media (max-width:892px) {
	.s51 {
		font-size: 23.7px
	}
}

.s52 {
	font-size: calc(52 * 100vw / 1920)
}

@media (max-width:886px) {
	.s52 {
		font-size: 24.0px
	}
}

.s53 {
	font-size: calc(53 * 100vw / 1920)
}

@media (max-width:880px) {
	.s53 {
		font-size: 24.3px
	}
}

.s54 {
	font-size: calc(54 * 100vw / 1920)
}

@media (max-width:874px) {
	.s54 {
		font-size: 24.6px
	}
}

.s55 {
	font-size: calc(55 * 100vw / 1920)
}

@media (max-width:869px) {
	.s55 {
		font-size: 24.9px
	}
}

.s56 {
	font-size: calc(56 * 100vw / 1920)
}

@media (max-width:864px) {
	.s56 {
		font-size: 25.2px
	}
}

.s57 {
	font-size: calc(57 * 100vw / 1920)
}

@media (max-width:858px) {
	.s57 {
		font-size: 25.5px
	}
}

.s58 {
	font-size: calc(58 * 100vw / 1920)
}

@media (max-width:854px) {
	.s58 {
		font-size: 25.8px
	}
}

.s59 {
	font-size: calc(59 * 100vw / 1920)
}

@media (max-width:849px) {
	.s59 {
		font-size: 26.1px
	}
}

.s60 {
	font-size: calc(60 * 100vw / 1920)
}

@media (max-width:844px) {
	.s60 {
		font-size: 26.4px
	}
}

.s61 {
	font-size: calc(61 * 100vw / 1920)
}

@media (max-width:840px) {
	.s61 {
		font-size: 26.7px
	}
}

.s62 {
	font-size: calc(62 * 100vw / 1920)
}

@media (max-width:836px) {
	.s62 {
		font-size: 27.0px
	}
}

.s63 {
	font-size: calc(63 * 100vw / 1920)
}

@media (max-width:832px) {
	.s63 {
		font-size: 27.3px
	}
}

.s64 {
	font-size: calc(64 * 100vw / 1920)
}

@media (max-width:828px) {
	.s64 {
		font-size: 27.6px
	}
}

.s65 {
	font-size: calc(65 * 100vw / 1920)
}

@media (max-width:824px) {
	.s65 {
		font-size: 27.9px
	}
}

.s66 {
	font-size: calc(66 * 100vw / 1920)
}

@media (max-width:820px) {
	.s66 {
		font-size: 28.2px
	}
}

.s67 {
	font-size: calc(67 * 100vw / 1920)
}

@media (max-width:816px) {
	.s67 {
		font-size: 28.5px
	}
}

.s68 {
	font-size: calc(68 * 100vw / 1920)
}

@media (max-width:813px) {
	.s68 {
		font-size: 28.8px
	}
}

.s69 {
	font-size: calc(69 * 100vw / 1920)
}

@media (max-width:809px) {
	.s69 {
		font-size: 29.1px
	}
}

.s70 {
	font-size: calc(70 * 100vw / 1920)
}

@media (max-width:806px) {
	.s70 {
		font-size: 29.4px
	}
}

.s71 {
	font-size: calc(71 * 100vw / 1920)
}

@media (max-width:800px) {
	.s71 {
		font-size: 30px
	}
}

.s72 {
	font-size: calc(72 * 100vw / 1920)
}

@media (max-width:796px) {
	.s72 {
		font-size: 30.3px
	}
}

.s73 {
	font-size: calc(73 * 100vw / 1920)
}

@media (max-width:793px) {
	.s73 {
		font-size: 30.6px
	}
}

.s74 {
	font-size: calc(74 * 100vw / 1920)
}

@media (max-width:791px) {
	.s74 {
		font-size: 30.9px
	}
}

.s75 {
	font-size: calc(75 * 100vw / 1920)
}

@media (max-width:788px) {
	.s75 {
		font-size: 31.2px
	}
}

.s76 {
	font-size: calc(76 * 100vw / 1920)
}

@media (max-width:79px) {
	.s76 {
		font-size: 31.5px
	}
}

.s77 {
	font-size: calc(77 * 100vw / 1920)
}

@media (max-width:785px) {
	.s77 {
		font-size: 31.8px
	}
}

.s78 {
	font-size: calc(78 * 100vw / 1920)
}

@media (max-width:782px) {
	.s78 {
		font-size: 32.1px
	}
}

.s79 {
	font-size: calc(79 * 100vw / 1920)
}

@media (max-width:780px) {
	.s79 {
		font-size: 32.4px
	}
}

.s80 {
	font-size: calc(80 * 100vw / 1920)
}

@media (max-width:777px) {
	.s80 {
		font-size: 32.7px
	}
}

div.mCSB_scrollTools {
	opacity: 1;
	width: 3px
}

div.mCSB_scrollTools .mCSB_draggerRail {
	width: 3px;
	background-color: #c6dbf2;
	filter: none;
	-ms-filter: none
}

div.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 3px;
	background-color: #044fa0;
	border-radius: 2px;
	filter: none;
	-ms-filter: none
}

div.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, div.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #044fa0;
	filter: none;
	-ms-filter: none
}

div.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #044fa0;
	filter: none;
	-ms-filter: none
}

div.mCSB_inside>.mCSB_container {
	margin-right: 0
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
	color: #666
}

form input:-moz-placeholder, form textarea:-moz-placeholder {
	color: #666
}

form input::-moz-placeholder, form textarea::-moz-placeholder {
	color: #666
}

form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
	color: #666
}

.f-form input::-webkit-input-placeholder, .f-form textarea::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .8)
}

.f-form input:-moz-placeholder, .f-form textarea:-moz-placeholder {
	color: rgba(255, 255, 255, .8)
}

.f-form input::-moz-placeholder, .f-form textarea::-moz-placeholder {
	color: rgba(255, 255, 255, .8)
}

.f-form input:-ms-input-placeholder, .f-form textarea:-ms-input-placeholder {
	color: rgba(255, 255, 255, .8)
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 288;
	padding-top: .5rem;
	width: 100%;
	background-color: rgba(255, 255, 255, .1);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .5)
}

.h-a {
	width: 100%
}

.h-b {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 188;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, .12)
}

.h-top {
	width: 15.2rem;
	margin: 0 auto;
	text-align: right
}

.h-log {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	line-height: .35rem;
	margin-right: .2rem;
	color: #fff
}

.h-share {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	position: relative;
	padding-left: .05rem;
	line-height: 1 !important
}

.h-share:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.09rem;
	width: 1px;
	height: .18rem;
	background-color: #fff;
	opacity: .3
}

.h-one {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-left: .15rem
}

.h-oneimg1 {
	display: block;
	height: .35rem;
	line-height: .35rem
}

.h-oneimg1 img {
	height: 42.8%
}

.h-oneimg2 {
	display: none;
	height: 40px;
	line-height: 40px
}

.h-oneimg2 img {
	height: 42.8%
}

.h-user {
	display: inline-block;
	vertical-align: middle
}

.h-after {
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.hf-my {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	margin-right: .4rem
}

.hf-my:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -.2rem;
	margin-top: -.09rem;
	width: 1px;
	height: .18rem;
	background-color: #fff;
	opacity: .3
}

.hf-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem
}

.hf-icon1 {
	display: block;
	height: .35rem;
	line-height: .35rem
}

.hf-icon1 img {
	height: 42.8%;
	max-width: none
}

.hf-icon2 {
	display: none;
	height: .35rem;
	line-height: .35rem
}

.hf-icon2 img {
	height: 42.8%;
	max-width: none
}

.hf-name {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	max-width: 5em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.hf-quit {
	display: inline-block;
	vertical-align: middle;
	margin-right: .2rem;
	line-height: .35rem;
	cursor: pointer;
	color: #fff
}

.h-cont {
	width: 15.2rem;
	margin: 0 auto
}

.h-cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.h-left {
	float: left
}

.h-logo {
	display: block;
	cursor: pointer;
	height: .8rem;
	line-height: 1rem
}

.h-logo img {
	height: auto;
	width: 220px;
}
/* .h-logo img {
	height: 70%;
} */

.h-right {
	float: right;
	font-size: 0
}

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

.h-nav {
	width: 100%
}

.h-i {
	display: inline-block;
	vertical-align: top;
	padding: 0 .23rem
}

.h-j {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	color: #fff;
	height: .8rem;
	line-height: 0.96rem;
	position: relative
}

.h-i:first-child .h-j {
	width: 1em;
	height: 0.96rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/a2.png.pagespeed.ce.RIW-qJeVx5.png);
	background-size: 1em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.has-nav2 {
	position: relative
}

.h-sub {
	display: none;
	min-width: 180px;
	white-space: nowrap;
	padding: .1rem 0;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#fff, #fff);
	position: absolute;
	left: 50%;
	top: .8rem;
	transform: translate(-50%, 0);
	z-index: 1000;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.h-sub>li>a {
	display: block;
	cursor: pointer;
	text-align: left;
	width: 100%;
	padding: .05rem 15px;
	line-height: 1.5;
	color: #555;
	transition: background-color .3s
}

.h-sub>li>a:hover {
	color: #003399
}

.hb-cont {
	display: none;
	overflow: hidden;
	position: absolute;
	left: 10%;
	top: 1.15rem;
	z-index: 188;
	width: 80%;
	padding: .1rem 0;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#fff, #fff)
}

.hb-tip {
	display: none !important;
	width: 15.2rem;
	margin: 0 auto;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #c1d9f3;
	padding-bottom: .3rem;
	margin-bottom: .3rem
}

.hb-list {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap
}

.hb-item {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	width: 33.33%;
	font-size: 0;
	position: relative
}

.hb-item:after {
	content: '';
	position: absolute;
	top: -50%;
	right: 0;
	transform: translate(0, -50%);
	width: 1px;
	height: 100vh;
	background-color: #ccc
}

.hb-item:last-child:after {
	display: none
}

.hb-one {
	display: block;
	cursor: pointer;
	color: #666;
	line-height: 1.6;
	padding: .05rem 0
}

.hb-one:hover {
	color: #003399
}

.h-search {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.h-search:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	margin-top: -.09rem;
	height: .18rem;
	background-color: #fff;
	opacity: .3
}

.hs-icon {
	display: inline-block;
	vertical-align: middle;
	width: .2rem;
	height: .5rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa3.png.pagespeed.ic.K-PdRkA8g-.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.hs-link {
	display: none;
	vertical-align: middle;
	margin-right: .2rem;
	margin-left: .57rem;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	cursor: pointer
}

.hs-search {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	line-height: .5rem;
	min-width: 1.7rem;
	padding-right: .3rem;
	color: #fff
}

.h-search input::-webkit-input-placeholder, .h-search textarea::-webkit-input-placeholder {
	color: #fff
}

.h-search input:-moz-placeholder, .h-search textarea:-moz-placeholder {
	color: #fff
}

.h-search input::-moz-placeholder, .h-search textarea::-moz-placeholder {
	color: #fff
}

.h-search input:-ms-input-placeholder, .h-search textarea:-ms-input-placeholder {
	color: #fff
}

.hs-a {
	display: inline-block;
	vertical-align: middle;
	margin-right: .2rem;
	margin-left: .57rem;
	border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.hs-form {
	font-size: 0;
	display: inline-block
}

.hs-text {
	border: none;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	line-height: .5rem;
	min-width: 100px;
	width: 1.7rem;
	padding-right: .3rem;
	color: #fff
}

.hs-submit {
	border: none;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: .2rem;
	height: .5rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa3.png.pagespeed.ic.K-PdRkA8g-.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.h-language {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	margin-left: .2rem
}

.hl-a {
	display: block
}

.hl-b {
	display: none !important;
	vertical-align: middle;
	margin-right: .15rem
}

.hl-bimg {
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem;
	height: 1.28em
}

.hl-bimg img {
	height: 100%
}

.hl-btext {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: .8rem
}

.hl-c {
	display: inline-block;
	vertical-align: middle
}

.hl-cimg {
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem;
	height: 1.28em
}

.hl-cimg img {
	height: 100%
}

.hl-ctext {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	line-height: .8rem
}

.hl-list {
	display: none;
	position: absolute;
	top: .8rem;
	right: 0;
	min-width: 100px;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}

.hl-item {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: .05rem .15rem;
	white-space: nowrap
}

.hl-img {
	display: inline-block;
	vertical-align: middle;
	width: 1.25em;
	margin-right: .15rem
}

.hl-img img {
	width: 100%
}

.hl-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - .5rem);
	word-break: break-all;
	color: #333;
	line-height: 1.5
}

.hl-item:hover .hl-text {
	color: #003399
}

.h-menu {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	width: .8rem;
	height: .8rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa-menu.png.pagespeed.ic.3dZbsDM-KN.png);
	background-size: .6rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.h-opa {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 10;
	cursor: pointer
}

.header.fixed {
	background-color: #003399
}

body.no-banner {
	padding-top: 1.15rem
}

body.no-banner .header {
	background-color: #003399
}

@media (min-width:900px) {
	.h-i:hover .h-j {
		border-bottom: .02rem solid #fff
	}
	
	.header.show .h-opa {
		display: block;
		top: 1.15rem
	}
}

@media (max-width:1200px) {
	.h-cont {
		width: 100%;
		padding: 0 10px
	}
	
	.h-top {
		width: 100%;
		padding: 0 10px
	}
}

@media (max-width:900px) {
	body.no-banner {
		padding-top: .8rem
	}
	
	.header {
		padding-top: 0
	}
	
	.h-b {
		position: relative;
		padding-top: 1rem
	}
	
	.h-top {
		width: 100%;
		padding: 0 20px;
		text-align: center
	}
	
	.h-log {
		line-height: .4rem;
		color: #333;
		font-size: 16px;
		margin-right: 0
	}
	
	.h-user {
		width: 100%
	}
	
	.hf-icon1 {
		display: none
	}
	
	.hf-icon2 {
		display: block;
		height: 40px;
		line-height: 40px
	}
	
	.hf-name {
		line-height: .4rem;
		color: #333;
		font-size: 16px
	}
	
	.hf-quit {
		margin-right: 0;
		color: #333;
		font-size: 16px;
		line-height: .4rem
	}
	
	.h-share {
		width: 100%;
		padding-left: 0;
		padding-top: 30px
	}
	
	.h-one {
		margin: 0 8px 10px
	}
	
	.h-oneimg1 {
		display: none
	}
	
	.h-oneimg2 {
		display: block
	}
	
	.h-right {
		margin-right: .8rem
	}
	
	.h-h {
		width: 260px;
		position: fixed;
		right: 0;
		top: 0;
		height: 100vh;
		background-color: #f8f8f8;
		margin-right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: auto;
		z-index: 1000;
		transform: translate(100%, 0);
		transition: transform .3s
	}
	
	.h-i {
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative
	}
	
	.h-j {
		padding: 0;
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
		color: #333;
		font-size: 16px
	}
	
	.h-i:first-child .h-j {
		width: 20px;
		height: 40px;
		padding-left: 0;
		margin-left: 20px;
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa2-b.png.pagespeed.ic.ccLduVJ-Hu.png)
	}
	
	.h-menu {
		display: block
	}
	
	.h-i.has-nav:after {
		content: "+";
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 20px;
		color: #333
	}
	
	.h-i.has-nav.show:after {
		content: "-"
	}
	
	.h-i.has-nav2:after {
		content: "+";
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 20px;
		color: #333
	}
	
	.h-i.has-nav2.show:after {
		content: "-"
	}
	
	.h-sub {
		position: relative;
		top: 0;
		box-shadow: none;
		left: 0;
		transform: translate(0, 0);
		min-width: 10px;
		white-space: normal;
		width: 100%;
		padding: .3rem 20px
	}
	
	.h-sub>li>a {
		text-align: left;
		color: #666;
		line-height: 1.6;
		padding: .2rem 0;
		border-top: none
	}
	
	.h-sub>li>a:hover {
		background-color: transparent;
		color: #003399
	}
	
	.header.menu-state .h-h {
		transform: translate(0, 0)
	}
	
	.header.menu-state .h-opa {
		display: block
	}
	
	.hb-cont {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding: .3rem 20px;
		background-color: #fff;
		box-shadow: none
	}
	
	.hb-tip {
		width: 100%
	}
	
	.hb-list {
		width: 100%
	}
	
	.hb-item {
		width: 100%;
		padding: 0 0;
		border-bottom: 1px solid #003399;
		padding-bottom: .3rem;
		margin-bottom: .3rem
	}
	
	.hb-item:after {
		display: none
	}
	
	.hb-item:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0
	}
	
	.hb-one {
		width: 100%;
		padding: .2rem 0
	}
}

@media (max-width:750px) {
	body {
		padding-top: .8rem
	}
	
	.header {
		background-color: #003399
	}
	
	.hl-b {
		display: none
	}
	
	.hs-a {
		margin-left: 0;
		border-bottom: none
	}
	
	.hs-text {
		display: none
	}
	
	.hs-submit {
		width: 45px;
		height: .8rem;
		background-size: auto 1.28em
	}
}

.footer {
	width: 100%
}

.f-a {
	width: 100%;
	background-color: #003399;
	/* background-image: linear-gradient(45deg, #003399 0%, #2077b8 100%), linear-gradient(#003399, #003399) */
}

.f-b {
	width: 15.2rem;
	margin: 0 auto
}

.f-cont {
	width: 100%;
	font-size: 0;
	padding-top: .8rem;
	padding-bottom: .65rem;
	border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.f-left {
	display: inline-block;
	vertical-align: top;
	width: 3.4rem
}

.f-logo {
	display: block;
	cursor: pointer;
	width: 2.5rem;
	margin-bottom: .35rem
}

/* .f-logo img {
	width: 100%;
} */

.f-logo img {
	width: auto;
}

.f-c {
	width: 100%;
	padding-bottom: .05rem
}

.f-d {
	display: block;
	cursor: pointer;
	width: 100%;
	margin-bottom: .2rem;
	padding-left: 1.75em;
	position: relative
}

.f-dimg {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1.37em
}

.f-dimg img {
	max-width: 1em;
	max-height: 1em;
	opacity: .8
}

.f-dtext {
	width: 100%;
	color: rgba(255, 255, 255, .8);
	line-height: 1.37;
	word-break: break-all
}

.f-d:hover .f-dimg img {
	opacity: 1
}

.f-d:hover .f-dtext {
	color: #fff
}

.f-share {
	width: 100%;
	font-size: 0
}

.f-one {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: .15rem;
	margin-bottom: .15rem;
	width: .44rem;
	height: .44rem;
	text-align: center;
	line-height: .44rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .1)
}

.f-one img {
	max-width: 45.4%;
	max-height: 45.4%
}

.f-one:last-child {
	margin-right: 0
}

.f-one:hover {
	background-color: #0069c7
}

.f-middle {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 11.3rem);
	text-align: center;
	border-right: 1px solid rgba(255, 255, 255, .2)
}

.f-e {
	display: inline-block;
	text-align: left;
	max-width: 100%;
	min-width: 2.8rem;
	padding-left: .6rem
}

.f-tip {
	color: #fff;
	font-weight: bold;
	margin-bottom: .3rem
}

.f-list {
	width: 100%;
	font-size: 0;
	min-height: 1.6rem
}

.f-item {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	line-height: 1.6;
	margin-bottom: .15rem;
	cursor: pointer;
	color: rgba(255, 255, 255, .8)
}

.f-item:hover {
	color: #fff
}

.f-subscription {
	display: inline-block;
	border: none;
	cursor: pointer;
	padding: 0 .15rem;
	min-width: 2.4rem;
	color: #003399;
	height: .46rem;
	text-align: center;
	line-height: .46rem;
	background-color: #fff;
	border-radius: 3px
}

.f-products {
	display: inline-block;
	vertical-align: top;
	width: 3.6rem;
	text-align: center
}

.f-box {
	display: inline-block;
	max-width: 90%;
	text-align: left
}

.f-links {
	display: inline-block
}

.f-link {
	display: block;
	line-height: 1.6;
	margin-bottom: .15rem;
	cursor: pointer;
	color: rgba(255, 255, 255, .8)
}

.f-link:hover {
	color: #fff
}

.f-right {
	display: inline-block;
	vertical-align: top;
	width: 4.3rem
}

.f-form {
	width: 100%
}

.f-f {
	width: 100%;
	font-size: 0
}

.f-g {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	border-radius: 3px;
	border: solid 1px rgba(255, 255, 255, .5);
	margin-bottom: .1rem
}

.f-h {
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0 .2rem;
	height: .46rem;
	color: #fff
}

.f-textarea {
	border: none;
	background-color: transparent;
	width: 100%;
	padding: .1rem .2rem;
	line-height: .26rem;
	height: .8rem;
	color: #fff
}

.f-submit {
	display: inline-block;
	border: none;
	cursor: pointer;
	width: 2.4rem;
	color: #003399;
	height: .46rem;
	text-align: center;
	line-height: .46rem;
	background-color: #fff;
	border-radius: 3px
}

.f-bottom {
	width: 100%;
	padding: .25rem 0
}

.f-bottom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.f-i {
	float: left;
	color: rgba(255, 255, 255, .5);
	line-height: 1.6
}

.f-j {
	float: right;
	font-size: 0
}

.f-k {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: .4rem;
	color: rgba(255, 255, 255, .5);
	line-height: 1.6
}

.f-k:hover {
	color: #fff
}

.f-k:last-child {
	margin-right: 0
}

.popup-window {
	width: 100%
}

.popup-window.hide {
	display: none
}

.f-m {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 188;
	width: 100%;
	background-color: #2e2f31
}

.f-text {
	width: 15.2rem;
	margin: 0 auto;
	padding: .1rem .5rem .1rem 0;
	position: relative
}

.f-text:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.f-n {
	float: left;
	color: #fff;
	line-height: .36rem;
	padding: .1rem 0
}

.f-o {
	float: right;
	font-size: 0;
	padding: .1rem 0
}

.f-p {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: .15rem;
	padding: 0 .15rem;
	min-width: 1.3rem;
	height: .34rem;
	text-align: center;
	line-height: .34rem;
	color: #fff;
	border-radius: .17rem;
	border: solid 1px #fff
}

.f-q {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: .15rem;
	padding: 0 .15rem;
	min-width: 1.3rem;
	height: .34rem;
	text-align: center;
	line-height: .34rem;
	color: #fff;
	border-radius: .17rem;
	border: none;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #2a8dd6 100%), linear-gradient(#258dda, #258dda)
}

.f-close {
	position: absolute;
	top: 50%;
	right: 0;
	cursor: pointer;
	margin-top: -.2rem;
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	border: solid 1px rgba(255, 255, 255, .2);
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa14.png.pagespeed.ic.iWmbORco0-.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.f-close:hover {
	border: 1px solid #0069c7;
	background-color: #0069c7
}

@media (min-width:750px) {
	.f-f .f-g {
		width: calc(50% - .05rem);
		margin-right: .1rem
	}
	
	.f-f .f-g:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:750px) {
	.f-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.f-left {
		width: 100%;
		margin-bottom: .5rem
	}
	
	.f-one {
		width: 30px;
		height: 30px;
		line-height: 30px
	}
	
	.f-middle {
		width: 100%;
		margin-bottom: .5rem;
		text-align: left;
		border: none
	}
	
	.f-e {
		width: 100%;
		padding-left: 0
	}
	
	.f-subscription {
		height: 30px;
		line-height: 30px
	}
	
	.f-products {
		width: 100%;
		text-align: left;
		margin-bottom: .5rem
	}
	
	.f-h {
		height: 30px
	}
	
	.f-submit {
		width: 50%;
		height: 30px;
		line-height: 30px
	}
	
	.f-i {
		width: 100%;
		text-align: center
	}
	
	.f-j {
		width: 100%;
		text-align: center
	}
	
	.f-g {
		margin-bottom: 10px
	}
	
	.f-textarea {
		height: 60px;
		line-height: 1.5
	}
	
	.f-text {
		width: 100%;
		max-width: 500px;
		padding: .7rem 10px 15px 10px;
		text-align: center
	}
	
	.f-n {
		line-height: 1.8
	}
	
	.f-o {
		width: 100%;
		text-align: center
	}
	
	.f-p {
		height: 30px;
		line-height: 30px;
		min-width: 100px
	}
	
	.f-q {
		height: 30px;
		line-height: 30px;
		min-width: 100px
	}
	
	.f-close {
		top: .2rem;
		right: 10px;
		margin-top: 0;
		width: 25px;
		height: 25px;
		background-size: 10px auto
	}
	
	.f-link {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding-right: .05rem
	}
	
	.f-right {
		width: 100%
	}
}

.sidebar {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 188;
	transform: translate(0, -50%);
	width: .5rem;
	min-width: 35px
}

.sidebar-item {
	width: 100%;
	margin: 1px 0;
	position: relative
}

.sidebar-icon {
	display: block;
	cursor: pointer;
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	background-color: #8db9e8
}

.sidebar-icon img {
	width: 50%;
	height: 50%;
	object-fit: contain
}

.sidebar-item:nth-child(1):hover .sidebar-icon {
	background-color: #0a66c2
}

.sidebar-item:nth-child(2):hover .sidebar-icon {
	background-color: #365899
}

.sidebar-item:nth-child(3):hover .sidebar-icon {
	background-color: red
}

.sidebar-item:nth-child(4):hover .sidebar-icon {
	background-color: #1d9bf0
}

.sidebar-item:nth-child(5):hover .sidebar-icon {
	background-color: #044fa0
}

.sidebar-item:nth-child(6):hover .sidebar-icon {
	background-color: #2aae67
}

.sidebar-sub {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	transition: all .5s;
	width: 0;
	overflow: hidden
}

.sidebar-code {
	width: 115px;
	padding: 10px;
	text-align: center;
	background-color: #044fa0;
	position: relative
}

.sidebar-code:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -6px;
	margin-top: -8px;
	width: 6px;
	height: 16px;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa22.png.pagespeed.ic.vjoZ6A0dQZ.png);
	background-size: 6px auto;
	background-position: center center;
	background-repeat: no-repeat
}

.sidebar-img {
	width: 100%;
	margin-bottom: .1rem
}

.sidebar-img img {
	width: 100%
}

.sidebar-text {
	color: #fff
}

.sidebar-item.active .sidebar-sub {
	width: 130px;
	left: -130px
}

.backTop {
	display: none;
	position: fixed;
	bottom: 10%;
	right: 0;
	z-index: 88;
	cursor: pointer;
	width: .5rem;
	height: .5rem;
	background-color: #044fa0;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa23.png.pagespeed.ic.mKeD4-vGUn.png);
	background-size: 28% auto;
	background-position: center center;
	background-repeat: no-repeat
}

body.down .backTop {
	display: block
}

@media (max-width:1200px) {
	.sidebar {
		min-width: 30px;
		width: 30px
	}
	
	.sidebar-icon {
		height: 30px;
		line-height: 30px
	}
	
	.backTop {
		width: 30px;
		height: 30px;
		line-height: 30px
	}
}

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

.banner-img {
	width: 100%
}

.banner-img img {
	width: 100%
}

.banner-text {
	position: absolute;
	top: 51.33%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 15.2rem
}

.banner-titles {
	color: #fff;
	font-weight: bold;
	margin-bottom: .25rem
}

.banner-intro {
	color: #fff;
	font-weight: bold;
	line-height: 1.5
}

@media (max-width:750px) {
	.banner-text {
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		padding: 0 10px
	}
	
	.banner-img img {
		min-height: 150px;
		object-fit: cover
	}
}

.nav {
	width: 100%
}

.nav-b {
	width: 100%;
	background-color: #fff
}

.nav-cont {
	width: 15.2rem;
	margin: 0 auto
}

.nav-cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.nav-left {
	float: left;
	font-size: 0;
	white-space: nowrap;
	overflow: auto
}

.nav-item {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	color: #666;
	line-height: .8rem;
	margin-right: .9rem
}

.nav-item:last-child {
	margin-right: 0 !important
}

.nav-item:hover {
	color: #0069c5
}

.nav-item.active {
	color: #0069c5
}

.nav-right {
	float: right;
	font-size: 0
}

.nav-one {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	color: #999;
	line-height: .8rem
}

.nav-one:after {
	content: ">";
	margin: 0 2px
}

.nav-one:last-child:after {
	display: none
}

.nav-one:first-child:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right: .1rem;
	width: 1em;
	height: .8rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa37.png.pagespeed.ic.3NAgqLicYV.png);
	background-size: 1em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.nav-more {
	display: inline-block;
	vertical-align: middle;
	margin: .18rem 0;
	cursor: pointer;
	line-height: .44rem;
	height: .44rem;
	color: #fff;
	padding: 0 .2rem;
	background-color: #0ba3f4;
	background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#0ba3f4, #0ba3f4)
}

.nav-more:after {
	content: '>';
	margin-left: .2rem
}

.nav.fixed .nav-b {
	position: fixed;
	top: 1.15rem;
	left: 0;
	z-index: 128;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .5)
}

body.product-presentation2 .nav-item {
	margin-right: .45rem
}

@media (max-width:1400px) {
	.nav-item {
		font-size: 12px
	}
	
	.nav-one {
		font-size: 12px
	}
}

@media (max-width:1200px) {
	.nav-right {
		display: none
	}
}

@media (max-width:900px) {
	.nav.fixed .nav-b {
		top: .8rem
	}
	
	body.product-presentation2 .nav-item {
		margin-right: .25rem
	}
}

@media (max-width:750px) {
	.nav-cont {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.nav-left {
		width: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: auto
	}
	
	.nav-item {
		margin-right: 15px
	}
	
	.nav-more {
		height: 30px;
		line-height: 30px
	}
}

.paging {
	width: 100%;
	text-align: center;
	font-size: 0
}

.paging-up {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: .1rem .5rem;
	min-width: 2.08em;
	height: 2.08em;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa38.png.pagespeed.ic.gqYzpAlmVC.png);
	background-size: 2.05em;
	background-position: center center;
	background-repeat: no-repeat
}

.paging-up:hover {
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa38-b.png.pagespeed.ic.YtBVXajArK.png)
}

.paging-next {
	transform: rotate(-180deg);
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: .1rem .5rem;
	min-width: 2.08em;
	height: 2.08em;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa38.png.pagespeed.ic.gqYzpAlmVC.png);
	background-size: 2.05em;
	background-position: center center;
	background-repeat: no-repeat
}

.paging-next:hover {
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa38-b.png.pagespeed.ic.YtBVXajArK.png)
}

.paging-item {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: .1rem .2rem;
	min-width: 2.08em;
	height: 2.08em;
	text-align: center;
	line-height: 2.08em;
	color: #999;
	font-weight: bold
}

.paging-item:hover {
	color: #0069c5
}

.paging-item.active {
	color: #0069c5
}

@media (max-width:750px) {
	.paging-up {
		margin: .1rem .2rem
	}
	
	.paging-next {
		margin: .1rem .2rem
	}
	
	.paging-item {
		margin: .1rem .2rem
	}
}

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

.a-cont {
	width: 100%;
	position: relative
}

.a-b {
	width: 100%
}

.a-item {
	width: 100%
}

.a-c {
	display: block;
	cursor: pointer;
	width: 100%
}

.a-bg {
	width: 100%;
	/* height: 9.5rem; */
	height: 7.2rem;
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.a-text {
	position: absolute;
	top: 2.7rem;
	left: 50%;
	transform: translate(-50%, 0);
	width: 15.2rem
}

.a-titles {
	color: #fff;
	font-weight: bold;
	line-height: 1.15;
	margin-bottom: .95rem
}

.a-more {
	display: inline-block;
	padding: 0 .43rem;
	line-height: .56rem;
	color: #fff;
	border-radius: .3rem;
	border: solid .02rem #fff
}

.a-more:after {
	content: '>';
	display: inline-block;
	vertical-align: middle;
	margin-left: .3rem;
	font-size: 1.4em
}

.a-pagination {
	display: none;
	position: absolute;
	bottom: 2.5rem;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: left;
	width: 15.2rem
}

.a-pagination .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: middle;
	margin-right: .07rem;
	border-radius: 0;
	width: .25rem;
	height: .05rem;
	background-color: #fff;
	opacity: .5
}

.a-pagination .swiper-pagination-bullet-active {
	width: .5rem;
	opacity: 1
}

.a-list {
	/* position: absolute; */
	position: relative;
	/* bottom: .5rem; */
	bottom: 0rem;
	left: 50%;
	z-index: 88;
	transform: translate(-50%, 0);
	width: 15.4rem;
	margin-bottom: 10px;
}

.a-d {
	width: 100%
}

.a-nav {
	width: 20%;
	padding: .1rem;
	overflow: hidden
}

.a-e {
	width: 100%;
	display: block;
	cursor: pointer;
	position: relative;
	box-shadow: 0.05rem 0.05rem 0 rgb(139 139 139 / 28%);
}

.a-e:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa24.png.pagespeed.ic.8DoBLqJzvA.png);
	background-color: rgba(0, 0, 0, .1);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.a-img {
	transition: all ease .5s;
	width: 100%;
	padding-top: 49.18%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.a-nub {
	display: none;
	position: absolute;
	right: .3rem;
	bottom: -.5em;
	font-size: 1.5rem;
	color: transparent;
	text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0
}

.a-nav.active .a-img {
	transform: scale(1.1)
}

.a-prev {
	left: -.6rem;
	margin-top: -.23rem;
	width: .46rem;
	height: .46rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.a-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.a-next {
	transform: rotate(-180deg);
	right: -.6rem;
	margin-top: -.23rem;
	width: .46rem;
	height: .46rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.a-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

@media (max-width:750px) {
	.a-text {
		width: 100%;
		top: 50%;
		transform: translate(-50%, -50%);
		padding-left: 10px;
		padding-right: 10px
	}
	
	.a-bg {
		height: auto;
		padding-top: 49.4%;
		min-height: 150px
	}
	
	.a-titles {
		font-size: 18px;
		margin-bottom: .25rem;
		line-height: 1.3
	}
	
	.a-pagination {
		display: block;
		width: 100%;
		text-align: center;
		bottom: .2rem
	}
	
	.a-more {
		padding: 0 10px
	}
	
	.a-more:after {
		margin-left: .15rem
	}
	
	.a-list {
		display: none;
		position: relative;
		bottom: .3rem;
		width: 100%;
		padding: 0 10px
	}
	
	.a-nav {
		width: calc(25% - .1rem);
		margin-right: .133rem
	}
	
	.a-img {
		height: auto;
		padding-top: 48.9%
	}
}

.b-a {
	width: 100%;
	padding: .5rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.b-b {
	width: 15.2rem;
	margin: 0 auto
}

.b-cont {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap
}

.b-item {
	display: inline-block;
	vertical-align: middle;
	padding: .15rem;
	width: 33.33%;
	text-align: center;
	position: relative
}

.b-item:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -.2rem;
	width: 1px;
	height: .4rem;
	background-color: #bad5f1
}

.b-item:nth-child(3n):after {
	display: none
}

.b-c {
	width: 100%;
	margin-bottom: .2rem
}

.b-nub {
	display: inline-block;
	vertical-align: middle;
	color: #0069c7;
	font-weight: bold
}

.b-d {
	display: inline-block;
	vertical-align: middle;
	color: #0069c7;
	font-weight: bold
}

.b-e {
	color: #666;
	line-height: 1.6
}

.b-item:nth-child(3n + 2) .b-nub {
	color: #3cc168
}

.b-item:nth-child(3n + 2) .b-d {
	color: #3cc168
}

.b-item:nth-child(3n + 3) {
	padding: .15rem .1rem
}

.b-item:nth-child(3n + 3) .b-nub {
	color: #f90
}

.b-item:nth-child(3n + 3) .b-d {
	color: #f90
}

@media (max-width:750px) {
	.b-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.b-a {
		padding: .4rem 0
	}
}

.c-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem
}

.c-b {
	width: 100%;
	margin: 0 auto
}

.c-titles {
	color: #000;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: .35rem;
	margin-bottom: .6rem
}

.c-titles:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -.25rem;
	width: .5rem;
	height: .05rem;
	background-color: #003399
}

.c-cont {
	width: 100%;
	font-size: 0
}

.c-item {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: calc(50% - .15rem);
	cursor: pointer;
	position: relative;
	margin-right: .3rem;
	margin-bottom: .3rem
}

.c-bg {
	display: block;
	width: 100%;
	height: 3.55rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.c-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .25rem .35rem;
	transition: all ease .5s
}

.c-text:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: .06rem;
	background-color: #ff4d00
}

.c-text:after {
	content: '';
	position: absolute;
	bottom: 0;
	opacity: 0;
	left: 0;
	z-index: 10;
	transition: all ease .5s;
	width: 100%;
	height: 100%;
	background-color: #ff4200;
	background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%)
}

.c-name {
	position: relative;
	z-index: 18;
	margin-bottom: .15rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.38;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.c-intro {
	position: relative;
	z-index: 18;
	line-height: 1.3;
	height: 2.6;
	color: rgba(255, 255, 255, .8);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.c-more {
	display: none;
	position: relative;
	z-index: 18;
	width: 100%;
	color: #fff;
	margin-top: .15rem;
	font-size: 0 !important;
	height: .13rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa145.png.pagespeed.ic.9hnawbm_pn.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat
}

.c-item:hover .c-name {
	margin-bottom: .1rem
}

.c-item:hover .c-text:after {
	opacity: 1
}

.c-item:hover .c-intro {
	color: #fff
}

.c-item:hover .c-more {
	display: block
}

.c-item:nth-child(5n + 2) .c-text:before {
	background-color: #f90
}

.c-item:nth-child(5n + 2) .c-text:after {
	background-color: #f90;
	background-image: linear-gradient(180deg, #ffc063 0%, #f90 100%)
}

.c-item:nth-child(5n + 3) .c-text:before {
	background-color: #0069c7
}

.c-item:nth-child(5n + 3) .c-text:after {
	background-color: #003399;
	background-image: linear-gradient(180deg, #2593f6 0%, #003399 100%)
}

.c-item:nth-child(5n + 4) .c-text:before {
	background-color: #3cc168
}

.c-item:nth-child(5n + 4) .c-text:after {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%)
}

.c-item:nth-child(5n + 5) .c-text:before {
	background-color: #0ba3f4
}

.c-item:nth-child(5n + 5) .c-text:after {
	background-color: #0ba3f4;
	background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%)
}

@media (min-width:750px) {
	.c-item:nth-child(5n + 2) {
		margin-right: 0
	}
	
	.c-item:nth-child(5n + 3) {
		width: calc(33.33% - .2rem)
	}
	
	.c-item:nth-child(5n + 3) .c-bg {
		height: 2.55rem
	}
	
	.c-item:nth-child(5n + 4) {
		width: calc(33.33% - .2rem)
	}
	
	.c-item:nth-child(5n + 4) .c-bg {
		height: 2.55rem
	}
	
	.c-item:nth-child(5n + 5) {
		width: calc(33.33% - .2rem);
		margin-right: 0
	}
	
	.c-item:nth-child(5n + 5) .c-bg {
		height: 2.55rem
	}
}

@media (max-width:750px) {
	.c-b {
		width: 100%;
		max-width: 500px;
		padding-left: 5px;
		padding-right: 5px
	}
	
	.c-item:nth-child(5n + 1) {
		width: calc(100% - 10px)
	}
	
	.c-item {
		width: calc(50% - 10px);
		margin: 0 5px .35rem
	}
	
	.c-bg {
		height: auto;
		padding-top: 40.8%
	}
	
	.c-text {
		position: relative;
		padding: 10px 15px
	}
	
	.c-text:before {
		background-color: #f90
	}
	
	.c-text:after {
		opacity: 1
	}
	
	.c-more {
		margin-top: .25rem;
		display: block
	}
	
	.c-name {
		font-size: 14px
	}
	
	.c-intro {
		font-size: 12px;
		color: #fff
	}
	
	.c-more {
		font-size: 12px
	}
	
	.c-more:after {
		font-size: 12px
	}
}

.d-a {
	width: 100%;
	padding: 1rem 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.d-a .c-titles {
	margin-bottom: .5rem
}

.d-b {
	width: 100%;
	margin: 0 auto
}

.d-cont {
	width: 100%
}

.d-navbox {
	width: 100%;
	text-align: center;
	font-size: 0;
	padding-bottom: .2rem
}

.d-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 .15rem .3rem;
	padding: 0 .15rem;
	min-width: 2.4rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .28rem
}

.d-icon {
	display: inline-block;
	vertical-align: middle;
	width: 1.25em;
	margin-right: .15rem
}

.d-icon1 {
	display: block;
	width: 100%;
	height: .6rem;
	line-height: .6rem
}

.d-icon1 img {
	max-width: 100%;
	max-height: 90%
}

.d-icon2 {
	display: none;
	width: 100%;
	height: .6rem;
	line-height: .6rem
}

.d-icon2 img {
	max-width: 100%;
	max-height: 90%
}

.d-c {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .56rem
}

.d-nav:hover .d-icon1 {
	display: none
}

.d-nav:hover .d-icon2 {
	display: block
}

.d-nav:hover .d-c {
	color: #fff
}

.d-nav.active .d-icon1 {
	display: none
}

.d-nav.active .d-icon2 {
	display: block
}

.d-nav.active .d-c {
	color: #fff
}

.d-nav:hover {
	background-color: #0ba3f4;
	background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%)
}

.d-nav.active {
	background-color: #0ba3f4;
	background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%)
}

.d-nav:nth-child(5n+2):hover {
	background-color: #ff4200;
	background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%)
}

.d-nav:nth-child(5n+2).active {
	background-color: #ff4200;
	background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%)
}

.d-nav:nth-child(5n+3):hover {
	background-color: #f90;
	background-image: linear-gradient(180deg, #ffc063 0%, #f90 100%)
}

.d-nav:nth-child(5n+3).active {
	background-color: #f90;
	background-image: linear-gradient(180deg, #ffc063 0%, #f90 100%)
}

.d-nav:nth-child(5n+4):hover {
	background-color: #003399;
	background-image: linear-gradient(180deg, #2593f6 0%, #003399 100%)
}

.d-nav:nth-child(5n+4).active {
	background-color: #003399;
	background-image: linear-gradient(180deg, #2593f6 0%, #003399 100%)
}

.d-nav:nth-child(5n+5):hover {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%)
}

.d-nav:nth-child(5n+5).active {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%)
}

.d-cont {
	width: 100%;
	position: relative
}

.d-one {
	position: absolute;
	top: 0;
	left: -1200%;
	width: 100%
}

.d-one.show {
	position: relative;
	left: 0
}

.d-container {
	width: 100%
}

.d-item {
	width: 4.57rem;
	margin-top: 0.1rem;
	padding-top: 1px;
	box-shadow: 0 0.05rem 0.15rem 0 rgb(1 90 170 / 28%);
	margin-right: .4rem;
	cursor: pointer
}

.d-item:last-child {
	margin-right: 0
}

.d-d {
	display: block;
	width: 100%
}

.d-bg {
	width: 100%;
	height: 4.3rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.d-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .25rem .3rem
}

.d-text:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: .06rem;
	background-color: #ff4200
}

.d-text:after {
	content: '';
	position: absolute;
	bottom: 0;
	opacity: 0;
	left: 0;
	z-index: 10;
	transition: all ease .5s;
	width: 100%;
	height: 100%;
	background-color: #ff4200;
	background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%)
}

.d-name {
	position: relative;
	z-index: 18;
	/* color: rgb(8, 8, 8); */
	color: rgb(240 248 255);
	font-weight: bold;
	line-height: 1.15;
	height: 2.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.d-intro {
	position: relative;
	z-index: 18;
	color: #fff;
	line-height: 1.5;
	height: 3em;
	margin-top: .15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.d-more {
	display: none;
	position: relative;
	z-index: 18;
	color: #fff;
	margin-top: .2rem;
	font-size: 0 !important;
	height: .13rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa145.png.pagespeed.ic.9hnawbm_pn.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat
}

.d-item:nth-child(4n + 2) .d-text:before {
	background-color: #f90
}

.d-item:nth-child(4n + 2) .d-text:after {
	background-color: #f90;
	background-image: linear-gradient(180deg, #ffc063 0%, #f90 100%)
}

.d-item:nth-child(4n + 3) .d-text:before {
	background-color: #3cc168
}

.d-item:nth-child(4n + 3) .d-text:after {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%)
}

.d-item:nth-child(4n + 4) .d-text:before {
	background-color: #0ba3f4
}

.d-item:nth-child(4n + 4) .d-text:after {
	background-color: #0ba3f4;
	background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%)
}

.d-item:hover .d-text:after {
	opacity: 1
}

.d-item:hover .d-intro {
	display: block;
	display: -webkit-box
}

.d-item:hover .d-more {
	display: block
}

@media (max-width:750px) {
	.d-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.d-item {
		width: 100%;
		margin-right: 0
	}
	
	.d-bg {
		height: auto;
		padding-top: 120%
	}
	
	.d-text {
		padding: 10px 15px
	}
	
	.d-text:after {
		font-size: 1em
	}
	
	.d-intro {
		-webkit-line-clamp: 2
	}
	
	.d-navbox {
		width: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: auto
	}
	
	.d-nav {
		margin: 0 .15rem .3rem 0;
		border-radius: .3rem
	}
	
	.d-icon1 {
		line-height: .6rem;
		height: .6rem
	}
	
	.d-icon2 {
		line-height: .6rem;
		height: .6rem
	}
	
	.d-icon1 img {
		max-height: 50%
	}
	
	.d-icon2 img {
		max-height: 50%
	}
	
	.d-more {
		margin-top: .25rem
	}
	
	.d-icon {
		width: 1em;
		margin-right: 0
	}
	
	.d-nav {
		min-width: .6rem;
		padding: 0 0;
		transition: all ease .5s
	}
	
	.d-c {
		display: none
	}
	
	.d-nav.active {
		padding: 0 15px
	}
	
	.d-nav.active .d-c {
		display: inline-block;
		margin-left: .15rem
	}
}

.e-a {
	width: 100%;
	padding: 1rem 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.e-a .c-titles {
	margin-bottom: .5rem
}

.e-b {
	width: 15.2rem;
	margin: 0 auto
}

.e-cont {
	width: 100%
}

.e-navbox {
	width: 100%;
	text-align: center;
	font-size: 0;
	padding-bottom: .2rem
}

.e-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 .15rem .3rem;
	padding: 0 .15rem;
	min-width: 2.4rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .28rem
}

.e-icon {
	display: inline-block;
	vertical-align: middle;
	width: 1.25em;
	margin-right: .15rem
}

.e-icon1 {
	display: block;
	width: 100%;
	height: .6rem;
	line-height: .6rem
}

.e-icon1 img {
	max-width: 100%;
	max-height: 90%
}

.e-icon2 {
	display: none;
	width: 100%;
	height: .6rem;
	line-height: .6rem
}

.e-icon2 img {
	max-width: 100%;
	max-height: 90%
}

.e-c {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .56rem
}

.e-nav:hover {
	background-color: #f90;
	background-image: linear-gradient(45deg, #f90 0%, #faab36 100%), linear-gradient(#fff, #fff)
}

.e-nav:hover .e-icon1 {
	display: none
}

.e-nav:hover .e-icon2 {
	display: block
}

.e-nav:hover .e-c {
	color: #fff
}

.e-nav.active {
	background-color: #f90;
	background-image: linear-gradient(45deg, #f90 0%, #faab36 100%), linear-gradient(#fff, #fff)
}

.e-nav.active .e-icon1 {
	display: none
}

.e-nav.active .e-icon2 {
	display: block
}

.e-nav.active .e-c {
	color: #fff
}

.e-nav:hover:nth-child(2n) {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%)
}

.e-nav.active:nth-child(2n) {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%)
}

.e-cont {
	width: 100%;
	position: relative
}

.e-one {
	position: absolute;
	top: 0;
	left: -1200%;
	width: 100%;
	text-align: center
}

.e-one.show {
	position: relative;
	left: 0
}

.e-container {
	width: 100%;
	text-align: left;
	padding-bottom: .4rem
}

.e-item {
	width: 4.85rem;
	margin-right: .3rem;
	cursor: pointer
}

.e-item:last-child {
	margin-right: 0
}

.e-d {
	display: block;
	width: 100%
}

.e-img {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 2.6rem
}

.e-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s
}

.e-text {
	position: relative;
	width: 100%;
	padding: .2rem .3rem;
	background-color: #fff
}

.e-text:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: .06rem;
	background-color: #ff4200
}

.e-text:after {
	content: '';
	position: absolute;
	bottom: 0;
	opacity: 0;
	left: 0;
	z-index: 10;
	transition: all ease .5s;
	width: 100%;
	height: 100%;
	background-color: #ff4200;
	background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%)
}

.e-name {
	position: relative;
	z-index: 18;
	color: #000;
	font-weight: bold;
	line-height: 1.15;
	height: 2.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.e-intro {
	position: relative;
	z-index: 18;
	color: #666;
	line-height: 1.5;
	height: 3em;
	margin-top: .15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.e-intro * {
	line-height: inherit
}

.e-time {
	position: relative;
	z-index: 18;
	color: #999;
	margin-top: .15rem
}

.e-item:nth-child(3n + 2) .e-text:before {
	background-color: #f90
}

.e-item:nth-child(3n + 2) .e-text:after {
	background-color: #f90;
	background-image: linear-gradient(180deg, #ffc063 0%, #f90 100%)
}

.e-item:nth-child(3n + 3) .e-text:before {
	background-color: #3cc168
}

.e-item:nth-child(3n + 3) .e-text:after {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%)
}

.e-item:hover .e-img img {
	transform: scale(1.05)
}

.e-item:hover .e-text:after {
	opacity: 1
}

.e-item:hover .e-name {
	color: #fff
}

.e-item:hover .e-intro {
	color: #fff
}

.e-item:hover .e-time {
	color: #fff
}

.e-more {
	display: inline-block;
	cursor: pointer;
	background-color: #fff;
	color: #666;
	padding: 0 .43rem;
	line-height: .56rem;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .28rem
}

.e-more:after {
	content: '>';
	display: inline-block;
	vertical-align: middle;
	margin-left: .3rem;
	font-size: 1.4em
}

.e-more:hover {
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #2a8dd6 100%), linear-gradient(#258dda, #258dda)
}

.e-titlesbox {
	width: 100%
}

.e-titlesbox .c-titles:after {
	background-color: #f90
}

.e-titlesbox .c-titles:nth-child(2n):after {
	background-color: #17ae49
}

.e-titlesbox .c-titles {
	display: none
}

.c-titles.show {
	display: block
}

@media (max-width:750px) {
	.e-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.e-item {
		width: 100%;
		margin-right: 0
	}
	
	.e-text {
		padding: 10px 15px
	}
	
	.e-navbox {
		width: 100%;
		overflow: auto;
		white-space: nowrap
	}
	
	.e-nav {
		margin: 0 .15rem .3rem 0;
		padding: 0 15px;
		border-radius: .4rem
	}
	
	.e-icon1 {
		line-height: .8rem;
		height: .8rem
	}
	
	.e-icon2 {
		line-height: .8rem;
		height: .8rem
	}
	
	.e-time {
		margin-top: .25rem
	}
	
	.e-more {
		height: .8rem;
		line-height: .8rem;
		border-radius: .4rem
	}
	
	.e-icon {
		width: 1em
	}
	
	.e-img {
		height: auto;
		padding-top: 53.49%
	}
}

.g-a {
	width: 100%;
	padding: 1rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.g-b {
	width: 100%;
	margin: 0 auto
}

.g-cont {
	width: 100%;
	position: relative
}

.g-c {
	width: 100%
}

.g-item {
	width: 12rem;
	margin: 0 .15rem;
	position: relative
}

.g-d {
	display: block;
	width: 100%;
	cursor: pointer;
	border-bottom: .06rem solid #ff4d00
}

.g-item:nth-child(3n + 2) .g-d {
	border-bottom: .06rem solid #f90
}

.g-item:nth-child(3n + 3) .g-d {
	border-bottom: .06rem solid #3cc168
}

.g-img {
	width: 100%;
	position: relative;
	height: 6rem
}

.g-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.g-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: .88rem
}

.g-play img {
	width: 100%
}

.g-text {
	position: absolute;
	bottom: .25rem;
	left: 0;
	padding: 0 .3rem;
	line-height: 1.38;
	color: #fff;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.g-prev {
	left: .95rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.g-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.g-next {
	transform: rotate(-180deg);
	right: .95rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.g-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.g-item video {
	opacity: 0;
	z-index: -1;
	transition: all ease .5s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.g-item.swiper-slide-active video {
	opacity: 1;
	z-index: 88
}

.g-a .c-titles:after {
	background-color: #0ba3f4
}

@media (max-width:750px) {
	.g-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.g-item {
		width: 100%;
		margin: 0 auto
	}
	
	.g-img {
		height: auto;
		padding-top: 50%
	}
	
	.g-text {
		padding: 0 .2rem
	}
	
	.g-prev {
		left: .2rem
	}
	
	.g-next {
		right: .2rem
	}
}

.xv-a {
	position: fixed;
	left: 0;
	top: 120%;
	z-index: 888;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	transition: top .5s ease-in-out
}

.xv-a.show {
	top: 0
}

.xv-a.show .xv-e {
	visibility: visible
}

.xv-a.show .xv-f {
	display: block
}

.xv-b {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -550px;
	margin-top: -300px;
	width: 1000px;
	height: 600px
}

.xv-c {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #003399;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 10000
}

.xv-d {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 21px;
	text-align: center;
	line-height: 40px;
	color: #fff
}

.xv-e {
	visibility: hidden;
	width: 100%;
	height: 100%
}

.xv-f {
	display: none;
	width: 100%;
	height: 100%
}

@media (max-width:1200px) {
	.xv-b {
		width: 90vw;
		height: auto;
		margin-top: 0;
		margin-left: 0;
		transform: translate(-50%, -50%)
	}
	
	.xv-f {
		max-height: 90vh
	}
	
	.xv-e {
		height: 60vh
	}
}

.i-a {
	width: 100%;
	padding: 1rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.i-b {
	width: 15.2rem;
	margin: 0 auto
}

.i-top {
	width: 100%;
	position: relative;
	margin-bottom: .6rem
}

.i-top:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ff4d00;
	opacity: .2
}

.i-c {
	width: 100%
}

.i-nav {
	width: 20%;
	padding-top: 50px;
	text-align: center;
	cursor: pointer;
	position: relative
}

.i-nav:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #f5f5f7;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	border: solid 2px #ff4d00
}

.i-d {
	color: #666;
	font-size: 1em;
	font-weight: bold
}

.i-nav.active .i-d {
	color: #ff4d00;
	font-size: 1.3em
}

.i-nav.active:before {
	top: 0;
	width: 34px;
	height: 34px
}

.i-nav.active:after {
	content: '';
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #ff4d00
}

.i-cont {
	width: 100%;
	position: relative
}

.i-e {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .1)
}

.i-item {
	width: 100%
}

.i-f {
	display: block;
	cursor: pointer;
	width: 100%;
	font-size: 0
}

.i-img {
	display: inline-block;
	vertical-align: middle;
	width: 7.6rem
}

.i-img img {
	width: 100%
}

.i-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 7.6rem);
	padding: .1rem .6rem
}

.i-year {
	color: #000;
	font-weight: bold;
	position: relative;
	padding-bottom: .35rem;
	margin-bottom: .45rem
}

.i-year:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: .5rem;
	height: .05rem;
	background-color: #ff4d00
}

.i-textbox {
	color: #666;
	line-height: 2
}

.i-textbox * {
	line-height: inherit
}

.i-prev {
	left: -1rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-c.png.pagespeed.ic.-GqRfJ9kib.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.i-prev:hover {
	background-color: #ff4d00;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.i-next {
	transform: rotate(-180deg);
	right: -1rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-c.png.pagespeed.ic.-GqRfJ9kib.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.i-next:hover {
	background-color: #ff4d00;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.i-a .c-titles:after {
	background-color: #ff4d00
}

@media (max-width:750px) {
	.i-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.i-nav {
		width: 33.33%
	}
	
	.i-img {
		width: 100%
	}
	
	.i-text {
		width: 100%;
		padding: .25rem .3rem
	}
	
	.i-cont {
		padding-bottom: .8rem
	}
	
	.i-prev {
		top: auto;
		bottom: 0;
		margin-top: 0;
		left: calc(50% - .8rem)
	}
	
	.i-next {
		top: auto;
		bottom: 0;
		margin-top: 0;
		right: calc(50% - .8rem)
	}
}

.j-a {
	width: 100%;
	padding: 1rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.j-b {
	width: 15.2rem;
	margin: 0 auto
}

.j-cont {
	width: 100%
}

.j-c {
	width: 100%
}

.j-item {
	width: 2.28rem;
	margin-right: .3rem
}

.j-item:last-child {
	margin-right: 0
}

.j-img {
	display: block;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 1.2rem;
	margin: 5px 3px 5px 4px;
	text-align: center;
	line-height: 1.2rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, 23%)
}

.j-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: scale(1.00);
	transition: all ease .5s
}

.j-img:hover img {
	transform: scale(1.05)
}

.j-a .c-titles:after {
	background-color: #3cc168
}

@media (max-width:750px) {
	.j-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.j-item {
		width: calc(33.33% - .1rem);
		margin-right: .15rem
	}
}

.k-a {
	width: 100%;
	padding: .8rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.k-b {
	width: 11.94rem;
	margin: 0 auto;
	position: relative
}

.k-cont {
	width: 100%;
	position: relative
}

.k-map {
	width: 100%
}

.k-map img {
	width: 100%
}

.k-list {
	width: 100%
}

.k-item {
	position: absolute;
	top: 0;
	text-align: center;
	cursor: pointer
}

.k-item:before {
	content: '';
	animation: am-fd 4.5s 2.5s infinite ease-out;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	width: .6rem;
	height: .6rem;
	opacity: 1;
	transform: scale(0);
	background-color: #3cc168
}

.k-item:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	width: .15rem;
	height: .15rem;
	background-color: #3cc168
}

.k-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.k-icon:before {
	content: '';
	animation: am-fd 4.5s 3.5s infinite ease-out;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	width: .6rem;
	height: .6rem;
	opacity: 1;
	transform: scale(0);
	background-color: #3cc168
}

.k-icon:after {
	content: '';
	animation: am-fd 4.5s 4.5s infinite ease-out;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	width: .6rem;
	height: .6rem;
	opacity: 1;
	transform: scale(0);
	background-color: #3cc168
}

.k-c {
	position: absolute;
	top: .35rem;
	left: 50%;
	transform: translate(-50%, 0);
	color: #000;
	font-weight: bold;
	line-height: 1.12
}

.k-sub {
	display: none;
	z-index: 18;
	position: absolute;
	top: .35rem;
	left: 50%;
	transform: translate(-50%, 0);
	width: 11.6em;
	padding: .13rem;
	background-color: #3cc168;
	border-radius: 5px
}

.k-sub:before {
	content: '';
	position: absolute;
	top: -.055rem;
	left: 0;
	width: 100%;
	height: .06rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa36.png.pagespeed.ic.oQQC1uBmu7.png);
	background-size: auto .06rem;
	background-position: center center;
	background-repeat: no-repeat
}

.k-d {
	color: #fff;
	line-height: 1.12
}

.k-item.color2:before {
	background-color: #ff4d00
}

.k-item.color2 .k-icon:before {
	background-color: #ff4d00
}

.k-item.color2 .k-icon:after {
	background-color: #ff4d00
}

.k-item.color2:after {
	background-color: #ff4d00
}

.k-item.color3:before {
	background-color: #f40b0b
}

.k-item.color3:after {
	background-color: #f40b0b
}

.k-item.color3 .k-icon:before {
	background-color: #f40b0b
}

.k-item.color3 .k-icon:after {
	background-color: #f40b0b
}

.k-item.color4:before {
	background-color: #0069c7
}

.k-item.color4:after {
	background-color: #0069c7
}

.k-item.color4 .k-icon:before {
	background-color: #0069c7
}

.k-item.color4 .k-icon:after {
	background-color: #0069c7
}

.k-item.color5:before {
	background-color: #f90
}

.k-item.color5:after {
	background-color: #f90
}

.k-item.color5 .k-icon:before {
	background-color: #f90
}

.k-item.color5 .k-icon:after {
	background-color: #f90
}

.k-item.color6:before {
	background-color: #0ba3f4
}

.k-item.color6:after {
	background-color: #0ba3f4
}

.k-item.color6 .k-icon:before {
	background-color: #0ba3f4
}

.k-item.color6 .k-icon:after {
	background-color: #0ba3f4
}

.k-item.color7:before {
	background-color: #453cc1
}

.k-item.color7:after {
	background-color: #453cc1
}

.k-item.color7 .k-icon:before {
	background-color: #453cc1
}

.k-item.color7 .k-icon:after {
	background-color: #453cc1
}

.k-item.color8:before {
	background-color: #c13caa
}

.k-item.color8:after {
	background-color: #c13caa
}

.k-item.color8 .k-icon:before {
	background-color: #c13caa
}

.k-item.color8 .k-icon:after {
	background-color: #c13caa
}

.k-item.lt .k-c {
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
	white-space: nowrap;
	padding-right: .2rem
}

.k-item.lt2 .k-c {
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
	white-space: nowrap;
	padding-bottom: .3rem;
	padding-right: .2rem
}

.k-item.rt .k-c {
	top: 50%;
	left: auto;
	right: -.3rem;
	transform: translate(100%, -50%);
	white-space: nowrap
}

.k-item.rt2 .k-c {
	top: 50%;
	left: auto;
	right: -.3rem;
	transform: translate(100%, -50%);
	white-space: nowrap;
	padding-top: .3rem
}

.k-a .c-titles {
	margin-bottom: .38rem;
	padding-bottom: .27rem
}

.k-l {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 188;
	width: 4rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.k-one {
	display: none;
	width: 100%;
	position: relative
}

.k-one.show {
	display: block
}

.k-close {
	position: absolute;
	top: -.2rem;
	right: -.2rem;
	z-index: 88;
	cursor: pointer;
	width: .45rem;
	height: .45rem;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .15);
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa47.png.pagespeed.ic.P4Wn1LqCJJ.png);
	background-size: .14rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.k-close:hover {
	background-color: #f40b0b
}

.k-img {
	width: 100%;
	position: relative;
	top: -.3rem;
	right: -.3rem
}

.k-img img {
	width: 100%
}

.k-text {
	width: 100%;
	padding: .1rem .3rem .2rem
}

.k-name {
	color: #0064c6;
	font-weight: bold;
	margin-bottom: .2rem
}

.k-intro {
	color: #000;
	line-height: 1.5;
	min-height: .86rem;
	padding-bottom: .2rem
}

.k-button {
	display: block;
	cursor: pointer;
	position: relative;
	width: 100%;
	margin-bottom: .2rem;
	padding: 0 .6rem 0 .4rem;
	line-height: .56rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.k-button:after {
	content: '';
	position: absolute;
	top: 0;
	right: .4rem;
	width: .5em;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa41.png.pagespeed.ic.fOeghwgYno.png);
	background-size: .5em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.k-button:hover {
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.k-button:hover:after {
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa41-b.png.pagespeed.ic.1EyNaFD226.png)
}

@keyframes am-fd {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 1;
	}
	
	100% {
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}

@media (max-width:750px) {
	.k-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.k-c {
		font-size: 8px;
		white-space: normal !important
	}
	
	.k-sub {
		font-size: 11px;
		width: 100px;
		padding: .1rem 0
	}
	
	.k-d {
		font-size: 11px
	}
	
	.k-item:before {
		width: 15px;
		height: 15px
	}
	
	.k-item:after {
		width: 6px;
		height: 6px
	}
	
	.k-item .k-icon:before {
		width: 15px;
		height: 15px
	}
	
	.k-item .k-icon:after {
		width: 15px;
		height: 15px
	}
	
	.k-l {
		position: relative;
		bottom: 0;
		width: 90%;
		margin-top: .6rem
	}
}

.l-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .9rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.l-b {
	width: 15.2rem;
	margin: 0 auto
}

.my-titles {
	text-align: center;
	width: 100%;
	color: #000;
	font-weight: bold;
	position: relative;
	padding-bottom: .27rem;
	margin-bottom: .6rem
}

.my-titles:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -.25rem;
	width: .5rem;
	height: .05rem;
	background-color: #0064c6
}

.l-top {
	width: 100%;
	padding-bottom: .3rem;
	position: relative
}

.l-c {
	width: 100%;
	background-color: #fff
}

.l-one {
	width: 100%
}

.l-d {
	display: block;
	width: 100%;
	cursor: pointer
}

.l-one .l-img {
	display: inline-block;
	vertical-align: middle;
	width: 7.6rem;
	height: 4.05rem;
	position: relative;
	overflow: hidden
}

.l-one .l-img img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s
}

.l-one .l-text {
	display: inline-block;
	vertical-align: middle;
	width: 6.15rem;
	margin-left: .6rem
}

.l-one .l-name {
	color: #000;
	font-weight: bold;
	margin-bottom: .25rem;
	line-height: 1.23;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.l-one .l-intro {
	margin-bottom: .45rem;
	min-height: 4.5em;
	color: #666;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.l-one .l-time {
	color: #999
}

.l-one:hover .l-img img {
	transform: scale(1.05)
}

.l-one:hover .l-name {
	color: #003399
}

.l-prev {
	left: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(../images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.l-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.l-next {
	transform: rotate(-180deg);
	right: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 -.05rem .15rem 0 rgba(1, 90, 170, .08)
}

.l-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.l-cont {
	width: 100%;
	font-size: 0;
	padding-bottom: .1rem
}

.l-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
	width: 4.85rem;
	margin-bottom: .3rem;
	margin-right: .31rem;
	background-color: #fff;
	box-shadow: 0 0.10rem 0.25rem 0 rgb(1 90 170 / 20%)
}

.l-item:after {
	content: '';
	transition: all ease .5s;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: .04rem;
	background-color: #0064c6
}

.l-item:nth-child(3n) {
	margin-right: 0
}

.l-item .l-img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	overflow: hidden;
	height: 2.6rem;
	position: relative
}

.l-item .l-img img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s
}

.l-item .l-text {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: .37rem .3rem
}

.l-item .l-name {
	color: #000;
	font-weight: bold;
	margin-bottom: .18rem;
	height: 2.46em;
	line-height: 1.23;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.l-item .l-intro {
	margin-bottom: .4rem;
	min-height: 3em;
	color: #666;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.l-item .l-intro * {
	line-height: inherit
}

.l-item .l-time {
	color: #999
}

.l-item:hover:after {
	width: 100%
}

.l-item:hover .l-img img {
	transform: scale(1.05)
}

.l-item:hover .l-name {
	color: #003399
}

@media (max-width:750px) {
	.l-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.l-one .l-img {
		width: 100%;
		height: auto;
		padding-top: 53.28%
	}
	
	.l-one .l-text {
		width: 100%;
		margin-left: 0;
		padding: .3rem
	}
	
	.l-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.l-item:nth-child(3n) {
		margin-right: 10px
	}
	
	.l-item:nth-child(2n) {
		margin-right: 0
	}
	
	.l-item .l-text {
		padding: .3rem .2rem
	}
	
	.l-item .l-img {
		height: auto;
		padding-top: 53.49%
	}
	
	.l-top {
		padding: 0 .8rem .5rem
	}
	
	.l-prev {
		left: 0
	}
	
	.l-next {
		right: 0
	}
}

.m-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .9rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.m-form {
	width: 100%
}

.m-b {
	width: 15.2rem;
	margin: 0 auto
}

.m-a .my-titles {
	padding-bottom: .35rem
}

.m-top {
	width: 100%;
	padding-bottom: .2rem;
	text-align: center
}

.m-c {
	display: inline-block;
	vertical-align: middle;
	width: 3.57rem;
	margin-right: .2rem;
	margin-bottom: .3rem;
	text-align: left
}

.m-d {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	text-align: left;
	margin-bottom: .3rem;
	width: 4.03rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.m-e {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - .46rem);
	border: none;
	height: .46rem;
	color: #666;
	padding: 0 .2rem
}

.m-submit {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	width: .46rem;
	height: .46rem;
	color: transparent;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff);
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa40.png.pagespeed.ic.K-PdRkA8g-.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.m-cont {
	width: 100%;
	padding-bottom: .4rem
}

.m-g {
	width: 100%;
	padding-left: .9rem;
	font-size: 0;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#000, #000)
}

.m-h {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding: .25rem 0;
	text-align: center;
	line-height: 1.66
}

.m-h:nth-child(1) {
	width: 2.9rem;
	text-align: left
}

.m-h:nth-child(2) {
	width: 3.6rem
}

.m-h:nth-child(3) {
	width: 4rem
}

.m-list {
	width: 100%
}

.m-item {
	display: block;
	cursor: pointer;
	background-color: #fff;
	padding-left: .9rem;
	font-size: 0;
	border-bottom: 1px solid rgba(174, 205, 239, .6)
}

.m-i {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: .17rem 0
}

.m-i:nth-child(1) {
	width: 2.9rem;
	text-align: left
}

.m-i:nth-child(2) {
	width: 3.6rem
}

.m-i:nth-child(3) {
	width: 4rem
}

.m-i:nth-child(4) {
	width: 3.6rem
}

.m-j {
	color: #666;
	line-height: 1.5
}

.m-details {
	display: inline-block;
	padding: 0 .3rem;
	color: #666;
	line-height: .46rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .23rem
}

.m-details:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: .35rem;
	width: .08rem;
	height: .46rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa41.png.pagespeed.ic.fOeghwgYno.png);
	background-size: .08rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.m-item:hover .m-details {
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.m-item:hover .m-details:after {
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa41-b.png.pagespeed.ic.1EyNaFD226.png)
}

.m-form .select-w {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef;
	position: relative;
	padding-right: .5rem;
	padding-left: .2rem;
	white-space: nowrap
}

.m-form .select-w .cur {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: .46rem;
	line-height: .46rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-form .select-w select {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
	color: #666;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.m-form .select-w:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

@media (max-width:750px) {
	.m-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.m-c {
		width: 100%;
		margin-right: 0
	}
	
	.m-form .select-w .cur {
		height: 30px;
		line-height: 30px
	}
	
	.m-d {
		width: 100%
	}
	
	.m-e {
		width: calc(100% - 30px);
		height: 30px
	}
	
	.m-submit {
		width: 30px;
		height: 30px;
		background-size: 13px auto
	}
	
	.m-g {
		padding: 0 .2rem
	}
	
	.m-h {
		font-size: 12px
	}
	
	.m-h:nth-child(1) {
		width: 30%
	}
	
	.m-h:nth-child(2) {
		width: 20%
	}
	
	.m-h:nth-child(3) {
		width: 20%
	}
	
	.m-item {
		padding: 0 .2rem
	}
	
	.m-j {
		font-size: 12px
	}
	
	.m-details {
		font-size: 12px
	}
	
	.m-i:nth-child(1) {
		width: 30%
	}
	
	.m-i:nth-child(2) {
		width: 20%
	}
	
	.m-i:nth-child(3) {
		width: 20%
	}
	
	.m-i:nth-child(4) {
		width: 30%
	}
	
	.m-details:after {
		display: none
	}
}

.n-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .4rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.n-b {
	width: 15.2rem;
	margin: 0 auto
}

.n-top {
	width: 100%;
	margin-bottom: .6rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .6rem .6rem .3rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xb45.jpg.pagespeed.ic.vS5vCgxjM-.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.n-left {
	display: block
}

.n-c {
	display: block;
	font-size: 0
}

.n-titles {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin-right: .4rem;
	margin-bottom: .3rem;
	line-height: 1.2;
	color: #fff
}

.n-d {
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding: .14rem .2rem;
	margin-bottom: .3rem;
	border-radius: .03rem;
	background-color: rgba(255, 255, 255, .3)
}

.n-e {
	font-size: 0
}

.n-f {
	display: inline-block;
	vertical-align: middle;
	margin-right: .6rem;
	margin-bottom: .3rem;
	position: relative;
	color: rgba(255, 255, 255, .8)
}

.n-f:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -.3rem;
	margin-top: -.1rem;
	width: 1px;
	height: .2rem;
	background-color: #fff;
	opacity: .3
}

.n-f:last-child:after {
	display: none
}

.n-right {
	display: block;
	margin-bottom: .3rem
}

.n-send {
	display: inline-block;
	cursor: pointer;
	padding: 0 .4rem;
	color: #003399;
	line-height: .56rem;
	border-radius: .28rem;
	background-color: #fff
}

.n-send:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-left: .5rem;
	width: .5em;
	height: .5rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa41-c.png.pagespeed.ic.soljJ7qf2M.png);
	background-size: .5em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.n-cont {
	width: 100%
}

.n-item {
	width: 100%;
	margin-bottom: .5rem
}

.n-g {
	width: 100%;
	font-size: 0;
	margin-bottom: .3rem
}

.n-icon {
	display: inline-block;
	vertical-align: middle;
	width: .6rem
}

.n-icon img {
	width: 100%;
	border-radius: 50%
}

.n-name {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 1rem);
	font-weight: bold;
	color: #000;
	padding-left: .25rem;
	line-height: 1.5
}

.n-textbox {
	color: #666;
	line-height: 1.55
}

.n-textbox * {
	line-height: inherit
}

.n-item:nth-child(3n + 1) .n-icon img {
	box-shadow: 0 .05rem .15rem 0 rgba(255, 77, 0, .2)
}

.n-item:nth-child(3n + 2) .n-icon img {
	box-shadow: 0 .05rem .15rem 0 rgba(255, 153, 0, .2)
}

.n-item:nth-child(3n + 3) .n-icon img {
	box-shadow: 0 .05rem .15rem 0 rgba(60, 193, 104, .2)
}

@media (max-width:750px) {
	.n-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.n-top {
		padding: .3rem .2rem .1rem
	}
	
	.n-left {
		width: 100%;
		margin-bottom: .3rem
	}
	
	.n-f {
		font-size: 12px;
		margin-right: .4rem
	}
	
	.n-f:after {
		right: -.2rem
	}
}

.o-a {
	width: 100%;
	padding-top: 2.15rem;
	padding-bottom: 2.3rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.o-form {
	width: 100%
}

.o-b {
	width: 15.2rem;
	margin: 0 auto;
	text-align: center
}

.o-titles {
	color: #000;
	position: relative;
	line-height: 1.19;
	font-weight: bold;
	padding-bottom: .3rem;
	margin-bottom: .45rem
}

.o-titles:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -.25rem;
	width: .5rem;
	height: .05rem;
	background-color: #0064c6
}

.o-intro {
	color: #666;
	font-weight: bold;
	line-height: 1.38;
	margin-bottom: .7rem
}

.o-c {
	display: inline-block;
	border-radius: .03rem;
	font-size: 0;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.o-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	width: 6.2rem;
	height: .46rem;
	padding: 0 .2rem;
	color: #666;
	background-color: #fff
}

.o-submit {
	display: inline-block;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	padding: 0 .4rem;
	height: .46rem;
	line-height: .46rem;
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0)
}

@media (max-width:750px) {
	.o-a {
		padding: 1.2rem 0
	}
	
	.o-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.o-c {
		width: 100%
	}
	
	.o-input {
		width: 60%;
		height: 30px
	}
	
	.o-submit {
		width: 40%;
		height: 30px;
		line-height: 30px;
		padding: 0 0;
		text-align: center
	}
}

.p-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #dff1f6;
	position: relative;
	background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.p-b {
	width: 15.2rem;
	margin: 0 auto
}

.p-navbox {
	width: 100%;
	text-align: center;
	padding-bottom: .15rem
}

.p-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 .15rem .3rem;
	padding: 0 .15rem;
	min-width: 2.4rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.p-icon {
	display: inline-block;
	vertical-align: middle
}

.p-iocn1 {
	display: block;
	width: 1.37em
}

.p-iocn1 img {
	width: 100%
}

.p-iocn2 {
	display: none;
	width: 1.37em
}

.p-iocn2 img {
	width: 100%
}

.p-text {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	margin-left: .15rem;
	line-height: .56rem
}

.p-nav:hover {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.p-nav:hover .p-iocn1 {
	display: none
}

.p-nav:hover .p-iocn2 {
	display: block
}

.p-nav:hover .p-text {
	color: #fff
}

.p-nav.active {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.p-nav.active .p-iocn1 {
	display: none
}

.p-nav.active .p-iocn2 {
	display: block
}

.p-nav.active .p-text {
	color: #fff
}

.p-list {
	width: 100%
}

.p-item {
	display: none;
	width: 100%
}

.p-item.show {
	display: block
}

.p-form {
	width: 100%
}

.p-cont {
	width: 100%;
	position: relative;
	padding: .5rem 0;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.p-left {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 6.1rem;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.p-scrollbar {
	display: block;
	width: 100%;
	padding: 0 .3rem;
	max-height: 1000rem;
	overflow: auto
}

.p-right {
	display: block;
	width: 100%;
	padding: 0 .3rem
}

.p-one {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-bottom: .2rem;
	position: relative;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.p-c {
	width: 100%;
	font-size: 0
}

.p-two {
	width: 100%;
	font-size: 0
}

.p-tip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #666;
	line-height: .46rem;
	padding: 0 .2rem;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.p-tip * {
	color: #ff4d00
}

.p-d {
	position: relative;
	z-index: 18;
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0 .2rem;
	height: .46rem;
	color: #666
}

.p-textarea {
	position: relative;
	z-index: 18;
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0 .2rem;
	color: #666;
	line-height: .46rem;
	height: 1rem
}

.input-box.hide .p-tip {
	display: none
}

.input-box.hide2 .p-tip {
	display: none
}

.p-button {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-top: .2rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .28rem
}

.p-button:after {
	content: '';
	position: absolute;
	top: 0;
	right: .4rem;
	width: .5em;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa41-b.png.pagespeed.ic.1EyNaFD226.png);
	background-size: .5em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.p-submit {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 18;
	line-height: .46rem;
	color: #fff;
	padding: 0 1.1rem 0 .4rem;
	border: none;
	background-color: transparent
}

.p-form .select-w {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	position: relative;
	padding-right: .5rem;
	padding-left: .2rem;
	white-space: nowrap
}

.p-form .select-w .cur {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: .46rem;
	line-height: .46rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.p-form .select-w .cur span {
	color: #ff4d00
}

.p-form .select-w select {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
	color: #666;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.p-form .select-w:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.p-time {
	width: 100%;
	position: relative
}

.p-time:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.p-layui {
	cursor: pointer;
	position: relative;
	z-index: 18;
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0 .5rem 0 .2rem;
	height: .46rem;
	color: #666
}

.layui-laydate-header * {
	line-height: inherit
}

.p-picture {
	width: 100%;
	margin-bottom: .2rem
}

.picture-tip {
	color: #666;
	padding-left: .2rem;
	margin-bottom: .2rem
}

.picture-label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 1.28rem;
	height: 1.28rem;
	background-color: #fff;
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.picture-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: .15rem;
	transform: translate(-50%, -50%)
}

.picture-icon img {
	width: 100%
}

.picture-file {
	display: none
}

.product-presentation2 .p-a {
	background-color: #fff;
	background-image: linear-gradient(45deg, #fff 0%, #fff 100%), linear-gradient(#fff, #fff)
}

@media (min-width:750px) {
	.p-c .p-one {
		width: calc(33.33% - .134rem);
		margin-right: .2rem
	}
	
	.p-c .p-one:nth-child(3n) {
		margin-right: 0
	}
	
	.p-two .p-one {
		width: calc(50% - .15rem);
		margin-right: .3rem
	}
	
	.p-two .p-one:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:750px) {
	.p-cont {
		padding: 0
	}
	
	.p-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.p-nav {
		padding: 0 15px
	}
	
	.p-left {
		width: 100%;
		position: relative;
		height: auto;
		padding-top: 91.8%
	}
	
	.p-scrollbar {
		width: 100%;
		margin-left: 0;
		padding: .3rem;
		height: auto
	}
	
	.p-right {
		width: 100%;
		padding: 0
	}
	
	.p-form .select-w .cur {
		height: 30px;
		line-height: 30px
	}
	
	.p-d {
		height: 30px;
		line-height: 30px
	}
	
	.p-tip {
		height: 30px;
		line-height: 30px
	}
	
	.p-layui {
		height: 30px;
		line-height: 30px
	}
	
	.p-textarea {
		height: 80px;
		line-height: 30px
	}
	
	.p-button {
		border-radius: 15px
	}
	
	.p-submit {
		height: 30px;
		line-height: 30px
	}
}

.q-a {
	width: 100%;
	background: #e2eef8;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.q-b {
	width: 15.2rem;
	margin: 0 auto
}

.q-top {
	width: 100%;
	font-size: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom: .2rem;
	margin-bottom: .45rem;
	border-bottom: 1px solid #c6d5e6
}

.q-left {
	display: block
}

.q-titles {
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: .2rem
}

.q-c {
	width: 100%
}

.q-d {
	display: inline-block;
	vertical-align: middle;
	margin-right: .4rem;
	padding-bottom: .2rem
}

.q-e {
	display: inline-block;
	vertical-align: middle;
	color: #999
}

.q-e:after {
	content: '|'
}

.q-e:last-child:after {
	display: none
}

.q-share {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: .2rem
}

.q-tip {
	display: inline-block;
	vertical-align: middle;
	color: #999;
	margin-right: .05rem
}

.q-list {
	display: inline-block;
	vertical-align: middle
}

.q-one {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: .44rem;
	margin-left: .15rem
}

.q-one img {
	width: 100%
}

.q-one:hover {
	opacity: .8
}

.q-right {
	display: block;
	width: 3.2rem;
	padding-bottom: .2rem
}

.q-form {
	display: block;
	font-size: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .28rem
}

.q-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	width: calc(100% - .8rem);
	color: #666;
	height: .56rem;
	padding: 0 .2rem
}

.q-submit {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background-color: transparent;
	width: .8rem;
	height: .56rem;
	color: transparent;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa3-b.png.pagespeed.ic.DjYzLyJ6EZ.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.q-textbox {
	color: #666;
	line-height: 1.555
}

.q-textbox * {
	line-height: inherit;
	max-width: 100%
}

@media (max-width:750px) {
	.q-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.q-right {
		width: 80%
	}
	
	.q-form {
		border-radius: 15px
	}
	
	.q-input {
		height: 30px
	}
	
	.q-submit {
		height: 30px
	}
}

.r-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .85rem
}

.r-b {
	width: 17.4rem;
	margin: 0 auto
}

.r-cont {
	width: 100%;
	position: relative
}

.r-c {
	width: 15.45rem;
	margin: 0 auto
}

.r-item {
	width: 33.33%;
	padding: .15rem
}

.r-d {
	display: block;
	cursor: pointer;
	position: relative;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.r-d:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	transition: all ease .5s;
	height: .04rem;
	background-color: #0064c6
}

.r-img {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 2.6rem
}

.r-img img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s
}

.r-text {
	width: 100%;
	padding: .35rem .3rem
}

.r-name {
	margin-bottom: .2rem;
	color: #000;
	font-weight: bold;
	line-height: 1.2;
	height: 2.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.r-intro {
	margin-bottom: .4rem;
	color: #666;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.r-time {
	color: #999
}

.r-d:hover:after {
	width: 100%
}

.r-d:hover .r-img img {
	transform: scale(1.05)
}

.r-d:hover .r-name {
	color: #003399
}

.r-prev {
	left: 0;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.r-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.r-next {
	transform: rotate(-180deg);
	right: 0;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 -.05rem .15rem 0 rgba(1, 90, 170, .08)
}

.r-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

@media (max-width:750px) {
	.r-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.r-cont {
		padding: 0 .7rem
	}
	
	.r-c {
		width: 100%
	}
	
	.r-item {
		width: 80%
	}
	
	.r-img {
		height: auto;
		padding-top: 53.49%
	}
}

.s-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .9rem;
	background: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.s-form {
	width: 100%
}

.s-b {
	width: 15.2rem;
	margin: 0 auto
}

.s-top {
	width: 100%;
	border-bottom: 1px solid #c6d5e6;
	text-align: center;
	padding-bottom: .4rem;
	margin-bottom: .6rem
}

.s-c {
	display: inline-block;
	width: 7.8rem;
	font-size: 0;
	margin-bottom: .55rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.s-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	width: calc(100% - 1rem);
	color: #666;
	height: .56rem;
	padding: 0 .2rem
}

.s-submit {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background-color: transparent;
	width: 1rem;
	height: .56rem;
	color: transparent;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa3-b.png.pagespeed.ic.DjYzLyJ6EZ.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.s-tip {
	color: #000;
	font-weight: bold;
	text-align: left;
	line-height: 1.38
}

.s-tip span {
	color: #ff4d00
}

.s-middle {
	width: 100%;
	text-align: center
}

.s-titles {
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: .2rem
}

.s-default {
	color: #666;
	margin-bottom: .5rem;
	line-height: 1.55
}

.s-navbox {
	width: 100%;
	font-size: 0;
	padding-bottom: .2rem
}

.s-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 .5rem;
	margin: 0 .15rem .3rem;
	min-width: 1.65rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.s-iocn {
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem
}

.s-iocn1 {
	display: block;
	height: 1.25em
}

.s-iocn1 img {
	height: 100%
}

.s-iocn2 {
	display: none;
	height: 1.25em
}

.s-iocn2 img {
	height: 100%
}

.s-d {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .56rem
}

.s-d span {
	margin-left: .1rem;
	color: #ff4d00
}

.s-nav:hover {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.s-nav:hover .s-iocn1 {
	display: none
}

.s-nav:hover .s-iocn2 {
	display: block
}

.s-nav:hover .s-d {
	color: #fff
}

.s-nav.active {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.s-nav.active .s-iocn1 {
	display: none
}

.s-nav.active .s-iocn2 {
	display: block
}

.s-nav.active .s-d {
	color: #fff
}

.s-bottom {
	width: 100%
}

.s-cont {
	width: 100%;
	padding-bottom: .1rem;
	font-size: 0
}

.s-item {
	display: block;
	margin-bottom: .3rem;
	width: 100%;
	cursor: pointer;
	font-size: 0;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.s-img {
	display: inline-block;
	vertical-align: middle;
	width: 4.2rem;
	height: 2.25rem;
	overflow: hidden;
	position: relative
}

.s-img img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s
}

.s-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 4.2rem);
	padding: 0 .3rem
}

.s-name {
	color: #000;
	margin-bottom: .1rem;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.s-intro {
	margin-bottom: .55rem;
	color: #666;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.s-time {
	color: #999
}

.s-item:hover:after {
	width: 100%
}

.s-item:hover .s-img img {
	transform: scale(1.05)
}

.s-item:hover .s-name {
	color: #003399
}

@media (max-width:750px) {
	.s-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.s-c {
		border-radius: 15px;
		width: 100%
	}
	
	.s-input {
		height: 30px
	}
	
	.s-submit {
		height: 30px
	}
	
	.s-intro {
		margin-bottom: .2rem
	}
	
	.s-item {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.s-item:nth-child(2n) {
		margin-right: 0
	}
	
	.s-img {
		width: 100%;
		height: auto;
		padding-top: 53.57%
	}
	
	.s-text {
		width: 100%;
		padding: .3rem
	}
	
	.s-nav {
		margin: 0 .1rem .3rem
	}
	
	.s-iocn {
		font-size: 12px
	}
	
	.s-d {
		font-size: 12px
	}
}

.t-a {
	width: 100%
}

.t-form {
	width: 100%
}

.t-top {
	width: 100%;
	text-align: center;
	padding-top: 2rem;
	padding-bottom: 2.4rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.t-b {
	width: 15.2rem;
	margin: 0 auto
}

.t-c {
	display: inline-block;
	font-size: 0;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: 3px
}

.t-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	width: 6.2rem;
	color: #666;
	height: .46rem;
	padding: 0 .2rem
}

.t-submit {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	width: 1.6rem;
	height: .46rem;
	color: #fff;
	text-align: center;
	line-height: .46rem;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0)
}

.t-middle {
	width: 100%;
	background-color: #fff;
	padding: .6rem 0 .3rem
}

.t-d {
	width: 15.2rem;
	margin: 0 auto
}

.t-tip {
	color: #000;
	margin-bottom: .4rem;
	line-height: 1.6
}

.t-tip span {
	color: #ff4d00
}

.t-navbox {
	width: 100%;
	font-size: 0;
	text-align: center
}

.t-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 .3rem;
	margin: 0 .15rem .3rem;
	min-width: 2.55rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.t-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: .15rem
}

.t-icon1 {
	display: block;
	height: 1.25em
}

.t-icon1 img {
	height: 100%
}

.t-icon2 {
	display: none;
	height: 1.25em
}

.t-icon2 img {
	height: 100%
}

.t-e {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .56rem
}

.t-nav:hover {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.t-nav:hover .t-icon1 {
	display: none
}

.t-nav:hover .t-icon2 {
	display: block
}

.t-nav:hover .t-e {
	color: #fff
}

.t-nav.active {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.t-nav.active .t-icon1 {
	display: none
}

.t-nav.active .t-icon2 {
	display: block
}

.t-nav.active .t-e {
	color: #fff
}

.t-bottom {
	width: 100%;
	padding-top: .6rem;
	padding-bottom: 1rem;
	background: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.t-f {
	width: 15.2rem;
	margin: 0 auto
}

.t-g {
	color: #000;
	font-weight: bold;
	margin-bottom: .4rem;
	line-height: 1.3
}

.t-h {
	width: 100%;
	padding-bottom: .2rem
}

.t-i {
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.t-buttom {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-bottom: .3rem
}

.t-j {
	display: inline-block;
	vertical-align: middle;
	width: .21rem;
	margin-right: .15rem
}

.t-j img {
	width: 100%
}

.t-k {
	display: inline-block;
	vertical-align: middle;
	color: #0064c6;
	line-height: 1.5
}

.t-cont {
	width: 100%;
	font-size: 0
}

.t-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	width: 3.55rem;
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.t-item:nth-child(4n) {
	margin-right: 0
}

.t-img {
	width: 100%;
	height: 3.15rem;
	line-height: 3.15rem;
	overflow: hidden
}

.t-img img {
	max-width: 70%;
	max-height: 70%;
	transform: scale(1.00);
	transition: all ease .5s
}

.t-text {
	width: 100%;
	padding: 0 .6rem .45rem
}

.t-name {
	color: #000;
	font-weight: bold;
	line-height: 1.55;
	height: 3.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.t-f .select-w {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 2.8rem;
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef;
	position: relative;
	padding-right: .5rem;
	padding-left: .2rem;
	white-space: nowrap
}

.t-f .select-w .cur {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: .46rem;
	line-height: .46rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.t-f .select-w select {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
	color: #666;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.t-f .select-w:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.t-item:hover .t-img img {
	transform: scale(1.05)
}

.t-item:hover .t-name {
	color: #003399
}

.xp-a.special .t-img {
	width: 100%;
	height: auto;
	line-height: 1
}

.xp-a.special .t-img img {
	max-width: 100%;
	max-height: 100%;
	width: 100%
}

.xp-a.special .t-text {
	padding: .45rem .6rem .45rem
}

@media (max-width:750px) {
	.t-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.t-c {
		width: 100%
	}
	
	.t-input {
		width: 60%;
		height: 30px
	}
	
	.t-submit {
		width: 40%;
		height: 30px;
		line-height: 30px
	}
	
	.t-d {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.t-f {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.t-text {
		padding: 0 .2rem .3rem
	}
	
	.t-i {
		width: 100%
	}
	
	.t-f .select-w {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.t-f .select-w:nth-child(2n) {
		margin-right: 0
	}
	
	.t-f .select-w .cur {
		height: 30px;
		line-height: 30px
	}
	
	.t-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.t-item:nth-child(2n) {
		margin-right: 0
	}
	
	.xp-a.special .t-text {
		padding: .3rem .2rem
	}
}

.u-a {
	width: 100%;
	background: #e2eef8;
	padding-top: 1rem;
	padding-bottom: .9rem;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.u-form {
	width: 100%
}

.u-top {
	width: 100%;
	text-align: center
}

.u-b {
	width: 15.2rem;
	margin: 0 auto
}

.u-c {
	display: inline-block;
	width: 7.8rem;
	font-size: 0;
	margin-bottom: .5rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.u-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	width: calc(100% - 1rem);
	color: #666;
	height: .56rem;
	padding: 0 .2rem
}

.u-submit {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background-color: transparent;
	width: 1rem;
	height: .56rem;
	color: transparent;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa3-b.png.pagespeed.ic.DjYzLyJ6EZ.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.u-cont {
	width: 100%;
	padding-bottom: .1rem;
	font-size: 0
}

.u-item {
	display: inline-block;
	vertical-align: top;
	width: calc(25% - .23rem);
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.u-item:nth-child(4n) {
	margin-right: 0
}

.u-d {
	width: 100%;
	position: relative
}

.u-img {
	width: 100%
}

.u-img img {
	width: 100%
}

.u-name {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	text-align: center;
	padding: 0 .15rem;
	width: 100%;
	color: #fff;
	font-weight: bold
}

.u-button {
	width: 100%;
	position: relative;
	font-size: 0;
	padding: .25rem 0
}

.u-button:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.1rem;
	width: 1px;
	height: .2rem;
	background-color: #aeceef
}

.u-button1 {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	width: 50%
}

.u-button1 .u-icon {
	display: inline-block;
	vertical-align: middle;
	width: .45rem
}

.u-button1 .u-icon img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2)
}

.u-button1 .u-text {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - .6rem);
	padding-left: .1rem;
	color: #666;
	line-height: 1.5
}

.u-button2 {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	width: 50%
}

.u-button2 .u-icon {
	display: inline-block;
	vertical-align: middle;
	width: .45rem
}

.u-button2 .u-icon img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(255, 153, 0, .2)
}

.u-button2 .u-text {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - .6rem);
	padding-left: .1rem;
	color: #666;
	line-height: 1.5
}

@media (max-width:750px) {
	.u-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.u-c {
		width: 100%
	}
	
	.u-input {
		height: 30px
	}
	
	.u-submit {
		height: 30px;
		line-height: 30px
	}
	
	.u-item {
		width: 100%;
		margin-right: 0
	}
}

.v-a {
	width: 100%;
	padding: 1rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.v-b {
	width: 8rem;
	margin: 0 auto
}

.v-cont {
	width: 100%;
	min-height: 5.55rem;
	padding: .8rem .9rem .6rem;
	background-color: rgba(255, 255, 255, .75)
}

.v-list {
	width: 100%;
	font-size: 0
}

.v-one {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	margin-bottom: .2rem;
	position: relative;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.v-tip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #999;
	line-height: .46rem;
	padding: 0 .2rem;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.v-tip * {
	color: #ff4d00
}

.v-c {
	position: relative;
	z-index: 18;
	border: none;
	background-color: transparent;
	width: 100%;
	padding: 0 .2rem;
	height: .46rem;
	color: #666
}

.input-box.hide .v-tip {
	display: none
}

.v-d {
	width: 100%;
	padding-top: .3rem;
	text-align: center
}

.v-d .v-submit {
	display: inline-block;
	cursor: pointer;
	cursor: pointer;
	border: none;
	color: #fff;
	min-width: 3rem;
	height: .46rem;
	padding: 0 .15rem;
	text-align: center;
	line-height: .46rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: 3px
}

.v-one img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100% !important
}

.v-button {
	width: 100%;
	font-size: 0;
	padding-top: .3rem
}

.v-register {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: .15rem;
	cursor: pointer;
	color: #000;
	width: calc(50% - .1rem);
	margin-right: .2rem;
	height: .46rem;
	text-align: center;
	line-height: .46rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.v-button .v-submit {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: .15rem;
	cursor: pointer;
	border: none;
	color: #fff;
	width: calc(50% - .1rem);
	height: .46rem;
	text-align: center;
	line-height: .46rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: 3px
}

.v-forget {
	display: block;
	cursor: pointer;
	text-align: center;
	color: #0064c6;
	line-height: 1.3
}

.v-form .select-w {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	position: relative;
	padding-right: .5rem;
	padding-left: .2rem;
	white-space: nowrap
}

.v-form .select-w .cur {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: .46rem;
	line-height: .46rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.v-form .select-w .cur span {
	color: #ff4d00
}

.v-form .select-w select {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
	color: #666;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.v-form .select-w:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.v-a .my-titles {
	margin-bottom: .5rem
}

.v-e {
	width: 100%;
	text-align: center;
	padding: .8rem .3rem;
	min-height: 5.55rem;
	background-color: rgba(255, 255, 255, .75)
}

.v-textbox {
	width: 100%;
	color: #666;
	line-height: 1.5;
	margin-bottom: .25rem
}

.v-textbox * {
	line-height: inherit
}

.v-share {
	width: 100%;
	font-size: 0
}

.v-f {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 0 7px .25rem;
	width: .45rem
}

.v-f img {
	width: 100%
}

.v-h {
	width: 100%;
	color: #333;
	font-weight: bold;
	line-height: 1.625;
	margin-bottom: .4rem
}

.v-back {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	min-width: 3rem;
	padding: .15rem;
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .03rem
}

.v-i {
	width: 100%;
	text-align: right;
	color: #666;
	line-height: 1.5
}

.v-i a {
	color: #003399;
	cursor: pointer;
	border-bottom: 1px solid #003399
}

.v-label {
	width: 100%;
	cursor: pointer;
	margin-bottom: .2rem
}

.v-label .lb-label {
	display: block;
	font-size: 0;
	position: relative;
	cursor: pointer
}

.v-label .lb-icon {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 1.25em;
	height: 1.25em;
	border: 1px solid #cee1f5
}

.v-label .lb-text {
	display: inline-block;
	vertical-align: top;
	max-width: calc(100% - 1.5em);
	padding-left: .1rem;
	color: #666;
	line-height: 1.5
}

.v-label .lb-label.selected .lb-icon {
	border: 1px solid #cee1f5;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa129.png.pagespeed.ic.j2TBsmwf-6.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.v-label .lb-label.selected .lb-text {
	color: #003399
}

.v-label .lb-input {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	cursor: pointer
}

@media (min-width:750px) {
	.v-list .v-one {
		width: calc(50% - .1rem);
		margin-right: .2rem
	}
	
	.v-list .v-one:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:750px) {
	.v-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.v-cont {
		padding: .5rem .4rem
	}
	
	.v-tip {
		line-height: 30px
	}
	
	.v-c {
		height: 30px
	}
	
	.v-form .select-w .cur {
		height: 30px;
		line-height: 30px
	}
	
	.v-d .v-submit {
		height: 30px;
		line-height: 30px
	}
	
	.v-register {
		width: 100%;
		height: 30px;
		line-height: 30px;
		margin-right: 0
	}
	
	.v-button .v-submit {
		width: 100%;
		height: 30px;
		line-height: 30px
	}
	
	.v-e {
		padding: .5rem .4rem
	}
}

.w-a {
	width: 100%;
	background: #e2eef8;
	padding-top: 1rem;
	padding-bottom: .9rem;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.w-form {
	width: 100%
}

.w-top {
	width: 100%;
	text-align: center
}

.w-b {
	width: 15.2rem;
	margin: 0 auto
}

.w-c {
	display: inline-block;
	width: 7.8rem;
	font-size: 0;
	margin-bottom: .5rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.w-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	width: calc(100% - 1rem);
	color: #666;
	height: .56rem;
	padding: 0 .2rem
}

.w-submit {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background-color: transparent;
	width: 1rem;
	height: .56rem;
	color: transparent;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa3-b.png.pagespeed.ic.DjYzLyJ6EZ.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.w-cont {
	width: 100%
}

.w-item {
	width: 100%;
	border-bottom: 1px solid #d6e6f3;
	background-color: #fff
}

.w-tip {
	width: 100%;
	position: relative;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	line-height: 1.8;
	padding: .2rem .8rem .2rem .4rem
}

.w-tip:after {
	content: '';
	position: absolute;
	top: 0;
	right: .4rem;
	width: .72em;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa77.png.pagespeed.ic._4yqUc0ZpG.png);
	background-size: .72em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.w-sub {
	display: none;
	width: 100%;
	background-color: #d6e6f3;
	padding: .6rem 1.15rem .5rem
}

.w-list {
	width: 100%;
	font-size: 0
}

.w-one {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	width: calc(20% - .3rem);
	margin: 0 .15rem .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.w-img {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	overflow: hidden
}

.w-img img {
	max-width: 70%;
	max-height: 70%;
	transform: scale(1.00);
	transition: all ease .5s
}

.w-text {
	width: 100%;
	padding: 0 .1rem .2rem
}

.w-name {
	color: #000;
	font-weight: bold;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.w-item.show .w-tip:after {
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa77-b.png.pagespeed.ic.iIjICAY_jZ.png)
}

.w-one:hover .w-img img {
	transform: scale(1.05)
}

.w-one:hover .w-name {
	color: #003399
}

@media (max-width:750px) {
	.w-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.w-c {
		width: 100%
	}
	
	.w-input {
		height: 30px
	}
	
	.w-submit {
		height: 30px;
		line-height: 30px
	}
	
	.w-sub {
		padding: .5rem .15rem .6rem
	}
	
	.w-one {
		width: calc(50% - .3rem)
	}
}

.x-a {
	width: 100%;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#000, #000)
}

.x-b {
	width: 100%
}

.x-titles {
	width: 15.2rem;
	margin: 0 auto;
	font-weight: bold;
	line-height: .8rem;
	color: #fff
}

.x-cont {
	width: 100%;
	position: relative
}

.x-c {
	width: 100%;
	position: relative
}

.x-d {
	width: 100%
}

.x-item {
	width: 100%
}

.x-img {
	display: block;
	cursor: pointer;
	width: 100%
}

.x-img img {
	width: 100%
}

.x-pagination {
	position: absolute;
	bottom: .3rem;
	left: 0;
	text-align: center;
	width: 100%
}

.x-pagination .swiper-pagination-bullet {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3.5px;
	border-radius: 0;
	width: .25rem;
	height: .05rem;
	background-color: #fff;
	opacity: .5
}

.x-pagination .swiper-pagination-bullet-active {
	width: .5rem;
	opacity: 1
}

.x-l {
	position: absolute;
	bottom: .45rem;
	left: 50%;
	z-index: 88;
	margin-left: -7.6rem;
	width: 15.4rem;
	font-size: 0
}

.x-form {
	width: 100%
}

.x-m {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 0;
	margin: -3% -2% 0%;
}

.x-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	width: calc(16.66% - .2rem);
	margin: 0 .1rem;
	margin-bottom: .3rem;
	background-color: #fff;
	border-radius: .03rem;
	padding: 0 .2rem;
	color: #666;
	height: .46rem
}

.x-n {
	display: inline-block;
	vertical-align: middle;
	width: calc(16.66% - .2rem);
	margin: 0 .1rem;
	margin-bottom: .3rem
}

.x-submit {
	display: inline-block;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	color: #fff;
	width: calc(100% - .72rem);
	height: .46rem;
	line-height: .46rem;
	text-align: center;
	background-color: #003399;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .03rem
}

.x-form .select-w {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: calc(16.66% - .2rem);
	margin: 0 .1rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	position: relative;
	padding-right: .5rem;
	padding-left: .2rem;
	white-space: nowrap
}

.x-form .select-w .cur {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: .46rem;
	line-height: .46rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.x-form .select-w select {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
	color: #666;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.x-form .select-w:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.x-button {
	display: inline-block;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	color: transparent;
	margin-right: .1rem;
	width: .6rem;
	height: .46rem;
	background-color: #003399;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .03rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa147.png.pagespeed.ic.vvmI-aevvb.png);
	background-size: .2rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.x-one {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: calc(16.66% - .2rem);
	margin: 0 .1rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	position: relative
}

.x-one .x-tip {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: .46rem;
	line-height: .46rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: .5rem;
	padding-left: .2rem
}

.x-one .x-tip:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.x-tr {
	display: none;
	position: absolute;
	top: .46rem;
	left: 0;
	z-index: 88;
	max-height: 20em;
	padding: .5em .2rem;
	overflow: auto;
	background-color: #fff;
	width: 100%;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2)
}

.x-one.show .x-tr {
	display: block
}

.x-td {
	width: 100%
}

.x-tr .lb-label {
	padding: .05rem 0;
	display: block;
	font-size: 0;
	position: relative;
	cursor: pointer
}

.x-tr .lb-icon {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 1.25em;
	height: 1.25em;
	border: 1px solid #cee1f5
}

.x-tr .lb-text {
	display: inline-block;
	vertical-align: top;
	/* width: calc(100% - 1.5em); */
	width: calc(100% - 2.5em);
	padding-left: .1rem;
	color: #666;
	line-height: 1.5
}

.x-tr .lb-label.selected .lb-icon {
	border: 1px solid #cee1f5;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa129.png.pagespeed.ic.j2TBsmwf-6.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.x-tr .lb-label.selected .lb-text {
	color: #003399;
	font-weight: bold
}

.x-tr .lb-input {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	cursor: pointer
}

@media (max-width:750px) {
	.x-titles {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.x-l {
		position: relative;
		bottom: 0;
		left: 0;
		padding: .3rem 10px;
		margin-left: 0;
		width: 100%
	}
	
	.x-m {
		width: 100%
	}
	
	.x-n {
		width: 100%;
		margin: 0 0 .3rem
	}
	
	.x-form .select-w {
		width: calc(50% - 5px);
		margin-right: 10px;
		margin-left: 0
	}
	
	.x-form .select-w:nth-child(2n) {
		margin-right: 0
	}
	
	.x-form .select-w .cur {
		height: 30px;
		line-height: 30px
	}
	
	.x-input {
		width: 100%;
		margin: 0 0 .3rem;
		height: 30px
	}
	
	.x-submit {
		width: calc(70% - .1rem);
		height: 30px;
		line-height: 30px
	}
	
	.x-one {
		width: calc(50% - 5px);
		margin-right: 10px;
		margin-left: 0
	}
	
	.x-one:nth-child(2n) {
		margin-right: 0
	}
	
	.x-button {
		width: 30%;
		line-height: 30px;
		height: 30px
	}
}

.y-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345)
}

.y-b {
	width: 15.2rem;
	margin: 0 auto
}

.y-top {
	width: 100%
}

.y-intro {
	color: #666;
	line-height: 1.55;
	margin-bottom: .4rem
}

.y-intro * {
	line-height: inherit;
	max-width: 100%
}

.y-cont {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-size: 0;
	padding-bottom: .2rem
}

.y-item {
	display: inline-block;
	vertical-align: middle;
	padding: .35rem .35rem;
	width: 7.45rem;
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.y-item:nth-child(2n) {
	margin-right: 0
}

.y-top {
	width: 100%;
	font-size: 0
}

.y-img {
	display: inline-block;
	vertical-align: middle;
	width: 2.2rem;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center
}

.y-img img {
	max-width: 100%;
	max-height: 100%
}

.y-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 2.2rem);
	padding-left: .35rem
}

.y-name {
	display: block;
	cursor: pointer;
	margin-bottom: .2rem;
	color: #0064c6;
	line-height: 1.1;
	height: 2.2em;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.y-spe {
	color: #000;
	font-weight: bold;
	margin-bottom: .15rem
}

.y-textbox {
	color: #666;
	line-height: 1.5 !important;
	height: 11.8em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical
}

.y-textbox * {
	line-height: inherit !important
}

.y-textbox p {
	padding-left: 1em;
	position: relative
}

.y-textbox p:before {
	content: "•";
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	line-height: 1.5;
	color: #a0a0a0
}

.y-item .y-bottom {
	width: 100%;
	padding-top: .2rem;
	text-align: center
}

.y-list {
	display: inline-block;
	vertical-align: middle;
	width: 2.2rem;
	margin-right: .3rem
}

.y-icon {
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	padding: .1rem .05rem 0
}

.y-icon img {
	width: 100%
}

.y-button {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: .06rem;
	text-align: center;
	color: #fff;
	padding: 0 .1rem;
	min-width: 1.5rem;
	height: .56rem;
	line-height: .56rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .28rem
}

.y-button:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: .22rem;
	height: .56rem;
	margin-right: .1rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/a148.png.pagespeed.ce.O1Q1YpLFIo.png);
	background-size: .22rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.y-more {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: .06rem;
	text-align: center;
	color: #fff;
	padding: 0 .1rem;
	min-width: 1.5rem;
	height: .56rem;
	line-height: .56rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .28rem
}

.y-more:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: .22rem;
	height: .56rem;
	margin-right: .1rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa149.png.pagespeed.ic.MM1kN5wO0J.png);
	background-size: .22rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.y-bottom {
	width: 100%;
	text-align: center
}

.y-back {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	color: #666;
	padding: 0 .4rem;
	height: .56rem;
	line-height: .56rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.y-back:after {
	content: '>';
	margin-left: .5rem
}

@media (max-width:750px) {
	.y-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.y-item {
		width: 100%;
		margin-right: 0;
		padding: .3rem 10px
	}
	
	.y-item:nth-child(2n) {
		margin-right: 0
	}
	
	.y-img {
		width: 100%;
		margin-bottom: .3rem;
		height: 200px;
		line-height: 200px
	}
	
	.y-icon {
		text-align: center
	}
	
	.y-icon img {
		width: auto;
		max-width: 80%
	}
	
	.y-textbox {
		height: auto
	}
	
	.y-text {
		width: 100%;
		padding-left: 0
	}
	
	.y-list {
		width: 100%;
		margin-bottom: .35rem;
		margin-right: 0
	}
	
	.y-button {
		width: 100%;
		margin: .15rem 0
	}
	
	.y-more {
		width: 100%;
		margin: .15rem 0
	}
}

.z-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .6rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345)
}

.z-b {
	width: 100%;
	padding: 0 1.8rem;
	margin: 0 auto
}

.z-cont {
	width: 100%;
	position: relative
}

.z-cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.z-left {
	float: left
}

.z-navbox {
	display: block;
	position: relative
}

.z-nav {
	display: block;
	padding: 1px 0;
	cursor: pointer
}

.z-c {
	display: inline-block;
	transition: all ease .5s;
	width: 36px;
	line-height: calc(100vh / 27 - 2rem / 27 - 3px);
	font-size: 1em;
	text-align: center;
	color: #999;
	background-color: #fff
}

.z-nav.goto .z-c {
	color: #000;
	font-weight: bold
}

.z-nav.goto.active .z-c {
	width: 50px;
	padding: .05rem 0;
	color: #fff;
	font-size: 1.4em;
	background-color: #003399
}

.z-right {
	float: right;
	width: 14.1rem;
	padding-top: .4rem
}

.z-one {
	width: 100%;
	padding-top: .1rem
}

.z-tip {
	color: #000;
	font-weight: bold;
	padding-bottom: .2rem;
	border-bottom: 1px solid #c0cfe2
}

.z-list {
	width: 100%;
	padding-top: .3rem;
	font-size: 0
}

.z-item {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	width: 2.58rem;
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.z-item:nth-child(5n) {
	margin-right: 0
}

.z-img {
	width: 100%;
	height: 2.25rem;
	line-height: 2.25rem;
	overflow: hidden
}

.z-img img {
	max-width: 70%;
	max-height: 70%;
	transform: scale(1.00);
	transition: all ease .5s
}

.z-text {
	width: 100%;
	padding: 0 .3rem .3rem
}

.z-name {
	color: #000;
	font-weight: bold;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.z-item:hover .z-img img {
	transform: scale(1.05)
}

.z-item:hover .z-name {
	color: #003399
}

@media (min-width:900px) {
	.z-left.fixed .z-navbox {
		position: fixed;
		top: 1.6rem;
		left: 1.8rem;
		z-index: 29
	}
	
	.z-left.fixed1 .z-navbox {
		position: absolute;
		bottom: 0;
		left: 0;
		top: auto !important
	}
}

@media (min-width:1200px) {
	.z-left.fixed .z-navbox {
		top: 2rem
	}
}

@media (max-width:900px) {
	.z-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.z-left {
		position: fixed;
		top: 1.6rem;
		left: 0;
		width: 100%;
		background-color: #fff;
		text-align: center;
		z-index: 88;
		box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
	}
	
	.z-navbox {
		width: 100%;
		white-space: nowrap;
		overflow: auto;
		font-size: 0
	}
	
	.z-nav {
		display: inline-block;
		padding: 0
	}
	
	.z-c {
		font-size: 1em !important;
		width: auto !important;
		padding: 0 .15rem !important;
		line-height: 30px !important
	}
	
	.z-right {
		width: 100%
	}
	
	.z-item {
		width: calc(50% - 5px);
		margin-right: 10px;
		padding: .3rem 10px
	}
	
	.z-item:nth-child(5n) {
		margin-right: 10px
	}
	
	.z-item:nth-child(2n) {
		margin-right: 0
	}
}

.xa-a {
	width: 100%
}

.xa-cont {
	width: 100%
}

.xa-top {
	width: 100%;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#000, #000)
}

.xa-titles {
	width: 15.2rem;
	margin: 0 auto;
	padding: .2rem 0;
	line-height: 1.66;
	color: #fff;
	font-weight: bold
}

.xa-middle {
	display: block;
	width: 100%;
	position: relative;
	cursor: pointer
}

.xa-bg {
	width: 100%;
	height: 7.5rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xa-b {
	position: absolute;
	bottom: .8rem;
	left: 50%;
	margin-left: -7.6rem;
	width: 15.2rem;
	text-align: left
}

.xa-c {
	display: inline-block;
	padding: .4rem;
	background-color: rgba(255, 255, 255, .9);
	width: 6rem;
	text-align: left
}

.xa-name {
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: .25rem
}

.xa-intro {
	margin-bottom: .45rem;
	color: #666;
	line-height: 1.55;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xa-more {
	display: inline-block;
	vertical-align: middle;
	min-width: 2rem;
	padding: 0 .3rem;
	height: .56rem;
	line-height: .56rem;
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .28rem
}

.xa-more:after {
	content: '>';
	margin-left: .3rem
}

.xa-bottom {
	width: 100%;
	font-size: 0;
	padding-top: .6rem;
	padding-bottom: .5rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#000, #000)
}

.xa-list {
	width: 15.2rem;
	margin: 0 auto;
	font-size: 0
}

.xa-item {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	margin-right: .3rem;
	margin-bottom: .3rem;
	width: 2.28rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xa-item:nth-child(6n) {
	margin-right: 0
}

.xa-img {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	overflow: hidden
}

.xa-img img {
	max-width: 70%;
	max-height: 70%;
	transform: scale(1.00);
	transition: all ease .5s
}

.xa-text {
	width: 100%;
	padding: 0 .2rem .2rem
}

.xa-d {
	color: #000;
	font-weight: bold;
	line-height: 1.5;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xa-item:hover .xa-img img {
	transform: scale(1.05)
}

.xa-item:hover .xa-d {
	color: #003399
}

.xa-cont:nth-child(2n) .xa-b {
	text-align: right
}

.xa-cont:nth-child(5n + 2) .xa-top {
	background-color: #f90;
	background-image: linear-gradient(45deg, #f90 0%, #faab36 100%), linear-gradient(#000, #000)
}

.xa-cont:nth-child(5n + 2) .xa-more {
	background-color: #f90;
	background-image: linear-gradient(45deg, #f90 0%, #faab36 100%), linear-gradient(#000, #000)
}

.xa-cont:nth-child(5n + 3) .xa-top {
	background-color: #0ba3f4;
	background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#000, #000)
}

.xa-cont:nth-child(5n + 3) .xa-more {
	background-color: #0ba3f4;
	background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#000, #000)
}

.xa-cont:nth-child(5n + 4) .xa-top {
	background-color: #ff4d00;
	background-image: linear-gradient(45deg, #ff4d00 0%, #ff773c 100%), linear-gradient(#000, #000)
}

.xa-cont:nth-child(5n + 4) .xa-more {
	background-color: #ff4d00;
	background-image: linear-gradient(45deg, #ff4d00 0%, #ff773c 100%), linear-gradient(#000, #000)
}

.xa-cont:nth-child(5n + 5) .xa-top {
	background-color: #3cc168;
	background-image: linear-gradient(45deg, #3cc168 0%, #69d58d 100%), linear-gradient(#000, #000)
}

.xa-cont:nth-child(5n + 5) .xa-more {
	background-color: #3cc168;
	background-image: linear-gradient(45deg, #3cc168 0%, #69d58d 100%), linear-gradient(#000, #000)
}

@media (max-width:750px) {
	.xa-titles {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xa-b {
		width: 100%;
		left: 50%;
		transform: translate(-50%, 0);
		margin-left: 0;
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xa-list {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xa-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.xa-item:nth-child(6n) {
		margin-right: 10px
	}
	
	.xa-item:nth-child(2n) {
		margin-right: 0
	}
}

.xb-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .9rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#eaf3fb, #eaf3fb)
}

.xb-b {
	width: 15.2rem;
	margin: 0 auto
}

.xb-cont {
	width: 100%;
	padding-bottom: .1rem;
	font-size: 0
}

.xb-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	position: relative;
	width: 3.57rem;
	margin-right: .28rem;
	margin-bottom: .3rem
}

.xb-item:nth-child(4n) {
	margin-right: 0
}

.xb-bg {
	width: 100%;
	height: 4.28rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xb-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .3rem .3rem
}

.xb-text:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: .06rem;
	background-color: #003399
}

.xb-text:after {
	content: '';
	position: absolute;
	bottom: 0;
	opacity: 0;
	left: 0;
	z-index: 10;
	transition: all ease .5s;
	width: 100%;
	height: 100%;
	background-color: #003399;
	background-image: linear-gradient(180deg, #2593f6 0%, #003399 100%)
}

.xb-name {
	position: relative;
	z-index: 18;
	color: #fff;
	font-weight: bold;
	line-height: 1.18;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xb-intro {
	position: relative;
	z-index: 18;
	color: #fff;
	line-height: 1.5;
	margin-top: .15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: none;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.xb-more {
	display: none;
	position: relative;
	z-index: 18;
	color: #fff;
	margin-top: .3rem;
	font-size: 0 !important;
	height: .13rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa145.png.pagespeed.ic.9hnawbm_pn.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat
}

.xb-item:hover .xb-text:after {
	opacity: 1
}

.xb-item:hover .xb-intro {
	display: block;
	display: -webkit-box
}

.xb-item:hover .xb-more {
	display: block
}

@media (max-width:750px) {
	.xb-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xb-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.xb-item:nth-child(4n) {
		margin-right: 10px
	}
	
	.xb-item:nth-child(2n) {
		margin-right: 0
	}
	
	.xb-bg {
		height: auto;
		padding-top: 119.8%
	}
	
	.xb-intro {
		-webkit-line-clamp: 2
	}
}

.xc-a {
	width: 100%;
	background-color: #e2eef8;
	padding-top: 1rem;
	padding-bottom: .9rem;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.xc-b {
	width: 15.2rem;
	margin: 0 auto
}

.xc-top {
	width: 100%;
	font-size: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: .3rem
}

.xc-c {
	display: block;
	margin-bottom: .3rem
}

.xc-titles {
	color: #000;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: .2rem
}

.xc-d {
	display: inline-block;
	color: #fff;
	padding: .11rem .2rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#0069c7, #0069c7);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .17rem
}

.xc-e {
	display: block;
	width: 3.2rem;
	padding-bottom: .3rem
}

.xc-form {
	display: block;
	font-size: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .28rem
}

.xc-input {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background-color: transparent;
	width: calc(100% - .8rem);
	color: #666;
	height: .56rem;
	padding: 0 .2rem
}

.xc-submit {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	background-color: transparent;
	width: .8rem;
	height: .56rem;
	color: transparent;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa3-b.png.pagespeed.ic.DjYzLyJ6EZ.png);
	background-size: .18rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.xc-cont {
	width: 100%;
	margin-bottom: .35rem
}

.xc-cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.xc-left {
	float: left;
	width: 12rem
}

.xc-f {
	width: 100%
}

.xc-item {
	width: 100%
}

.xc-img {
	display: block;
	width: 100%
}

.xc-img img {
	width: 100%
}

.xc-right {
	float: right;
	padding-right: .2rem;
	position: relative
}

.xc-g {
	width: 2.75rem;
	height: 7.2rem
}

.xc-nav {
	display: block;
	width: 100%;
	height: 1.65rem;
	margin-bottom: .2rem
}

.xc-bg {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xc-bg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5)
}

.xc-nav.active {
	border: .04rem solid #003399
}

.xc-nav.active .xc-bg:after {
	display: none
}

.xc-scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: .04rem;
	height: 100%;
	background-color: #8db9e8
}

.xc-scrollbar .swiper-scrollbar-drag {
	background-color: #3392e6;
	background-image: linear-gradient(0deg, #3392e6 0%, #0069c7 100%), linear-gradient(#8db9e8, #8db9e8)
}

.xc-bottom {
	width: 100%
}

.xc-textbox {
	color: #666;
	line-height: 1.55
}

.xc-textbox * {
	line-height: inherit
}

@media (max-width:750px) {
	.xc-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xc-e {
		width: 100%
	}
	
	.xc-form {
		border-radius: 15px
	}
	
	.xc-input {
		height: 30px
	}
	
	.xc-submit {
		height: 30px
	}
	
	.xc-left {
		width: 100%;
		margin-bottom: .3rem
	}
	
	.xc-right {
		width: 100%;
		padding-bottom: .15rem;
		padding-right: 0;
		margin-bottom: 0
	}
	
	.xc-g {
		width: 100%;
		height: auto
	}
	
	.xc-nav {
		width: calc(33.33% - .1rem);
		margin-right: .15rem;
		height: auto
	}
	
	.xc-bg {
		height: auto;
		padding-top: 59.78%
	}
	
	.xc-scrollbar {
		position: absolute;
		bottom: 0;
		left: 0;
		top: auto;
		right: auto;
		width: 100%;
		height: .04rem
	}
}

.xd-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: relative
}

.xd-b {
	width: 15.5rem;
	margin: 0 auto
}

.xd-cont {
	width: 100%;
	position: relative
}

.xd-c {
	width: 100%;
	padding-bottom: .2rem
}

.xd-item {
	width: 33.33%;
	padding: 0 .15rem .3rem
}

.xd-d {
	display: block;
	cursor: pointer;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xd-img {
	width: 100%;
	overflow: hidden
}

.xd-img img {
	width: 100%;
	transform: scale(1.00);
	transition: all ease .5s
}

.xd-text {
	width: 100%;
	padding: .4rem .3rem .5rem
}

.xd-name {
	color: #000;
	font-weight: bold;
	line-height: 1.2;
	height: 2.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xd-item:hover .xd-img img {
	transform: scale(1.05)
}

.xd-item:hover .xd-name {
	color: #003399
}

.xd-prev {
	left: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xd-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.xd-next {
	transform: rotate(-180deg);
	right: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 -.05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xd-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.xd-button {
	width: 100%;
	text-align: center
}

.xc-more {
	display: inline-block;
	cursor: pointer;
	padding: .2rem .4rem;
	color: #666;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.xc-more:after {
	content: '>';
	margin-left: .3rem
}

@media (max-width:750px) {
	.xd-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xd-cont {
		padding: 0 .8rem
	}
	
	.xd-item {
		width: 80%
	}
	
	.xd-prev {
		left: 0
	}
	
	.xd-next {
		right: 0
	}
}

.xe-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem;
	overflow: hidden;
	position: relative;
	background-color: #dff1f6;
	background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#edf9fd, #edf9fd)
}

.xe-b {
	width: 15.5rem;
	margin: 0 auto
}

.xe-navbox {
	width: 100%;
	font-size: 0;
	text-align: center;
	padding-bottom: .3rem
}

.xe-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 .3rem;
	margin: 0 .15rem .3rem;
	min-width: 2.65rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.xe-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: .15rem
}

.xe-icon1 {
	display: block;
	height: 1.25em
}

.xe-icon1 img {
	height: 100%
}

.xe-icon2 {
	display: none;
	height: 1.25em
}

.xe-icon2 img {
	height: 100%
}

.xe-tip {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .56rem
}

.xe-nav:hover {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.xe-nav:hover .xe-icon1 {
	display: none
}

.xe-nav:hover .xe-icon2 {
	display: block
}

.xe-nav:hover .xe-tip {
	color: #fff
}

.xe-nav.active {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.xe-nav.active .xe-icon1 {
	display: none
}

.xe-nav.active .xe-icon2 {
	display: block
}

.xe-nav.active .xe-tip {
	color: #fff
}

.xe-list {
	width: 100%;
	position: relative
}

.xe-one {
	position: absolute;
	top: 0;
	left: 19rem;
	width: 100%
}

.xe-one.show {
	position: relative;
	left: 0
}

.xe-c {
	width: 100%;
	padding-bottom: .2rem
}

.xe-item {
	width: 25%;
	padding: 0 .15rem .3rem
}

.xe-d {
	display: block;
	cursor: pointer;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xe-img {
	width: 100%;
	overflow: hidden;
	height: 2.35rem;
	position: relative
}

.xe-img img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s
}

.xe-text {
	width: 100%;
	padding: .4rem .3rem .3rem
}

.xe-name {
	color: #000;
	font-weight: bold;
	line-height: 1.2;
	height: 2.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xe-item:hover .xe-img img {
	transform: scale(1.05)
}

.xe-item:hover .xe-name {
	color: #003399
}

.xe-prev {
	left: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xe-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.xe-next {
	transform: rotate(-180deg);
	right: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 -.05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xe-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

@media (max-width:750px) {
	.xe-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xe-one {
		padding: 0 .8rem
	}
	
	.xe-item {
		width: 80%
	}
	
	.xe-prev {
		left: 0
	}
	
	.xe-next {
		right: 0
	}
	
	.xe-img {
		height: auto;
		padding-top: 62.66%
	}
	
	.xe-navbox {
		white-space: nowrap;
		overflow: auto
	}
	
	.xe-nav {
		min-width: .6rem;
		border-radius: .3rem;
		margin: 0 .15rem .3rem 0;
		padding: 0;
		transition: all ease .5s
	}
	
	.xe-icon {
		margin-right: 0
	}
	
	.xe-icon1 {
		line-height: .6rem;
		height: .6rem
	}
	
	.xe-icon1 img {
		height: 50%
	}
	
	.xe-icon2 {
		line-height: .6rem;
		height: .6rem
	}
	
	.xe-icon2 img {
		height: 50%
	}
	
	.xe-tip {
		display: none;
		font-size: 12px;
		margin-left: .15rem
	}
	
	.xe-nav.active {
		padding: 0 .15rem
	}
	
	.xe-nav.active .xe-tip {
		display: inline-block
	}
}

.xf-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#eaf3fb, #eaf3fb)
}

.xf-b {
	width: 15.2rem;
	margin: 0 auto
}

.xf-cont {
	width: 100%;
	font-size: 0
}

.xf-item {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	width: calc(50% - .15rem);
	cursor: pointer;
	position: relative;
	margin-right: .3rem;
	margin-bottom: .3rem
}

.xf-bg {
	display: block;
	width: 100%;
	height: 3.95rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xf-text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: .3rem;
	transition: all ease .5s
}

.xf-text:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: .06rem;
	background-color: #0069c7
}

.xf-text:after {
	content: '';
	position: absolute;
	bottom: 0;
	opacity: 0;
	left: 0;
	z-index: 10;
	transition: all ease .5s;
	width: 100%;
	height: 100%;
	background-color: #003399;
	background-image: linear-gradient(180deg, #2593f6 0%, #003399 100%)
}

.xf-name {
	position: relative;
	z-index: 18;
	color: #fff;
	font-weight: bold;
	line-height: 1.38;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.xf-intro {
	display: none;
	margin-top: .15rem;
	position: relative;
	z-index: 18;
	line-height: 1.5;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xf-more {
	display: none;
	position: relative;
	z-index: 18;
	color: #fff;
	margin-top: .25rem;
	font-size: 0 !important;
	height: .13rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa145.png.pagespeed.ic.9hnawbm_pn.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat
}

.xf-item:hover .xf-text:after {
	opacity: 1
}

.xf-item:hover .xf-intro {
	display: -webkit-box
}

.xf-item:hover .xf-more {
	display: block
}

@media (min-width:750px) {
	.xf-item:nth-child(5n + 2) {
		margin-right: 0
	}
	
	.xf-item:nth-child(5n + 3) {
		width: calc(33.33% - .2rem)
	}
	
	.xf-item:nth-child(5n + 3) .xf-bg {
		height: 3rem
	}
	
	.xf-item:nth-child(5n + 4) {
		width: calc(33.33% - .2rem)
	}
	
	.xf-item:nth-child(5n + 4) .xf-bg {
		height: 3rem
	}
	
	.xf-item:nth-child(5n + 5) {
		width: calc(33.33% - .2rem);
		margin-right: 0
	}
	
	.xf-item:nth-child(5n + 5) .xf-bg {
		height: 3rem
	}
}

@media (max-width:750px) {
	.xf-b {
		width: 100%;
		max-width: 500px;
		padding-left: 5px;
		padding-right: 5px
	}
	
	.xf-item:nth-child(5n + 1) {
		width: calc(100% - 10px)
	}
	
	.xf-item {
		width: calc(50% - 10px);
		margin: 0 5px .35rem
	}
	
	.xf-bg {
		height: auto;
		padding-top: 61.2%
	}
	
	.xf-text {
		position: relative;
		padding: 10px 15px
	}
	
	.xf-text:before {
		background-color: #f90
	}
	
	.xf-text:after {
		opacity: 1
	}
	
	.xf-more {
		margin-top: .25rem;
		display: block
	}
	
	.xf-name {
		font-size: 14px
	}
	
	.xf-intro {
		font-size: 12px;
		color: #fff;
		display: -webkit-box
	}
	
	.xf-more {
		font-size: 12px
	}
	
	.xf-more:after {
		font-size: 12px
	}
}

.xg-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem
}

.xg-b {
	width: 15.2rem;
	margin: 0 auto
}

.xg-cont {
	width: 100%
}

.xg-item {
	display: block;
	cursor: pointer;
	font-size: 0;
	margin-bottom: .3rem;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xg-img {
	display: inline-block;
	vertical-align: middle;
	width: 4.2rem;
	overflow: hidden
}

.xg-img img {
	width: 100%;
	transform: scale(1.00);
	transition: all ease .5s
}

.xg-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 4.2rem);
	padding: 0 .3rem
}

.xg-name {
	color: #000;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: .2rem
}

.xg-intro {
	margin-bottom: .5rem;
	color: #666;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xg-more {
	color: #999;
	width: 100%;
	font-size: 0 !important;
	height: .13rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa145-b.png.pagespeed.ic.OUdP3yHA0m.png);
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat
}

.xg-item:hover .xg-img img {
	transform: scale(1.05)
}

.xg-item:hover .xg-name {
	color: #003399
}

.xg-item:hover .xg-more {
	color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa145-c.png.pagespeed.ic.iSNiOBECfn.png)
}

@media (max-width:750px) {
	.xg-b {
		width: 100%;
		max-width: 500px;
		padding-left: 5px;
		padding-right: 5px
	}
	
	.xg-item {
		width: 100%;
		padding: .2rem
	}
	
	.xg-img {
		width: 3rem
	}
	
	.xg-text {
		width: calc(100% - 3rem);
		padding: 0 0 0 .2rem
	}
	
	.xg-intro {
		margin-bottom: .3rem
	}
}

.my-button {
	width: 100%;
	text-align: center;
	padding-top: .5rem
}

.my-back {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	color: #666;
	padding: 0 .4rem;
	height: .56rem;
	line-height: .56rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.my-back:after {
	content: '>';
	margin-left: .5rem
}

.xh-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .9rem;
	position: relative;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.xh-b {
	width: 15.2rem;
	margin: 0 auto
}

.my-id {
	position: absolute;
	top: -1.95rem;
	left: 0
}

.xh-cont {
	width: 100%
}

.xh-textbox {
	width: 100%;
	line-height: 1.55;
	color: #666;
	padding-bottom: .15rem
}

.xh-textbox * {
	line-height: inherit;
	max-width: 100%
}

.xh-imgbox {
	width: 100%;
	font-size: 0
}

.xh-img {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - .15rem);
	margin-right: .3rem;
	margin-bottom: .3rem
}

.xh-img:nth-child(2n) {
	margin-right: 0
}

.xh-img img {
	width: 100%
}

.xh-list {
	width: 100%;
	font-size: 0;
	padding-bottom: .2rem
}

.xh-item {
	display: inline-block;
	vertical-align: top;
	width: 36%;
	padding-right: 1.95rem;
	margin-bottom: .3rem;
	position: relative
}

.xh-item:after {
	content: '';
	position: absolute;
	top: 50%;
	right: .8rem;
	margin-top: -.2rem;
	width: 1px;
	height: .4rem;
	background-color: #bad5f1
}

.xh-item:nth-child(3n):after {
	display: none
}

.xh-icon {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 1.6rem;
	width: .35rem
}

.xh-icon img {
	width: 100%
}

.xh-c {
	display: block
}

.xh-tip {
	width: 100%;
	margin-bottom: .2rem
}

.xh-nub {
	display: inline-block;
	vertical-align: bottom;
	color: #0069c7;
	font-weight: bold
}

.xh-d {
	display: inline-block;
	vertical-align: bottom;
	color: #0069c7;
	font-weight: bold
}

.xh-intro {
	color: #666;
	line-height: 1.55
}

.xh-video {
	width: 100%;
	position: relative;
	margin-bottom: .6rem;
	cursor: pointer
}

.xh-bg {
	width: 100%;
	height: 5.9rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xh-text {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 100%;
	padding: 0 10px;
	text-align: center
}

.xh-name {
	width: 100%;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: .4rem;
	color: #fff
}

.xh-play {
	width: 100%
}

.xh-play img {
	width: .85rem
}

.xh-video video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.xh-video.play video {
	z-index: 18;
	opacity: 1
}

.xh-item:nth-child(3n+2) .xh-tip {
	color: #3cc168
}

.xh-item:nth-child(3n+2) .xh-nub {
	color: #3cc168
}

.xh-item:nth-child(3n+2) .xh-d {
	color: #3cc168
}

.xh-item:nth-child(3n+3) .xh-tip {
	color: #f90
}

.xh-item:nth-child(3n+3) .xh-nub {
	color: #f90
}

.xh-item:nth-child(3n+3) .xh-d {
	color: #f90
}

@media (min-width:750px) {
	.xh-item:nth-child(3n+3) {
		width: 28%;
		padding-right: .4rem
	}
	
	.xh-item:nth-child(3n+3) .xh-icon {
		right: 0
	}
}

@media (max-width:750px) {
	.xh-b {
		width: 100%;
		max-width: 500px;
		padding-left: 5px;
		padding-right: 5px
	}
	
	.xh-text {
		display: none
	}
	
	.xh-video video {
		z-index: 18;
		opacity: 18
	}
	
	.xh-item {
		width: 33.33%;
		text-align: center;
		padding: 0 .1rem
	}
	
	.xh-item:after {
		right: 0
	}
	
	.xh-icon {
		position: relative;
		transform: translate(0, 0);
		right: 0;
		top: 0;
		width: 100%;
		text-align: center;
		margin-bottom: .2rem
	}
	
	.xh-icon img {
		width: .35rem
	}
	
	.xh-intro {
		font-size: 12px
	}
}

.xi-a {
	width: 100%;
	position: relative;
	padding-top: 1rem;
	padding-bottom: .7rem
}

.xi-b {
	width: 15.2rem;
	margin: 0 auto
}

.xi-top {
	width: 100%;
	font-size: 0;
	padding-bottom: .2rem
}

.xi-item {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 2.55rem;
	margin-bottom: .5rem;
	margin-right: .6rem
}

.xi-item:nth-child(5n) {
	margin-right: 0
}

.xi-img {
	width: 100%;
	margin-bottom: .2rem
}

.xi-img img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xi-text {
	width: 100%
}

.xi-name {
	color: #000;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: .1rem
}

.xi-intro {
	color: #666;
	line-height: 1.6
}

.xi-navbox {
	width: 100%;
	font-size: 0;
	text-align: center;
	padding-bottom: .3rem
}

.xi-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 .3rem;
	margin: 0 .15rem .3rem;
	min-width: 2.4rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.xi-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: .15rem
}

.xi-icon1 {
	display: block;
	height: 1.25em
}

.xi-icon1 img {
	height: 100%
}

.xi-icon2 {
	display: none;
	height: 1.25em
}

.xi-icon2 img {
	height: 100%
}

.xi-tip {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .56rem
}

.xi-nav.active {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.xi-nav.active .xi-icon1 {
	display: none
}

.xi-nav.active .xi-icon2 {
	display: block
}

.xi-nav.active .xi-tip {
	color: #fff
}

.xi-cont {
	width: 100%
}

.xi-one {
	display: none;
	width: 100%
}

.xi-one.show {
	display: block
}

.xi-c {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.xi-d {
	display: block;
	width: 7.45rem;
	margin-bottom: .3rem
}

.xi-e {
	display: flex;
	width: 100%;
	flex-wrap: wrap
}

.xi-f {
	display: block;
	width: 50%;
	color: #666;
	line-height: 1.6;
	background-color: #eff7ff;
	padding: .15rem .3rem;
	border: solid 1px #abd7ff
}

.xi-f:nth-child(2n) {
	color: #000;
	background-color: #fff
}

.xi-l {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.xi-m {
	display: block;
	width: 4.85rem
}

.xi-n {
	width: 100%;
	margin-bottom: .3rem
}

.xi-o {
	width: 100%;
	line-height: 1.44;
	color: #fff;
	font-weight: bold;
	padding: .15rem .3rem;
	background-color: #ff4d00;
	background-image: linear-gradient(45deg, #ff4d00 0%, #ff773c 100%), linear-gradient(#003399, #003399)
}

.xi-p {
	width: 100%
}

.xi-q {
	display: flex;
	width: 100%;
	flex-wrap: wrap
}

.xi-r {
	display: block;
	width: 50%;
	color: #666;
	line-height: 1.6;
	padding: .15rem .3rem;
	background-color: #fff7f4;
	border: solid 1px #fad2c1
}

.xi-r:nth-child(2n) {
	color: #000;
	background-color: #fff
}

.xi-n.color2 .xi-o {
	background-color: #f90;
	background-image: linear-gradient(45deg, #f90 0%, #faab36 100%), linear-gradient(#003399, #003399)
}

.xi-n.color3 .xi-o {
	background-color: #003399;
	background-image: linear-gradient(180deg, #2593f6 0%, #003399 100%)
}

.xi-n.color3 .xi-r {
	background-color: #eff7ff;
	border: solid 1px #abd7ff
}

.xi-n.color3 .xi-r:nth-child(2n) {
	background-color: #fff
}

.xi-n.color4 .xi-o {
	background-color: #3cc168;
	background-image: linear-gradient(45deg, #3cc168 0%, #69d58d 100%), linear-gradient(#003399, #003399)
}

.xi-n.color4 .xi-r {
	background-color: #eff7ff;
	border: solid 1px #abd7ff
}

.xi-n.color4 .xi-r:nth-child(2n) {
	background-color: #fff
}

.xi-n.color5 .xi-o {
	background-color: #0ba3f4;
	background-image: linear-gradient(45deg, #0ba3f4 0%, #3bb9fc 100%), linear-gradient(#003399, #003399)
}

.xi-n.color5 .xi-r {
	background-color: #eff7ff;
	border: solid 1px #abd7ff
}

.xi-n.color5 .xi-r:nth-child(2n) {
	background-color: #fff
}

@media (min-width:750px) {
	.xi-nav:hover {
		background-color: #003399;
		background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
	}
	
	.xi-nav:hover .xi-icon1 {
		display: none
	}
	
	.xi-nav:hover .xi-icon2 {
		display: block
	}
	
	.xi-nav:hover .xi-tip {
		color: #fff
	}
}

@media (max-width:750px) {
	.xi-b {
		width: 100%;
		max-width: 500px;
		padding-left: 5px;
		padding-right: 5px
	}
	
	.xi-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.xi-item:nth-child(5n) {
		margin-right: 10px
	}
	
	.xi-item:nth-child(2n) {
		margin-right: 0
	}
	
	.xi-img img {
		width: 80%
	}
	
	.xi-d {
		width: 100%
	}
	
	.xi-m {
		width: 100%
	}
}

.xj-a {
	width: 100%;
	overflow: hidden;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: relative;
	background-color: #dff1f6;
	background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#fff, #fff)
}

.xj-b {
	width: 15.2rem;
	margin: 0 auto
}

.xj-top {
	width: 100%;
	position: relative;
	margin-bottom: .6rem
}

.xj-top:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #003399;
	opacity: .2
}

.xj-c {
	width: 100%
}

.xj-nav {
	width: 20%;
	padding-top: 50px;
	text-align: center;
	cursor: pointer;
	position: relative
}

.xj-nav:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #dff1f6;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	border: solid 2px #003399
}

.xj-d {
	color: #666;
	font-size: 1em;
	font-weight: bold
}

.xj-nav.active .xj-d {
	color: #0064c6;
	font-size: 1.3em
}

.xj-nav.active:before {
	top: 0;
	width: 34px;
	height: 34px
}

.xj-nav.active:after {
	content: '';
	position: absolute;
	top: 12px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #0064c6
}

.xj-cont {
	width: 100%;
	position: relative
}

.xj-one {
	position: absolute;
	top: 0;
	left: -250%;
	width: 100%
}

.xj-one.show {
	position: relative;
	left: 0
}

.xj-e {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xj-item {
	width: 100%
}

.xj-f {
	display: block;
	cursor: pointer;
	width: 100%;
	font-size: 0
}

.xj-img {
	display: inline-block;
	vertical-align: middle;
	width: 7.6rem
}

.xj-img img {
	width: 100%
}

.xj-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 7.6rem);
	padding: .2rem .6rem
}

.xj-year {
	color: #000;
	font-weight: bold;
	position: relative;
	padding-bottom: .35rem;
	margin-bottom: .45rem
}

.xj-year:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: .5rem;
	height: .05rem;
	background-color: #0064c6
}

.xj-textbox {
	color: #666;
	line-height: 2
}

.xj-textbox * {
	line-height: inherit
}

.xj-prev {
	top: auto;
	bottom: .2rem;
	right: .85rem;
	left: auto;
	margin-top: 0;
	width: .56rem;
	height: .56rem;
	border-radius: 0;
	background-color: #0064c6;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xj-next {
	transform: rotate(-180deg);
	top: auto;
	bottom: .2rem;
	right: .2rem;
	margin-top: 0;
	width: .56rem;
	height: .56rem;
	border-radius: 0;
	background-color: #0064c6;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xj-one.hide .xj-prev {
	display: none
}

.xj-one.hide .xj-next {
	display: none
}

.xj-prev2 {
	left: -1rem;
	top: 25px;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xj-prev2:hover {
	background-color: #0064c6;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.xj-next2 {
	transform: rotate(-180deg);
	top: 25px;
	right: -1rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xj-next2:hover {
	background-color: #0064c6;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

@media (max-width:750px) {
	.xj-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xj-nav {
		width: 33.33%
	}
	
	.xj-img {
		width: 100%
	}
	
	.xj-text {
		width: 100%;
		padding: .25rem .3rem
	}
	
	.xj-prev2 {
		display: none
	}
	
	.xj-next2 {
		display: none
	}
	
	.xj-one {
		padding-bottom: .8rem
	}
	
	.xj-prev {
		top: auto;
		bottom: 0;
		border-radius: 50%;
		margin-top: 0;
		left: calc(50% - .8rem)
	}
	
	.xj-next {
		top: auto;
		bottom: 0;
		border-radius: 50%;
		margin-top: 0;
		right: calc(50% - .8rem)
	}
}

.xk-a {
	width: 100%;
	position: relative;
	padding-top: 1rem;
	padding-bottom: .7rem
}

.xk-b {
	width: 15.2rem;
	margin: 0 auto
}

.xk-cont {
	width: 100%;
	font-size: 0
}

.xk-item {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: calc(20% - .25rem);
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xk-item:nth-child(5n) {
	margin-right: 0
}

.xk-img {
	width: 100%;
	overflow: hidden
}

.xk-img img {
	width: 100%;
	cursor: pointer;
	transform: scale(1.00);
	transition: all ease .5s
}

.xk-text {
	width: 100%;
	padding: .2rem
}

.xk-name {
	color: #000;
	line-height: 1.44;
	font-weight: bold;
	height: 2.88em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xk-item:hover .xk-img img {
	transform: scale(1.05)
}

@media (max-width:750px) {
	.xk-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xk-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.xk-item:nth-child(5n) {
		margin-right: 10px
	}
	
	.xk-item:nth-child(2n) {
		margin-right: 0
	}
	
	.xk-name br {
		display: none
	}
}

.xl-a {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xl-b {
	width: 15.2rem;
	margin: 0 auto
}

.xl-cont {
	width: 100%;
	font-size: 0
}

.xl-left {
	display: inline-block;
	vertical-align: middle;
	width: 8.6rem;
	font-size: 0
}

.xl-c {
	display: inline-block;
	vertical-align: middle;
	width: .9rem;
	position: relative;
	z-index: 8;
	padding: .4rem 0
}

.xl-d {
	width: 100%;
	height: 4rem
}

.xl-nav {
	width: 100%;
	height: .8rem;
	padding: .05rem 0;
	cursor: pointer
}

.xl-nav .xl-img {
	width: 100%;
	height: .7rem;
	text-align: center;
	line-height: .68rem;
	background-color: #fff;
	border: solid .01rem #bdcde0
}

.xl-nav .xl-img img {
	max-width: 80%;
	max-height: 80%
}

.xl-nav.active .xl-img {
	line-height: .66rem;
	border: solid .02rem #003399
}

.xl-e {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - .9rem);
	padding-left: 1.1rem
}

.xl-f {
	display: inline-block;
	width: 5.7rem
}

.xl-item {
	pointer-events: none;
	opacity: 0;
	width: 100%
}

.xl-f:hover {
	overflow: visible
}

.xl-f:hover .swiper-slide {
	visibility: hidden !important
}

.xl-f:hover .swiper-slide.swiper-slide-active {
	visibility: visible !important
}

.xl-f:hover .swiper-slide .MagicZoomPlusHint {
	visibility: hidden !important
}

.MagicZoomPlusHint {
	visibility: hidden !important
}

.xl-f:hover .swiper-slide.swiper-slide-active .MagicZoomPlusHint {
	visibility: visible !important
}

.xl-f img {
	max-width: none
}

.xl-item {
	width: 5.7rem;
	cursor: pointer
}

.xl-item .xl-img {
	display: inline-block;
	width: 100%;
	height: 5.7rem;
	line-height: 5.7rem
}

.xl-item .xl-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.xl-item.swiper-slide-active {
	pointer-events: auto;
	opacity: 1
}

.xl-right {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 8.6rem);
	padding-left: 1.1rem
}

.xl-name {
	color: #000;
	line-height: 1.23;
	font-weight: bold;
	margin-bottom: .35rem
}

.xl-share {
	display: block;
	font-size: 0;
	margin-bottom: .45rem
}

.xl-tip {
	display: inline-block;
	vertical-align: middle;
	color: #999;
	line-height: 1.3;
	margin-right: .2rem
}

.xl-list {
	display: inline-block;
	vertical-align: middle
}

.xl-one {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: .44rem;
	margin-right: .15rem
}

.xl-one img {
	width: 100%
}

.xl-textbox {
	width: 100%;
	color: #666;
	line-height: 1.55;
	margin-bottom: .25rem;
	text-align: justify
}

.xl-textbox * {
	line-height: inherit
}

.xl-g {
	width: 100%;
	font-size: 0
}

.xl-button {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-top: .25rem;
	text-align: center;
	margin-right: .3rem;
	min-width: 2.06rem;
	padding: 0 .25rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.xl-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: .15rem
}

.xl-icon1 {
	display: block;
	width: 1.3em
}

.xl-icon1 img {
	width: 100%
}

.xl-icon2 {
	display: none;
	width: 1.3em
}

.xl-icon2 img {
	width: 100%
}

.xl-text {
	display: inline-block;
	vertical-align: middle;
	line-height: .56rem
}

.xl-button:hover {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.xl-button:hover .xl-icon1 {
	display: none
}

.xl-button:hover .xl-icon2 {
	display: block
}

.xl-button:hover .xl-text {
	color: #fff
}

@media (min-width:750px) {
	.xl-prev {
		left: 0;
		margin-top: 0;
		top: 0;
		width: 100%;
		height: .26rem;
		background-color: transparent;
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa112.png.pagespeed.ic.A5irvBloOn.png);
		background-size: .26rem auto;
		background-position: center center;
		background-repeat: no-repeat
	}
	
	.xl-prev:hover {
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa112-b.png.pagespeed.ic.xoASuDj9z-.png)
	}
	
	.xl-next {
		transform: rotate(-180deg);
		left: 0;
		margin-top: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		height: .26rem;
		background-color: transparent;
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa112.png.pagespeed.ic.A5irvBloOn.png);
		background-size: .26rem auto;
		background-position: center center;
		background-repeat: no-repeat
	}
	
	.xl-next:hover {
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa112-b.png.pagespeed.ic.xoASuDj9z-.png)
	}
}

@media (max-width:750px) {
	.xl-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xl-left {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		width: 100%;
		margin-bottom: .5rem
	}
	
	.xl-e {
		width: 100%;
		padding-left: 0
	}
	
	.xl-c {
		width: 100%;
		padding: 0 .8rem
	}
	
	.xl-d {
		height: auto
	}
	
	.xl-nav {
		width: calc(25% - .2rem);
		margin-right: .266rem
	}
	
	.xl-e {
		text-align: center;
		padding-left: 0
	}
	
	.xl-f {
		text-align: left
	}
	
	.xl-prev {
		left: 0;
		margin-top: -.28rem;
		width: .56rem;
		height: .56rem;
		border-radius: 50%;
		background-color: #fff;
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
		background-size: .09rem auto;
		background-position: center center;
		background-repeat: no-repeat;
		box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
	}
	
	.xl-prev:hover {
		background-color: #0064c6;
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
	}
	
	.xl-next {
		transform: rotate(-180deg);
		right: 0;
		margin-top: -.28rem;
		width: .56rem;
		height: .56rem;
		border-radius: 50%;
		background-color: #fff;
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
		background-size: .09rem auto;
		background-position: center center;
		background-repeat: no-repeat;
		box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
	}
	
	.xl-next:hover {
		background-color: #0064c6;
		background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
	}
	
	.xl-right {
		width: 100%;
		padding-left: 0
	}
	
	.xl-button {
		width: calc(50% - .15rem);
		border-radius: 20px;
		padding: 0 15px
	}
	
	.xl-button:nth-child(2n) {
		margin-right: 0
	}
	
	.xl-text {
		line-height: 40px
	}
	
	.MagicZoomPup {
		display: none !important
	}
}

.xm-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem;
	position: relative
}

.xm-b {
	width: 15.2rem;
	margin: 0 auto
}

.xm-cont {
	width: 100%
}

.xm-item {
	display: block;
	width: 100%;
	padding: .3rem;
	font-size: 0;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xm-icon {
	display: inline-block;
	vertical-align: middle;
	width: 1rem
}

.xm-icon img {
	width: 100%
}

.xm-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 1rem);
	padding-left: .3rem
}

.xm-name {
	color: #000;
	font-weight: bold;
	line-height: 1.38;
	margin-bottom: .15rem
}

.xm-intro {
	color: #666;
	line-height: 1.5
}

.xm-intro * {
	line-height: inherit
}

.xm-intro p {
	margin-bottom: 16px
}

.xm-intro p:last-child {
	margin-bottom: 0
}

.my-textbox {
	color: #666;
	line-height: 1.555;
	margin-bottom: .45rem
}

.my-textbox * {
	line-height: inherit;
	max-width: 100%
}

@media (max-width:750px) {
	.xm-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.xn-a {
	position: relative;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: dff1f6;
	background-image: linear-gradient(45deg, #dff1f6 0%, #f1fbff 100%), linear-gradient(#000, #000)
}

.xn-b {
	width: 15.2rem;
	margin: 0 auto
}

.xn-cont {
	width: 100%
}

.xn-top {
	display: flex;
	background-color: #003399;
	background-image: linear-gradient(90deg, #003399 0%, #086fcb 100%), linear-gradient(#003399, #003399)
}

.xn-c {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .15rem .3rem;
	line-height: 1.5;
	flex: 1;
	color: #fff;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, .2)
}

.xn-c:first-child {
	flex: none;
	width: 3.8rem
}

.xn-bottom {
	width: 100%
}

.xn-item {
	display: flex;
	background-color: #003399;
	background-color: #fff
}

.xn-d {
	display: flex;
	align-items: center;
	min-height: calc(.3rem + 3.2em);
	padding: .15rem .3rem;
	line-height: 1.6;
	flex: 1;
	color: #666;
	border: solid 1px #abd7ff
}

.xn-d:first-child {
	flex: none;
	width: 3.8rem;
	justify-content: center
}

@media (max-width:750px) {
	.xn-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xn-c {
		flex: 2
	}
	
	.xn-d {
		flex: 2
	}
	
	.xn-c:first-child {
		width: auto;
		flex: 1
	}
	
	.xn-d:first-child {
		width: auto;
		flex: 1
	}
}

.xo-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem;
	position: relative
}

.xo-b {
	width: 15.5rem;
	margin: 0 auto
}

.xo-cont {
	width: 100%;
	position: relative
}

.xo-cont {
	width: 100%;
	font-size: 0
}

.xo-item {
	display: block;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xo-img {
	width: 100%;
	margin-bottom: .35rem;
	height: 2.9rem;
	line-height: 2.9rem;
	overflow: hidden;
	position: relative
}

.xo-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.00);
	transition: all ease .5s
}

.xo-text {
	width: 100%;
	padding: 0 .25rem .35rem
}

.xo-name {
	font-weight: bold;
	color: #000;
	line-height: 1.55;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.xo-item:hover .xo-img img {
	transform: scale(1.05)
}

.xo-item:hover .xo-name {
	color: #003399
}

.xo-c {
	width: 100%
}

.xo-d {
	width: 25%;
	padding: 0 .15rem .3rem
}

.xo-item:last-child {
	margin-right: 0
}

.xo-prev {
	left: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xo-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.xo-next {
	transform: rotate(-180deg);
	right: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 -.05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xo-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

@media (max-width:750px) {
	.xo-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xo-cont {
		padding: 0 .28rem
	}
	
	.xo-d {
		width: 50%;
		padding: 5px
	}
	
	.xo-prev {
		left: 0
	}
	
	.xo-next {
		right: 0
	}
	
	.xo-img {
		height: auto;
		padding-top: 81.3%
	}
	
	.xo-text {
		padding: 0 .2rem .3rem
	}
}

.xp-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem;
	background-color: #e2eef8;
	position: relative;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#000, #000)
}

.xp-b {
	width: 15.2rem;
	margin: 0 auto
}

.xp-navbox {
	width: 100%;
	font-size: 0;
	padding-bottom: .2rem;
	text-align: center
}

.xp-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 .3rem;
	margin: 0 .15rem .3rem;
	min-width: 2.08rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.xp-iocn {
	display: inline-block;
	vertical-align: middle;
	margin-right: .1rem
}

.xp-iocn1 {
	display: block;
	height: 1.25em
}

.xp-iocn1 img {
	height: 100%
}

.xp-iocn2 {
	display: none;
	height: 1.25em
}

.xp-iocn2 img {
	height: 100%
}

.xp-d {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .56rem
}

.xp-nav:hover {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.xp-nav:hover .xp-iocn1 {
	display: none
}

.xp-nav:hover .xp-iocn2 {
	display: block
}

.xp-nav:hover .xp-d {
	color: #fff
}

.xp-nav.active {
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.xp-nav.active .xp-iocn1 {
	display: none
}

.xp-nav.active .xp-iocn2 {
	display: block
}

.xp-nav.active .xp-d {
	color: #fff
}

.xp-cont {
	width: 100%
}

.xp-one {
	display: none;
	width: 100%
}

.xp-one.show {
	display: block
}

@media (max-width:750px) {
	.xp-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xp-navbox {
		width: 100%;
		white-space: nowrap;
		overflow: auto
	}
}

.xq-a {
	width: 100%;
	padding: .25rem 0;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#144394, #144394)
}

.xq-b {
	width: 15.2rem;
	margin: 0 auto
}

.xq-cont {
	width: 100%;
	font-size: 0
}

.xq-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	border: solid .03rem transparent;
	width: 3.55rem;
	margin: .25rem .3rem .25rem 0;
	font-size: 0;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xq-nav:nth-child(4n) {
	margin-right: 0
}

.xq-img {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 1.4rem;
	height: 1.87rem;
	line-height: 1.87rem
}

.xq-img img {
	max-width: 70%;
	max-height: 60%
}

.xq-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 1.4rem);
	padding-right: .2rem
}

.xq-name {
	color: #666;
	line-height: 1.55;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.xq-nav:hover {
	border: solid .03rem #0064c6
}

.xq-nav:hover .xq-name {
	color: #000
}

.xq-nav.active {
	border: solid .03rem #0064c6
}

.xq-nav.active .xq-name {
	color: #000
}

@media (max-width:750px) {
	.xq-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xq-cont {
		display: flex;
		flex-wrap: wrap
	}
	
	.xq-nav {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.xq-nav:nth-child(2n) {
		margin-right: 0
	}
	
	.xq-img {
		width: 100%
	}
	
	.xq-text {
		width: 100%;
		text-align: center;
		padding: 0 .2rem .3rem
	}
	
	.xq-name {
		-webkit-line-clamp: 2
	}
	
	.xq-name br {
		display: none
	}
}

.xr-cont {
	width: 100%;
	padding-bottom: .6rem
}

.xr-item {
	width: 100%;
	border-bottom: 1px solid #d6e6f3;
	background-color: #fff
}

.xr-tip {
	width: 100%;
	position: relative;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	line-height: 1.8;
	padding: .2rem .8rem .2rem .4rem
}

.xr-tip:after {
	content: '';
	position: absolute;
	top: 0;
	right: .4rem;
	width: .72em;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa77.png.pagespeed.ic._4yqUc0ZpG.png);
	background-size: .72em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.xr-sub {
	display: none;
	width: 100%;
	background-color: #d6e6f3;
	padding: .6rem .4rem
}

.xr-textbox {
	width: 100%;
	line-height: 2;
	color: #000
}

.xr-textbox * {
	line-height: inherit
}

.xr-item.show .xr-tip:after {
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa77-b.png.pagespeed.ic.iIjICAY_jZ.png)
}

body.solution-details .nav-item {
	margin-right: .45rem
}

body.solution-details .nav-item:last-child {
	margin-right: 0
}

body.solution-details .xp-a {
	background-color: #fff;
	background-image: linear-gradient(45deg, #fff 0%, #fff 100%), linear-gradient(#fff, #fff)
}

body.Maintenance_Contracts .nav-item {
	margin-right: .45rem
}

body.Maintenance_Contracts .nav-item:last-child {
	margin-right: 0
}

.xs-a {
	width: 100%;
	min-height: 35px
}

.xs-b {
	width: 100%;
	z-index: 188;
	position: relative;
	background-color: #003399;
	background-image: linear-gradient(90deg, #003399 0%, #086fcb 100%), linear-gradient(#000, #000)
}

.xs-cont {
	width: 15.2rem;
	margin: 0 auto
}

.xs-cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.xs-left {
	float: left
}

.xs-titles {
	display: inline-block;
	line-height: .8rem;
	transition: all ease .5s;
	color: #fff;
	font-weight: bold
}

.xs-right {
	float: right;
	font-size: 0
}

.xs-nav {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	line-height: .8rem;
	transition: all ease .5s;
	cursor: pointer;
	color: rgba(255, 255, 255, .7);
	margin-right: .45rem
}

.xs-nav:after {
	content: '';
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .03rem;
	background-color: #fff
}

.xs-nav:last-child {
	margin-right: 0
}

.xs-nav.active {
	color: #fff
}

.xs-nav.active:after {
	display: block
}

.xs-a.fixed .xs-b {
	position: fixed;
	top: 1.95rem;
	left: 0
}

.xs-a.fixed .xs-titles {
	line-height: 35px
}

.xs-a.fixed .xs-nav {
	line-height: 35px
}

@media (max-width:900px) {
	.xs-a.fixed .xs-b {
		position: fixed;
		top: 1.6rem;
		left: 0
	}
}

@media (max-width:750px) {
	.xs-cont {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xs-left {
		display: none
	}
	
	.xs-right {
		width: 100%;
		white-space: nowrap;
		overflow: auto
	}
}

.xt-a {
	width: 100%;
	padding-top: .8rem;
	padding-bottom: 1rem;
	position: relative;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#e8f2fd, #e8f2fd)
}

.my-nav {
	position: absolute;
	top: calc(-1.95rem - 35px);
	left: 0
}

.xt-banner {
	width: 100%
}

.xt-banner img {
	width: 100%
}

.xt-b {
	width: 15.2rem;
	margin: 0 auto
}

.xt-titles {
	color: #000;
	font-weight: bold;
	margin-bottom: .5rem;
	line-height: 1.3
}

.xt-textbox {
	width: 100%;
	color: #666;
	line-height: 1.55
}

.xt-textbox * {
	line-height: inherit;
	max-width: 100%
}

.my-cont {
	width: 100%;
	position: relative;
	overflow: hidden
}

.my-item {
	position: absolute;
	top: 0;
	left: -19.8rem
}

.my-item.show {
	left: 0;
	position: relative
}

@media (max-width:750px) {
	.xt-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
}

.xu-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: relative
}

.xu-b {
	width: 15.5rem;
	margin: 0 auto
}

.xu-cont {
	width: 100%;
	position: relative
}

.xu-c {
	width: 100%;
	padding-bottom: .2rem
}

.xu-item {
	width: 25%;
	padding: 0 .15rem .3rem
}

.xu-d {
	display: block;
	cursor: pointer;
	width: 100%;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.xu-img {
	width: 100%;
	height: 3.15rem;
	line-height: 3.15rem;
	overflow: hidden
}

.xu-img img {
	max-width: 70%;
	max-height: 70%;
	transform: scale(1.00);
	transition: all ease .5s
}

.xu-text {
	width: 100%;
	padding: 0 .45rem .45rem
}

.xu-name {
	font-weight: bold;
	color: #000;
	line-height: 1.55;
	height: 3.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xu-item:hover .xu-img img {
	transform: scale(1.05)
}

.xu-item:hover .xu-name {
	color: #003399
}

.xu-prev {
	left: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xu-prev:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.xu-next {
	transform: rotate(-180deg);
	right: -.9rem;
	margin-top: -.28rem;
	width: .56rem;
	height: .56rem;
	border-radius: 50%;
	background-color: #fff;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33.png.pagespeed.ic.NHEUHIDFNH.png);
	background-size: .09rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-shadow: 0 -.05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xu-next:hover {
	background-color: #003399;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa33-b.png.pagespeed.ic.hlojPuGlNI.png)
}

.xu-button {
	width: 100%;
	text-align: center
}

.xu-more {
	display: inline-block;
	cursor: pointer;
	padding: .2rem .4rem;
	color: #666;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.xu-more:after {
	content: '>';
	margin-left: .3rem
}

@media (max-width:750px) {
	.xu-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xu-cont {
		padding: 0 .8rem
	}
	
	.xu-item {
		width: 100%
	}
	
	.xu-text {
		padding: 0 .2rem .3rem
	}
	
	.xu-prev {
		left: 0
	}
	
	.xu-next {
		right: 0
	}
}

.xw-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345)
}

.xw-form {
	width: 100%
}

.xw-b {
	width: 15.2rem;
	margin: 0 auto
}

.xw-cont {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.xw-cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.xw-left {
	float: left;
	width: 3.57rem
}

.xw-titles {
	width: 100%;
	font-weight: bold;
	position: relative;
	color: #fff;
	padding: .35rem .3rem .25rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#cee1f5, #cee1f5)
}

.xw-reset {
	position: absolute;
	top: 50%;
	right: .3rem;
	transform: translate(0, -50%)
}

.xw-r {
	display: inline-block;
	cursor: pointer;
	border: none;
	width: 1.5em;
	height: 2em;
	background-color: transparent;
	color: transparent;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa147.png.pagespeed.ic.vvmI-aevvb.png);
	background-size: 1.5em auto;
	background-position: center center;
	background-repeat: no-repeat
}

.xw-navbox {
	width: 100%;
	padding: 0 .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xw-item {
	width: 100%;
	border-bottom: 1px solid #cee1f5;
	padding: .1rem 0
}

.xw-one {
	width: 100%
}

.xw-top {
	width: 100%;
	position: relative;
	padding-right: 2em
}

.xw-one {
	width: 100%;
	padding: .2rem 0
}

.xw-button {
	display: none;
	position: absolute;
	top: 0;
	cursor: pointer;
	right: 0;
	width: 2em;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa77.png.pagespeed.ic._4yqUc0ZpG.png);
	background-size: 1em auto;
	background-position: right center;
	background-repeat: no-repeat
}

.has-two .xw-button {
	display: block
}

.xw-item.show .xw-button {
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa77-b.png.pagespeed.ic.iIjICAY_jZ.png)
}

.xw-list {
	display: none;
	width: 100%
}

.xw-tow {
	width: 100%;
	padding: .1rem 0;
	margin-bottom: .05rem
}

.xw-navbox .lb-label {
	display: block;
	font-size: 0;
	position: relative;
	cursor: pointer
}

.xw-navbox .lb-icon {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 1.25em;
	height: 1.25em;
	border: 1px solid #cee1f5
}

.xw-navbox .lb-text {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 1.5em);
	padding-left: .1rem;
	color: #666;
	line-height: 1.25em
}

.xw-navbox .lb-label.selected .lb-icon {
	border: 1px solid #cee1f5;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa129.png.pagespeed.ic.j2TBsmwf-6.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xw-navbox .lb-label.selected .lb-text {
	color: #003399;
	font-weight: bold
}

.xw-navbox .lb-input {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	cursor: pointer
}

.xw-navbox .xw-one .lb-icon {
	display: none
}

.xw-navbox .xw-one .lb-text {
	padding-left: 0;
	font-weight: bold;
	color: #000
}

.xw-right {
	float: right;
	background-color: #fff;
	padding: 0 .3rem .6rem;
	width: 11.33rem;
	min-height: 10.6rem;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.xw-c {
	width: 100%;
	border-bottom: 1px solid #cee1f5
}

.xw-d {
	width: 100%
}

.xw-nav {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin-right: .3rem
}

.xw-nav:after {
	display: none;
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: .04rem;
	background-color: #003399
}

.xw-e {
	display: block;
	cursor: pointer
}

.xw-fimg {
	display: inline-block;
	vertical-align: middle;
	margin-right: .15rem
}

.xw-fimg1 {
	display: block;
	height: 1.25em
}

.xw-fimg1 img {
	max-width: none;
	height: 100%
}

.xw-fimg2 {
	display: none;
	height: 1.25em
}

.xw-fimg2 img {
	max-width: none;
	height: 100%
}

.xw-ftext {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	line-height: .9rem
}

.xw-nav.active .xw-ftext {
	color: #003399
}

.xw-nav.active:after {
	display: block
}

.xw-nav:hover .xw-ftext {
	color: #003399
}

.xw-nav:hover:after {
	display: block
}

.xw-tr {
	width: 100%;
	font-size: 0;
	padding: .3rem .2rem
}

.xw-td {
	width: 100%;
	display: none
}

.xw-td.show {
	display: block
}

.xw-menu {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 1.2rem;
	right: 0;
	width: .8rem;
	height: .8rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa-menu2.png.pagespeed.ic.CPYT6HCuM4.png);
	background-size: .6rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.xw-opa {
	display: none;
	z-index: 1888;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .5);
	cursor: pointer
}

@media (min-width:750px) {
	.xw-td .t-item {
		width: calc(33.33% - .2rem);
		margin-right: .3rem !important
	}
	
	.xw-td .t-text {
		padding: 0 .2rem .3rem
	}
	
	.xw-td .t-item:nth-child(3n) {
		margin-right: 0 !important
	}
	
	.xw-td .u-item {
		width: calc(33.33% - .2rem);
		margin-right: .25rem !important
	}
	
	.xw-td .u-item:nth-child(3n) {
		margin-right: 0 !important
	}
	
	.xw-td .wg-item {
		width: calc(33.33% - .2rem);
		margin-right: .25rem !important
	}
	
	.xw-td .wg-item:nth-child(3n) {
		margin-right: 0 !important
	}
	
	.xw-td .wf-item {
		width: calc(33.33% - .2rem);
		margin-right: .25rem !important
	}
	
	.xw-td .wf-item:nth-child(3n) {
		margin-right: 0 !important
	}
}

@media (max-width:750px) {
	.xw-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.xw-left {
		width: 260px;
		z-index: 1889;
		position: fixed;
		right: 0;
		top: 0;
		height: 100vh;
		background-color: #f8f8f8;
		margin-right: 0;
		padding-bottom: 10px;
		overflow: auto;
		transform: translate(100%, 0);
		transition: transform .3s
	}
	
	.xw-right {
		width: 100%;
		padding: 0 0 .5rem;
		position: relative
	}
	
	.xw-c {
		padding: 0 10px;
		margin-bottom: 1rem
	}
	
	.xw-fimg {
		font-size: 12px
	}
	
	.xw-ftext {
		font-size: 12px
	}
	
	.xw-menu {
		display: block
	}
	
	.xw-a.menu-state .xw-opa {
		display: block
	}
	
	.xw-a.menu-state .xw-left {
		transform: translate(0, 0)
	}
}

.xy-a {
	width: 100%;
	padding-top: .8rem;
	padding-bottom: 1rem;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.xy-b {
	width: 100%;
	text-align: center
}

.xy-cont {
	display: inline-block;
	position: relative;
	padding: 0 10px
}

.xy-cont:before {
	content: '';
	position: absolute;
	bottom: .65rem;
	left: -2.25rem;
	width: .8rem;
	height: .72rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa139.png.pagespeed.ic.S1agoTSRdM.png);
	background-size: auto .72rem;
	background-position: left center;
	background-repeat: no-repeat
}

.xy-cont:after {
	content: '';
	position: absolute;
	bottom: .125rem;
	right: -3rem;
	width: 1.5rem;
	height: .73rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa140.png.pagespeed.ic.DGganG3sdB.png);
	background-size: auto .73rem;
	background-position: right center;
	background-repeat: no-repeat
}

.xy-img {
	display: inline-block;
	width: 4.4rem;
	margin-bottom: .15rem;
	position: relative
}

.xy-img:before {
	content: '';
	position: absolute;
	top: .15rem;
	left: -3.45rem;
	width: 1.1rem;
	height: 1.38rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa137.png.pagespeed.ic.qpVhjDg7jX.png);
	background-size: auto 1.38rem;
	background-position: left center;
	background-repeat: no-repeat
}

.xy-img:after {
	content: '';
	position: absolute;
	top: -.38rem;
	right: -3.35rem;
	width: 1.1rem;
	height: 1.38rem;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa138.png.pagespeed.ic.EoehNedfDu.png);
	background-size: auto 1.38rem;
	background-position: right center;
	background-repeat: no-repeat
}

.xy-img img {
	width: 100%
}

.xy-tip {
	color: #003399;
	font-weight: bold;
	line-height: 1.16;
	margin-bottom: .2rem
}

.xy-intro {
	color: #000;
	line-height: 1.625;
	margin-bottom: .4rem
}

.xy-link {
	display: inline-block;
	cursor: pointer;
	padding: .16rem .3rem;
	color: #fff;
	min-width: 3rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .03rem
}

.xz-cont {
	width: 100%;
	padding-bottom: .3rem
}

.xz-item {
	display: block;
	margin-bottom: .3rem;
	width: 100%;
	cursor: pointer;
	font-size: 0;
	background-color: #fff
}

.xz-img {
	display: inline-block;
	vertical-align: middle;
	width: 7.6rem;
	overflow: hidden
}

.xz-img img {
	width: 100%;
	transform: scale(1.00);
	transition: all ease .5s
}

.xz-text {
	display: inline-block;
	vertical-align: middle;
	width: 6.15rem;
	margin-left: .6rem
}

.xz-name {
	color: #000;
	font-weight: bold;
	margin-bottom: .25rem;
	line-height: 1.23;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xz-intro {
	margin-bottom: .35rem;
	min-height: 3em;
	color: #666;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.xz-time {
	color: #999;
	margin-bottom: .35rem
}

.xz-more {
	display: inline-block;
	vertical-align: middle;
	min-width: 2rem;
	padding: 0 .3rem;
	height: .56rem;
	line-height: .56rem;
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .28rem
}

.xz-more:after {
	content: '>';
	margin-left: .3rem
}

.xz-item:hover .xz-img img {
	transform: scale(1.05)
}

.xz-item:hover .xz-name {
	color: #003399
}

@media (max-width:750px) {
	.xz-img {
		width: 100%
	}
	
	.xz-text {
		width: 100%;
		margin-left: 0;
		padding: .3rem
	}
}

.wa-a {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 288;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5)
}

.wa-a.show {
	display: block
}

.wa-b {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10rem
}

.wa-cont {
	width: 100%;
	max-height: 90vh;
	overflow: auto;
	background-color: #ecf5fc;
	text-align: center;
	padding: 1rem .1rem .7rem
}

.wa-icon {
	width: 100%;
	margin-bottom: .3rem
}

.wa-icon img {
	height: 1.6rem
}

.wa-text {
	color: #000;
	line-height: 1.43;
	font-weight: bold;
	margin-bottom: .6rem
}

.wa-navbox {
	width: 100%;
	text-align: center;
	font-size: 0
}

.wa-nav {
	display: inline-block;
	vertical-align: auto;
	cursor: pointer;
	color: #000;
	margin: 0 .1rem .3rem;
	min-width: 2rem;
	padding: .15rem .1rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.wa-nav:hover {
	color: #fff;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #003399);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2)
}

.wa-close {
	position: absolute;
	cursor: pointer;
	top: .2rem;
	right: .2rem;
	width: .4rem;
	height: .4rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: 50%;
	border: solid 1px #aecdef;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa142.png.pagespeed.ic.4b4Bl-BW4w.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

@media (max-width:750px) {
	.wa-b {
		width: 95%
	}
	
	.wa-cont {
		padding: .5rem 10px
	}
}

.wb-a {
	width: 100%;
	padding: 1rem 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.wb-b {
	width: 15.2rem;
	margin: 0 auto
}

.wb-cont {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.wb-left {
	width: 3.75rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.wb-tip {
	color: #fff;
	font-weight: bold;
	padding: 0 .3rem;
	line-height: .93rem;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#cee1f5, #003399)
}

.wb-navbox {
	width: 100%;
	padding: 0 .3rem .3rem
}

.xb-nav {
	display: block;
	cursor: pointer;
	color: #000;
	padding: .2rem 0;
	font-weight: bold;
	line-height: 1.7;
	border-bottom: 1px solid #cee1f5
}

.xb-nav:hover {
	color: #056ac5
}

.xb-nav.active {
	color: #056ac5
}

.wb-right {
	width: 11.3rem;
	background-color: #fff;
	min-height: 10.7rem;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.wb-top {
	width: 100%;
	padding: .3rem
}

.wb-c {
	width: 100%;
	position: relative
}

.wb-c:after {
	content: '';
	position: absolute;
	bottom: -.3rem;
	width: 100%;
	height: 1px;
	background-color: #003399
}

.wb-c:before {
	content: '';
	position: absolute;
	top: 0;
	left: -.3rem;
	width: .04rem;
	height: 100%;
	background-color: #003399
}

.wb-titles {
	color: #003399;
	margin-bottom: .1rem
}

.wb-intro {
	color: #666;
	line-height: 1.6
}

@media (max-width:750px) {
	.wb-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.wb-left {
		width: 100%
	}
	
	.wb-right {
		width: 100%;
		min-height: 5rem
	}
}

.wc-a {
	width: 100%;
	padding: .4rem .3rem
}

.wc-form {
	width: 100%
}

.wc-cont {
	width: 100%
}

.wc-item {
	width: 100%;
	margin-bottom: .3rem
}

.wc-name {
	color: #999;
	margin-bottom: .15rem
}

.wc-b {
	width: 100%;
	position: relative
}

.wc-c {
	width: 100%;
	padding: 0 .25rem;
	color: #000;
	height: .46rem;
	background-color: #fff;
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.wc-tip {
	width: 100%;
	color: #000;
	font-weight: bold;
	padding-top: .1rem;
	margin-bottom: .3rem
}

.wc-button {
	width: 100%;
	font-size: 0;
	padding-top: .2rem;
	text-align: center
}

.wc-save {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid transparent;
	color: #fff;
	cursor: pointer;
	padding: 0 .1rem;
	margin: 0 .1rem .1rem;
	min-width: 2rem;
	height: .46rem;
	line-height: .46rem;
	background-color: #003399;
	background-image: linear-gradient(45deg, #003399 0%, #086fcb 100%), linear-gradient(#044fa0, #044fa0);
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2);
	border-radius: .03rem
}

.wc-cancel {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 .1rem;
	margin: 0 .1rem .1rem;
	color: #000;
	min-width: 2rem;
	height: .46rem;
	line-height: .46rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef
}

.wc-form .select-w {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	border-radius: .03rem;
	border: solid 1px #aecdef;
	position: relative;
	padding-right: .5rem;
	padding-left: .2rem;
	white-space: nowrap
}

.wc-form .select-w .cur {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	height: .46rem;
	line-height: .46rem;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.wc-form .select-w select {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-left: .2rem;
	color: #666;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.wc-form .select-w:after {
	content: "";
	position: absolute;
	right: .2rem;
	top: 0;
	z-index: 1;
	width: .12rem;
	height: 100%;
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/xa39.png.pagespeed.ic.tDRfRJr0ga.png);
	background-size: .12rem auto;
	background-position: center center;
	background-repeat: no-repeat
}

.wc-code {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 18;
	height: 100%;
	cursor: pointer
}

.wc-code img {
	height: 100%
}

@media (max-width:750px) {
	.wc-c {
		height: 30px
	}
	
	.wc-form .select-w .cur {
		height: 30px;
		line-height: 30px
	}
	
	.wc-save {
		height: 30px;
		line-height: 30px
	}
	
	.wc-cancel {
		height: 30px;
		line-height: 30px
	}
}

.wd-cont {
	width: 100%;
	padding: .4rem .3rem
}

.wd-item {
	width: 100%;
	padding-right: 50px;
	padding-bottom: .3rem;
	margin-bottom: .3rem;
	border-bottom: 1px solid #cee1f5;
	position: relative
}

.wd-name {
	color: #000;
	margin-bottom: .2rem;
	font-weight: bold
}

.wd-buttom {
	transition: all .5s;
	cursor: pointer;
	position: absolute;
	top: .15rem;
	right: .2rem;
	font-size: 0;
	padding: 2px 3px;
	width: 50px;
	background-color: #ccc;
	border-radius: 10px
}

.wd-buttom span {
	display: inline-block;
	border-radius: 50%;
	opacity: .4;
	width: 16px;
	height: 16px;
	background-color: #044fa0
}

.wd-item.active .wd-buttom {
	background-color: #cddcec;
	text-align: right
}

.wd-item.active .wd-buttom span {
	opacity: 1
}

@media (max-width:750px) {
	.wd-buttom {
		width: 40px
	}
}

.we-a {
	width: 100%;
	padding: 0 .3rem .4rem
}

.we-cont {
	width: 100%;
	padding-bottom: .4rem
}

.we-item {
	width: 100%;
	padding: .35rem 0;
	border-bottom: 1px solid #cee1f5;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.we-left {
	flex: 1
}

.we-name {
	color: #000;
	line-height: 1.5;
	margin-bottom: .1rem
}

.we-intro {
	color: #999;
	line-height: 1.6
}

.we-right {
	display: inline-block;
	font-size: 0;
	padding-right: .2rem
}

.we-check {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: .45rem;
	margin-right: .6rem;
	position: relative
}

.we-check:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -.3rem;
	margin-top: -.1rem;
	width: 1px;
	height: .2rem;
	background-color: #aeceef
}

.we-check img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2)
}

.we-download {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: .45rem;
	position: relative
}

.we-download img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(255, 153, 0, .2)
}

.wf-cont {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap
}

.wf-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: calc(25% - .23rem);
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.wf-item:nth-child(4n) {
	margin-right: 0
}

.wf-top {
	width: 100%;
	position: relative
}

.wf-img {
	width: 100%;
	position: relative;
	padding-top: 56.37%;
	overflow: hidden
}

.wf-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.wf-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: .6rem
}

.wf-play img {
	width: 100%
}

.wf-text {
	width: 100%;
	padding: .23rem;
	text-align: center
}

.wf-name {
	color: #000;
	font-weight: bold;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (max-width:750px) {
	.wf-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.wf-item:nth-child(2n) {
		margin-right: 0
	}
}

.wg-cont {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap
}

.wg-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: calc(25% - .23rem);
	margin-right: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.wg-item:nth-child(4n) {
	margin-right: 0
}

.wg-img {
	width: 100%;
	margin-bottom: .23rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	background-color: #effaff
}

.wg-img img {
	max-width: 86%;
	max-height: 86%
}

.wg-text {
	width: 100%
}

.wg-name {
	text-align: center;
	color: #000;
	font-weight: bold;
	line-height: 1.25;
	height: 2.5em;
	padding: 0 .15rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.wg-button {
	width: 100%;
	position: relative;
	font-size: 0;
	padding: .25rem 0
}

.wg-button:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -.1rem;
	width: 1px;
	height: .2rem;
	background-color: #aeceef
}

.wg-button1 {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	width: 50%
}

.wg-button1 .wg-icon {
	display: inline-block;
	vertical-align: middle;
	width: .45rem
}

.wg-button1 .wg-icon img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .2)
}

.wg-button1 .wg-text {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	max-width: calc(100% - .6rem);
	padding-left: .1rem;
	color: #666;
	line-height: 1.5
}

.wg-button2 {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	width: 50%
}

.wg-button2 .wg-icon {
	display: inline-block;
	vertical-align: middle;
	width: .45rem
}

.wg-button2 .wg-icon img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(255, 153, 0, .2)
}

.wg-button2 .wg-text {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	max-width: calc(100% - .6rem);
	padding-left: .1rem;
	color: #666;
	line-height: 1.5
}

@media (max-width:750px) {
	.wg-item {
		width: 100%;
		margin-right: 0
	}
}

.wh-a {
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem;
	background-color: #e2eef8;
	position: relative;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#000, #000)
}

.wh-b {
	width: 15.2rem;
	margin: 0 auto
}

.wh-navbox {
	width: 100%;
	font-size: 0;
	padding-bottom: .2rem;
	text-align: center
}

.wh-nav {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	color: #666;
	line-height: .56rem;
	padding: 0 .3rem;
	margin: 0 .15rem .3rem;
	min-width: 2.08rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.wh-nav:hover {
	background-color: #003399;
	color: #fff;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.wh-nav.active {
	background-color: #003399;
	color: #fff;
	background-image: linear-gradient(45deg, #003399 0%, #056ac5 100%), linear-gradient(#fff, #fff)
}

.wh-cont {
	width: 100%
}

.wh-one {
	display: none;
	width: 100%
}

.wh-one.show {
	display: block
}

@media (max-width:750px) {
	.wh-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.wh-navbox {
		width: 100%;
		white-space: nowrap;
		overflow: auto
	}
}

.wi-a {
	width: 100%;
	padding-top: .7rem;
	padding-bottom: .7rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345)
}

.wi-b {
	width: 15.2rem;
	margin: 0 auto
}

.wi-tip {
	color: #000;
	font-weight: bold;
	padding-bottom: .42rem;
	margin-bottom: .45rem;
	position: relative
}

.wi-tip:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: .5rem;
	height: .05rem;
	background-color: #0064c6
}

.wi-textbox {
	color: #666;
	line-height: 1.55;
	padding-top: .1rem;
	padding-bottom: .7rem
}

.wi-textbox * {
	line-height: inherit
}

.wi-cont {
	width: 100%
}

.wi-item {
	display: block;
	margin-bottom: .3rem;
	padding: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.wi-icon {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	width: 1rem;
	box-shadow: 0 .05rem .15rem 0 rgba(11, 163, 244, .2)
}

.wi-icon img {
	width: 100%
}

.wi-text {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 1.1rem);
	padding-left: .28rem
}

.wi-intro {
	color: #000;
	line-height: 1.5;
	font-weight: bold
}

.wi-intro * {
	line-height: inherit
}

@media (max-width:750px) {
	.wi-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.wi-intro {
		font-size: 14px
	}
}

.wj-a {
	width: 100%;
	padding-top: .65rem;
	padding-bottom: .4rem
}

.wj-b {
	width: 15.2rem;
	margin: 0 auto
}

.wj-titles {
	color: #000;
	font-weight: bold;
	margin-bottom: .45rem
}

.wj-cont {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap
}

.wj-one {
	display: flex;
	align-items: center;
	width: calc(25% - .151rem);
	padding: .1rem .2rem;
	line-height: 1.66;
	color: #666;
	border: solid 1px #abd6ff;
	margin-bottom: .2rem;
	margin-right: .2rem
}

.wj-one:nth-child(4n) {
	margin-right: 0
}

@media (max-width:750px) {
	.wj-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.wj-one {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.wj-one:nth-child(2n) {
		margin-right: 0
	}
}

@media (max-width:450px) {
	.wj-one {
		width: 100%;
		margin-right: 0
	}
}

.wk-a {
	width: 100%;
	padding-top: .86rem;
	padding-bottom: .43rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345)
}

.wk-b {
	width: 15.2rem;
	margin: 0 auto
}

.wk-cont {
	width: 100%;
	position: relative;
	margin-bottom: .43rem
}

.wk-c {
	width: 100%
}

.wk-item {
	width: 3.65rem;
	margin-right: .2rem
}

.wk-item:last-child {
	margin-right: 0
}

.wk-d {
	display: block;
	background-color: #fff;
	padding: .1rem
}

.wk-img {
	width: 100%;
	position: relative;
	height: 2.68rem
}

.wk-img img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.wk-textbox {
	color: #666;
	line-height: 1.55
}

.wk-textbox * {
	line-height: inherit
}

@media (max-width:750px) {
	.wk-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.wk-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.wk-img {
		height: auto;
		padding-top: 77.68%
	}
}

.wl-a {
	position: relative;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: .7rem;
	background-color: #e2eef8;
	background-image: linear-gradient(45deg, #e2eef8 0%, #f3f9ff 100%), linear-gradient(#002345, #002345)
}

.wl-b {
	width: 15.2rem;
	margin: 0 auto
}

.wl-cont {
	width: 100%;
	font-size: 0;
	display: flex;
	flex-wrap: wrap
}

.wl-item {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	width: calc(25% - .225rem);
	margin-bottom: .3rem;
	margin-right: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08)
}

.wl-item:nth-child(4n) {
	margin-right: 0
}

.wl-goods {
	width: 100%;
	padding-bottom: .4rem
}

.wl-img {
	width: 100%;
	height: 3.1rem;
	line-height: 3.1rem;
	text-align: center;
	overflow: hidden
}

.wl-img img {
	max-width: 80%;
	max-height: 80%;
	transform: scale(1.00);
	transition: all ease .5s
}

.wl-text {
	width: 100%;
	text-align: center
}

.wl-name {
	color: #000;
	line-height: 1.55;
	font-weight: bold
}

.wl-item:hover .wl-img img {
	transform: scale(1.05)
}

.wl-item:hover .wl-name {
	color: #0064c6
}

.my-cont.details .wl-subbox {
	display: block
}

.my-cont.details .wl-a {
	left: -19.8rem;
	position: absolute
}

.wl-subbox {
	display: none;
	width: 100%;
	position: relative
}

.wl-sub {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #ecf5fc
}

.wl-sub.show {
	display: block
}

.wl-main {
	width: 15.2rem;
	margin: 0 auto
}

.wl-close {
	display: none;
	position: absolute;
	top: .2rem;
	right: .2rem;
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .08);
	background-image: url(https://www.haiermedical.com/public/home/1000000/images/c2.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}

.wl-close img {
	width: 100%
}

.wl-c {
	width: 100%
}

.wl-titles {
	width: 100%;
	position: relative;
	padding: .4rem 0;
	line-height: 1.3;
	color: #000;
	font-weight: bold;
	border-bottom: 1px solid #c1dceb
}

.wl-scrollbar {
	width: 100%
}

.wl-box {
	width: 100%;
	padding: .5rem 0
}

.wl-top {
	width: 100%;
	font-size: 0;
	margin-bottom: .6rem
}

.wl-lt {
	display: inline-block;
	vertical-align: middle;
	width: 3.9rem;
	height: 3.9rem;
	text-align: center;
	line-height: 3.9rem;
	background-color: #fff;
	border: solid 1px #abd6ff
}

.wl-lt img {
	max-width: 80%;
	max-height: 80%
}

.wl-rt {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 4rem);
	padding-left: .6rem
}

.wl-d {
	color: #000;
	font-weight: bold;
	padding-bottom: .35rem;
	margin-bottom: .45rem;
	position: relative
}

.wl-d:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: .5rem;
	height: .05rem;
	background-color: #0064c6
}

.wl-textbox {
	width: 100%;
	color: #666;
	line-height: 1.55
}

.wl-textbox * {
	line-height: inherit
}

.wl-middle {
	width: 100%;
	margin-bottom: .37rem
}

.wl-tip {
	color: #000;
	font-weight: bold;
	margin-bottom: .25rem
}

.wl-tr {
	width: 100%
}

.wl-td {
	display: block;
	font-size: 0;
	width: 100%;
	padding: .3rem;
	margin-bottom: .3rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15)
}

.wl-icon {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	width: 1rem;
	box-shadow: 0 .05rem .15rem 0 rgba(11, 163, 244, .2)
}

.wl-icon img {
	width: 100%
}

.wl-e {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 1.1rem);
	padding-left: .28rem
}

.wl-intro {
	color: #000;
	line-height: 1.5;
	font-weight: bold
}

.wl-intro * {
	line-height: inherit
}

.wl-bottom {
	width: 100%
}

.wl-bottom table {
	width: 100%
}

.wl-bottom tr {
	width: 100%
}

.wl-bottom th {
	background-color: #fff;
	padding: .1rem;
	text-align: center;
	line-height: 1.5;
	border: solid 1px #abd6ff;
	font-weight: bold
}

.wl-bottom td {
	background-color: #fff;
	padding: .1rem;
	text-align: center;
	line-height: 1.5;
	border: solid 1px #abd6ff
}

.wl-back {
	width: 100%;
	padding-bottom: .5rem;
	text-align: center
}

.wl-buttom {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	color: #666;
	padding: 0 .4rem;
	height: .56rem;
	line-height: .56rem;
	background-color: #fff;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .15);
	border-radius: .28rem
}

.wl-buttom:after {
	content: '>';
	margin-left: .5rem
}

@media (min-width:750px) {
	.wl-bottom th:first-child {
		text-align: left;
		padding: .1rem .3rem
	}
	
	.wl-bottom td:first-child {
		text-align: left;
		padding: .1rem .3rem
	}
}

@media (max-width:750px) {
	.wl-b {
		width: 100%;
		max-width: 500px;
		padding-left: 10px;
		padding-right: 10px
	}
	
	.wl-item {
		width: calc(50% - 5px);
		margin-right: 10px
	}
	
	.wl-item:nth-child(2n) {
		margin-right: 0
	}
	
	.wl-main {
		width: 100%;
		max-width: 500px;
		padding: 0 10px
	}
	
	.wl-lt {
		width: 100%;
		margin-bottom: .35rem
	}
	
	.wl-rt {
		width: 100%;
		padding-left: 0
	}
	
	.wl-box {
		padding: .45rem 0
	}
}

body.member {
	padding-top: .8rem
}

body.member .footer {
	display: none
}

body.member .nav {
	display: none
}

.member-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #003399;
	box-shadow: 0 .05rem .15rem 0 rgba(1, 90, 170, .5)
}

.member-cont {
	width: 15.2rem;
	margin: 0 auto
}

.member-cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0
}

.member-left {
	float: left
}

.member-logo {
	display: block;
	cursor: pointer;
	height: .8rem;
	line-height: .8rem
}

.member-logo img {
	height: 50%
}

@media (max-width:1200px) {
	.member-cont {
		width: 100%;
		padding: 0 10px
	}
}

.bgc {
	background-color: #3cc168;
	background-image: linear-gradient(180deg, #7df3a4 0%, #3cc168 100%);
	background-color: #f90;
	background-image: linear-gradient(180deg, #ffc063 0%, #f90 100%);
	background-color: #0ba3f4;
	background-image: linear-gradient(180deg, #5cc6ff 0%, #0ba3f4 100%);
	background-color: #ff4d00;
	background-image: linear-gradient(180deg, #ffaa6c 0%, #ff4d00 100%);
	background-color: #003399;
	background-image: linear-gradient(180deg, #2593f6 0%, #003399 100%)
}
.c-names{color:#000; font-size:15px; font-weight:600; margin-bottom:10px;}

table tr td:nth-child(1) {
	background: #ccc;
}