@charset "utf-8";

.pf100 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.pa100 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.pr100 {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.tfn {
	-webkit-transform: none!important;
	transform: none!important
}

.tsn {
	-webkit-transition: none!important;
	transition: none!important
}

.bg0 {
	background-color: #000
}

.bge {
	background-color: #eee
}

.bgf {
	background-color: #fff
}

.bgf1 {
	background-color: #f1f1f1
}

.bgf5 {
	background-color: #f5f5f5
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=)
}

select {
	background-size: 14px auto;
	background-position: 96% 50%;
	background-repeat: no-repeat
}

@-webkit-keyframes AniDotScaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100%,50% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes AniDotScaleOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100%,50% {
		opacity: 0;
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@-webkit-keyframes fadeInRightm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRightm {
	-webkit-animation-name: fadeInRightm;
	animation-name: fadeInRightm
}

@-webkit-keyframes fadeInLeftm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeftm {
	-webkit-animation-name: fadeInLeftm;
	animation-name: fadeInLeftm
}

@-webkit-keyframes fadeInUpm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUpm {
	-webkit-animation-name: fadeInUpm;
	animation-name: fadeInUpm
}

@-webkit-keyframes fadeInDownm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownm {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDownm {
	-webkit-animation-name: fadeInDownm;
	animation-name: fadeInDownm
}

@-webkit-keyframes slideInRightm {
	0% {
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes slideInRightm {
	0% {
		-webkit-transform: translate3d(50%,0,0);
		transform: translate3d(50%,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.slideInRightm {
	-webkit-animation-name: slideInRightm;
	animation-name: slideInRightm;
	opacity: 1!important
}

@-webkit-keyframes slideInLeftm {
	0% {
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes slideInLeftm {
	0% {
		-webkit-transform: translate3d(-50%,0,0);
		transform: translate3d(-50%,0,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.slideInLeftm {
	-webkit-animation-name: slideInLeftm;
	animation-name: slideInLeftm;
	opacity: 1!important
}

@-webkit-keyframes slideInUpm {
	0% {
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes slideInUpm {
	0% {
		-webkit-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.slideInUpm {
	-webkit-animation-name: slideInUpm;
	animation-name: slideInUpm;
	opacity: 1!important
}

@-webkit-keyframes slideInDownm {
	0% {
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes slideInDownm {
	0% {
		-webkit-transform: translate3d(0,50%,0);
		transform: translate3d(0,50%,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.slideInDownm {
	-webkit-animation-name: slideInDownm;
	animation-name: slideInDownm;
	opacity: 1!important
}

@-webkit-keyframes fadeIns {
	0% {
		opacity: .5
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIns {
	0% {
		opacity: .5
	}

	to {
		opacity: 1
	}
}

.fadeIns {
	-webkit-animation-name: fadeIns;
	animation-name: fadeIns
}

@-webkit-keyframes dotShake {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-8%,0,0) rotate(-4deg);
		transform: translate3d(-8%,0,0) rotate(-4deg)
	}

	30% {
		-webkit-transform: translate3d(6.6%,0,0) rotate(2deg);
		transform: translate3d(6.6%,0,0) rotate(2deg)
	}

	45% {
		-webkit-transform: translate3d(-5.5%,0,0) rotate(-2deg);
		transform: translate3d(-5.5%,0,0) rotate(-2deg)
	}

	60% {
		-webkit-transform: translate3d(4.5%,0,0) rotate(1deg);
		transform: translate3d(4.5%,0,0) rotate(1deg)
	}

	75% {
		-webkit-transform: translate3d(-2%,0,0) rotate(-1deg);
		transform: translate3d(-2%,0,0) rotate(-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes dotShake {
	0% {
		-webkit-transform: none;
		transform: none
	}

	15% {
		-webkit-transform: translate3d(-8%,0,0) rotate(-4deg);
		transform: translate3d(-8%,0,0) rotate(-4deg)
	}

	30% {
		-webkit-transform: translate3d(6.6%,0,0) rotate(2deg);
		transform: translate3d(6.6%,0,0) rotate(2deg)
	}

	45% {
		-webkit-transform: translate3d(-5.5%,0,0) rotate(-2deg);
		transform: translate3d(-5.5%,0,0) rotate(-2deg)
	}

	60% {
		-webkit-transform: translate3d(4.5%,0,0) rotate(1deg);
		transform: translate3d(4.5%,0,0) rotate(1deg)
	}

	75% {
		-webkit-transform: translate3d(-2%,0,0) rotate(-1deg);
		transform: translate3d(-2%,0,0) rotate(-1deg)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.dotShake {
	-webkit-animation-name: dotShake;
	animation-name: dotShake
}

@-webkit-keyframes rotate360 {
	0% {
		-webkit-transform: none!important;
		transform: none!important
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate360 {
	0% {
		-webkit-transform: none!important;
		transform: none!important
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.rotate360 {
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes rotateInYm {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

@keyframes rotateInYm {
	0% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}
}

.rotateInYm {
	-webkit-animation-name: rotateInYm;
	animation-name: rotateInYm
}

@-webkit-keyframes AniStriking {
	0%,50%,to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25%,75% {
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}
}

@keyframes AniStriking {
	0%,50%,to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25%,75% {
		-webkit-transform: scale3d(1.03,1.03,1.03);
		transform: scale3d(1.03,1.03,1.03)
	}
}

.AniStriking {
	-webkit-animation-name: AniStriking;
	animation-name: AniStriking
}

@-webkit-keyframes AniOpStriking {
	0%,50%,to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25%,75% {
		opacity: .7;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}
}

@keyframes AniOpStriking {
	0%,50%,to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	25%,75% {
		opacity: .7;
		-webkit-transform: scale3d(1.1,1.1,1.1);
		transform: scale3d(1.1,1.1,1.1)
	}
}

.AniOpStriking {
	-webkit-animation-name: AniOpStriking;
	animation-name: AniOpStriking
}

@-webkit-keyframes AniShiny {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes AniShiny {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.AniShiny {
	-webkit-animation-name: AniShiny;
	animation-name: AniShiny
}

@-webkit-keyframes scaleInDown {
	0% {
		-webkit-transform: scale(1,1.25) translateY(20%);
		transform: scale(1,1.25) translateY(20%);
		-webkit-transform-origin: 50% 25%;
		transform-origin: 50% 25%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

@keyframes scaleInDown {
	0% {
		-webkit-transform: scale(1,1.25) translateY(20%);
		transform: scale(1,1.25) translateY(20%);
		-webkit-transform-origin: 50% 25%;
		transform-origin: 50% 25%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

.scaleInDown {
	-webkit-animation-name: scaleInDown;
	animation-name: scaleInDown
}

@-webkit-keyframes scaleInRight {
	0% {
		-webkit-transform: scale(1.25,1) translateX(20%);
		transform: scale(1.25,1) translateX(20%);
		-webkit-transform-origin: 25% 50%;
		transform-origin: 25% 50%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

@keyframes scaleInRight {
	0% {
		-webkit-transform: scale(1.25,1) translateX(20%);
		transform: scale(1.25,1) translateX(20%);
		-webkit-transform-origin: 25% 50%;
		transform-origin: 25% 50%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

.scaleInRight {
	-webkit-animation-name: scaleInRight;
	animation-name: scaleInRight
}

@-webkit-keyframes scaleInUp {
	0% {
		-webkit-transform: scale(1,1.25) translateY(-20%);
		transform: scale(1,1.25) translateY(-20%);
		-webkit-transform-origin: 50% 75%;
		transform-origin: 50% 75%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

@keyframes scaleInUp {
	0% {
		-webkit-transform: scale(1,1.25) translateY(-20%);
		transform: scale(1,1.25) translateY(-20%);
		-webkit-transform-origin: 50% 75%;
		transform-origin: 50% 75%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

.scaleInUp {
	-webkit-animation-name: scaleInUp;
	animation-name: scaleInUp
}

@-webkit-keyframes scaleInLeft {
	0% {
		-webkit-transform: scale(1.25,1) translateX(-20%);
		transform: scale(1.25,1) translateX(-20%);
		-webkit-transform-origin: 75% 50%;
		transform-origin: 75% 50%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

@keyframes scaleInLeft {
	0% {
		-webkit-transform: scale(1.25,1) translateX(-20%);
		transform: scale(1.25,1) translateX(-20%);
		-webkit-transform-origin: 75% 50%;
		transform-origin: 75% 50%
	}

	100% {
		-webkit-transform: none!important;
		transform: none!important
	}
}

.scaleInLeft {
	-webkit-animation-name: scaleInLeft;
	animation-name: scaleInLeft
}

@-webkit-keyframes animateStay {
	0,100% {
		opacity: 1
	}
}

@keyframes animateStay {
	0,100% {
		opacity: 1
	}
}

.animateStay {
	-webkit-animation-name: animateStay;
	animation-name: animateStay
}

@-webkit-keyframes AniNone {
	0,100% {
		-webkit-transform: none!important;
		transform: none!important;
		opacity: 1;
		visibility: visible
	}
}

@keyframes AniNone {
	0,100% {
		-webkit-transform: none!important;
		transform: none!important;
		opacity: 1;
		visibility: visible
	}
}

.AniNone {
	-webkit-animation-name: AniNone;
	animation-name: AniNone;
	opacity: 1
}

.AniCalmdown {
	-webkit-animation-name: AniCalmdown;
	animation-name: AniCalmdown;
	-webkit-animation-duration: .5s!important;
	animation-duration: .5s!important;
	opacity: 0!important;
	visibility: hidden!important;
	pointer-events: none
}

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

.waitAniBlock,.waitAniTitleBlock {
	position: relative;
	overflow: hidden;
	-webkit-animation-duration: 2s!important;
	animation-duration: 2s!important
}

.waitAniBlock:before,.waitAniTitleBlock:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 8;
	background-color: currentColor
}

.waitAniBlock:before,.waitAniTitleBlock:before {
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%)
}

.waitAniBlock._dirv:before,.waitAniTitleBlock._dirv:before {
	-webkit-transform: translateY(-105%);
	transform: translateY(-105%)
}

.waitAniBlock.AniStart .hideBlock,.waitAniBlock.AniStart .hidePic,.waitAniBlock.AniStart .hideWord,.waitAniTitleBlock.AniStart .hideBlock,.waitAniTitleBlock.AniStart .hidePic,.waitAniTitleBlock.AniStart .hideWord {
	-webkit-transition: all 0s ease-out 0s;
	transition: all 0s ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.waitAniBlock.AniStart:before,.waitAniTitleBlock.AniStart:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .5s cubic-bezier(0,0,.3,.6) 0s;
	transition: all .5s cubic-bezier(0,0,.3,.6) 0s;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.waitAniBlock.AniStart._dirv:before,.waitAniTitleBlock.AniStart._dirv:before {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.waitAniBlock.AniDid .hideBlock,.waitAniBlock.AniDid .hidePic,.waitAniBlock.AniDid .hideWord,.waitAniTitleBlock.AniDid .hideBlock,.waitAniTitleBlock.AniDid .hidePic,.waitAniTitleBlock.AniDid .hideWord {
	-webkit-transition: all 0s ease-out 10ms;
	transition: all 0s ease-out 10ms;
	opacity: 1;
	visibility: visible
}

.waitAniBlock.AniDid:before,.waitAniTitleBlock.AniDid:before {
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-transition: all 480ms cubic-bezier(0,0,0,.8) 0s;
	transition: all 480ms cubic-bezier(0,0,0,.8) 0s;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.waitAniBlock.AniDid._dirv:before,.waitAniTitleBlock.AniDid._dirv:before {
	-webkit-transform: translateY(105%);
	transform: translateY(105%)
}

.en {
	word-break: keep-all
}

.tdu {
	text-decoration: underline
}

.oh {
	position: relative;
	overflow: hidden
}

.oh2 {
	position: relative;
	overflow: visible
}

.ma {
	margin-left: auto;
	margin-right: auto
}

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

.vab {
	vertical-align: bottom
}

.vam {
	vertical-align: middle
}

.vat {
	vertical-align: top
}

.dct,.unsel {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.insel {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.op0 {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.op1 {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.tapList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.tapList:after {
	display: none
}

.tapList .item {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.lhd5 {
	height: .5em
}

.reject {
	cursor: not-allowed
}

.poss {
	position: static!important
}

.emptyList {
	text-align: center;
	font-size: 120%;
	background-color: #f5f5f5;
	color: #222;
	font-weight: 700
}

.hidePoint {
	position: absolute;
	height: 0;
	visibility: hidden;
	top: 0;
	left: 0
}

.viewport {
	position: relative
}

.pc .viewport {
	overflow: hidden
}

.hScroll {
	width: 100%;
	font-size: 0;
	white-space: nowrap
}

.hScroll .overview,.hScroll .scrollBox {
	display: inline-block;
	vertical-align: top
}

.wap .hScroll {
	overflow-x: auto;
	overflow-y: hidden
}

.vScroll {
	height: 100%
}

.wap .vScroll {
	overflow-y: auto;
	overflow-x: hidden
}

.oScroll {
	width: 100%;
	height: 100%
}

.invisible {
	visibility: hidden;
	position: absolute!important;
	z-index: -1
}

.ensp {
	display: inline-block;
	vertical-align: middle;
	width: .5em;
	height: 1px
}

.cnsp {
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1px
}

.pa100.link {
	position: absolute!important;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 8;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	text-align: left!important
}

.pa4 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.bgct {
	background-color: transparent!important
}

.enter,.reset {
	position: relative;
	overflow: hidden
}

.enter .iptBtn,.reset .iptBtn {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.kong {
	pointer-events: none
}

.aniSpan {
	position: static!important;
	min-height: 1px;
	display: block
}

.TAlert.nohead .foot,.TAlert.nohead .head {
	display: none
}

.tip-bubble {
	font-size: 1em;
	padding: 4px 8px 4px 8px;
	text-align: center;
	position: fixed;
	z-index: 1000;
	border-radius: 2px;
	display: inline-block;
	opacity: 0;
	max-width: 240px
}

.tip-bubble:after {
	content: '';
	position: absolute;
	margin-left: -8px;
	width: 0;
	height: 0
}

.tip-bubble-center-point:after {
	left: 50%;
	right: auto
}

.tip-bubble-left-point:after {
	left: 10px;
	right: auto
}

.tip-bubble-right-point:after {
	right: 10px;
	left: auto
}

.tip-arrow-top:after {
	border-bottom: solid 8px;
	border-right: solid 8px transparent;
	border-left: solid 8px transparent;
	bottom: 100%
}

.tip-arrow-bottom:after {
	border-top: solid 8px;
	border-right: solid 8px transparent;
	border-left: solid 8px transparent;
	top: 100%
}

.tip-theme-light:after {
	border-bottom-color: #fff;
	border-top-color: #fff
}

.tip-theme-dark:after {
	border-bottom-color: #000;
	border-top-color: #000
}

.lazybox {
	z-index: 1
}

.lazybox:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 2px;
	border-color: rgba(0,0,0,.6) rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.lazybox._loaded:before {
	-webkit-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.scs.hbgOn img,.scst.hbgOn img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

@media screen and (min-width:1025px) {
	.scs img,.scst img {
		-webkit-transition-duration: 330ms;
		transition-duration: 330ms
	}

	.scs:hover img,.scst:hover img {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@media screen and (max-width:1024px) {
	.scs:active img,.scst:active img {
		-webkit-transform: scale(1.025);
		transform: scale(1.025)
	}
}

.scst {
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.c1 {
	color: #acd2df
}

.bgc1 {
	background-color: #acd2df
}

.c2 {
	color: #acd2df
}

.bgc2 {
	background-color: #acd2df
}

.c3 {
	color: #acd2df
}

.bgc3 {
	background-color: #acd2df
}

.ca {
	color: #333
}

.cb {
	color: #666
}

.cs {
	color: #999
}

html {
	min-width: 1200px
}

body {
	color: #666;
	font: 14px/1 "Microsoft YaHei","微软雅黑","PingFang SC",PingFangSC-Regular,Arial,sans-serif
}

a {
	color: #333;
	-webkit-transition: color 220ms;
	transition: color 220ms
}

a.on,a:hover {
	color: #acd2df
}

.container,.w {
	width: 1200px
}

.vmbox {
	font-size: 14px;
	line-height: 1;
	font-family: "Microsoft YaHei","微软雅黑","PingFang SC",PingFangSC-Regular
}

button,input,select,textarea {
	font-family: "Microsoft YaHei","微软雅黑","PingFang SC",PingFangSC-Regular
}

.info {
	font-size: 14px;
	line-height: 24px
}

.imax {
	font-size: 16px;
	line-height: 1.8571
}

::-moz-selection {
	background: #acd2df;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #acd2df;
	color: #fff;
	text-shadow: none
}

.scroll-wrap {
	background-color: #fff
}

.pc ::-webkit-scrollbar {
	position: absolute;
	width: 8px;
	height: 8px
}

.pc ::-webkit-scrollbar-thumb {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.25)
}

.pc ::-webkit-scrollbar-track {
	background: rgba(0,0,0,.05);
	border-radius: 4px
}

.pc ::-webkit-scrollbar-corner {
	background: 0 0;
	height: 0;
	width: 0
}

.lazybox:before {
	margin: -24px 0 0 -24px;
	width: 48px;
	height: 48px
}

.load-error {
	background-image: url(../images/error.gif)
}

@font-face {
	font-family:ubuntul;src:url(../fonts/ubuntul.pfb.woff2) format("woff2"),url(font/ubuntul.pfb.woff) format("woff"),url(../fonts/ubuntul.pfb.ttf) format("truetype"),url(../fonts/ubuntul.pfb.eot) format("embedded-: ;opentype"),url(../fonts/ubuntul.pfb.svg) format("svg"),url(font/ubuntul.pfb.otf) format("opentype");font-weight:400;font-style:normal
}

.en {
	font-family: ubuntul,Arial,sans-serif
}

@font-face {
	font-family:cg;src:url(../fonts/centurygothic.woff2) format("woff2"),url(font/CenturyGothic.woff) format("woff"),url(../fonts/centurygothic.ttf) format("truetype"),url(../fonts/centurygothic.eot) format("embedded-opentype"),url(../fonts/centurygothic.svg) format("svg"),url(font/CenturyGothic.otf) format("opentype");font-weight:400;font-style:normal
}

.idx-botArrow:after,.index-about:after {
	content: " ";
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: 0;
	width: 13px;
	height: 64px;
	background-image: url(../images/arrowi-lead.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-animation: slideInDowns .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate;
	animation: slideInDowns .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate
}

.modal-videoPlayer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	background-color: #fff
}

.modal-videoPlayer .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	cursor: pointer;
	z-index: 80;
	background-color: #aaa
}

.modal-videoPlayer .close s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 43.2px;
	font-size: 28px;
	color: #fff;
	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.modal-videoPlayer .close s:hover {
	color: #fff
}

.ysqUEO .modal-videoPlayer .close s {
	overflow: hidden;
	text-indent: 120%
}

.ysqUEO .modal-videoPlayer .close s:after,.ysqUEO .modal-videoPlayer .close s:before {
	pointer-events: none!important;
	content: " ";
	position: absolute;
	left: 10px;
	width: 28px;
	height: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	background-color: #fff
}

.ysqUEO .modal-videoPlayer .close s:before {
	top: 14px;
	-webkit-transform: rotate(45deg) translate(5.59188309px,0);
	transform: rotate(45deg) translate(5.59188309px,0);
	top: 9px
}

.ysqUEO .modal-videoPlayer .close s:after {
	bottom: 14px;
	-webkit-transform: rotate(-45deg) translate(5.59188309px,0);
	transform: rotate(-45deg) translate(5.59188309px,0);
	bottom: 9px
}

.ysqUEO .modal-videoPlayer .close s:hover:after,.ysqUEO .modal-videoPlayer .close s:hover:before {
	background-color: #fff
}

.modal-videoPlayer .close s:hover {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg)
}

.modal-videoPlayer .player {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000
}

.more1 {
	position: relative;
	z-index: 1;
	display: block;
	color: #fff!important;
	line-height: 34px;
	padding-right: 5px;
	width: 99px;
	text-align: center;
	height: 39px;
	text-transform: uppercase
}

.more1:after,.more1:before {
	z-index: -1;
	content: " ";
	position: absolute;
	width: 98px;
	height: 32px;
	border: #acd2df solid 1px;
	pointer-events: none
}

.more1:before {
	left: 0;
	top: 0;
	background-color: #acd2df
}

.more1:after {
	left: 5px;
	top: 5px;
	-webkit-transition: all 320ms ease-out 0s,-webkit-transform 220ms ease-out 50ms;
	transition: all 320ms ease-out 0s,-webkit-transform 220ms ease-out 50ms;
	transition: all 320ms ease-out 0s,transform 220ms ease-out 50ms;
	transition: all 320ms ease-out 0s,transform 220ms ease-out 50ms,-webkit-transform 220ms ease-out 50ms
}

.more1:hover:after {
	left: -5px;
	top: 5px;
	-webkit-transform: translate(0,-10px);
	transform: translate(0,-10px)
}

.formItem {
	position: relative
}

.formItem .aftPD {
	position: absolute;
	left: 100%;
	top: 0;
	color: red;
	margin-left: 8px;
	white-space: nowrap;
	font-size: 14px;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.formItem .skin::-webkit-input-placeholder {
	color: #999
}

.formItem .skin:-moz-placeholder {
	color: #999
}

.formItem .skin::-moz-placeholder {
	color: #999
}

.formItem .skin:-ms-input-placeholder {
	color: #999
}

.formItem.red .skin {
	color: red;
	border-color: red
}

.formItem.red .skin::-webkit-input-placeholder {
	color: red
}

.formItem.red .skin:-moz-placeholder {
	color: red
}

.formItem.red .skin::-moz-placeholder {
	color: red
}

.formItem.red .skin:-ms-input-placeholder {
	color: red
}

.hbg .zd {
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.hbg.hbgOn .zd,.hbg:hover .zd {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.picMask .pic:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	z-index: 6
}

.picMask:hover .pic:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: .15;
	visibility: visible
}

.tfx-3,.tfx3,.tfy-3,.tfy3 {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.tfy3:hover {
	-webkit-transform: translateY(3px);
	transform: translateY(3px)
}

.tfx3:hover {
	-webkit-transform: translateX(3px);
	transform: translateX(3px)
}

.tfy-3:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px)
}

.tfx-3:hover {
	-webkit-transform: translateX(-3px);
	transform: translateX(-3px)
}

.hbg .op0 {
	visibility: hidden;
	-webkit-transition: all 250ms cubic-bezier(.46,.03,.52,1) 0s;
	transition: all 250ms cubic-bezier(.46,.03,.52,1) 0s
}

.hbg.hbgOn .op0,.hbg:hover .op0 {
	-webkit-transition: all 250ms cubic-bezier(.46,.03,.52,1) 0s;
	transition: all 250ms cubic-bezier(.46,.03,.52,1) 0s;
	opacity: 1;
	visibility: visible
}

.hbg.hbgOn .op0.htfn,.hbg:hover .op0.htfn {
	-webkit-transform: none!important;
	transform: none!important
}

.hbg .front {
	z-index: 3
}

.hbg .behind {
	z-index: 4
}

.hbg .front,.hbg.hbgOn .behind,.hbg:hover .behind {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.hbg .behind,.hbg.hbgOn .front,.hbg:hover .front {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

@-webkit-keyframes slideInDowns {
	0% {
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes slideInDowns {
	0% {
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0)
	}

	to {
		-webkit-transform: none;
		transform: none
	}
}

.slideInDowns {
	-webkit-animation-name: slideInDowns;
	animation-name: slideInDowns;
	opacity: 1!important
}

@-webkit-keyframes fadeInRights {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(35px,0,0);
		transform: translate3d(35px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRights {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(35px,0,0);
		transform: translate3d(35px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRights {
	-webkit-animation-name: fadeInRights;
	animation-name: fadeInRights
}

@-webkit-keyframes fadeInLefts {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(-35px,0,0);
		transform: translate3d(-35px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLefts {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(-35px,0,0);
		transform: translate3d(-35px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLefts {
	-webkit-animation-name: fadeInLefts;
	animation-name: fadeInLefts
}

@-webkit-keyframes fadeInUps {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,-35px,0);
		transform: translate3d(0,-35px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUps {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,-35px,0);
		transform: translate3d(0,-35px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUps {
	-webkit-animation-name: fadeInUps;
	animation-name: fadeInUps
}

@-webkit-keyframes fadeInDowns {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,35px,0);
		transform: translate3d(0,35px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDowns {
	0% {
		opacity: .6;
		-webkit-transform: translate3d(0,35px,0);
		transform: translate3d(0,35px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDowns {
	-webkit-animation-name: fadeInDowns;
	animation-name: fadeInDowns
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes zoomIns {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.77,.77,.77);
		transform: scale3d(.77,.77,.77)
	}

	100%,50% {
		opacity: 1
	}
}

@keyframes zoomIns {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.77,.77,.77);
		transform: scale3d(.77,.77,.77)
	}

	100%,50% {
		opacity: 1
	}
}

.zoomIns {
	-webkit-animation-name: zoomIns;
	animation-name: zoomIns
}

.ysqUEO .abtnSc {
	position: relative;
	overflow: hidden;
	z-index: 1
}

.ysqUEO .abtnSc:after {
	z-index: -1;
	content: " ";
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	margin-left: -120px;
	margin-top: -120px;
	background-color: #fff;
	width: 240px;
	height: 240px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: .1;
	visibility: hidden;
	-webkit-transform: scale(0);
	transform: scale(0);
	pointer-events: none
}

.ysqUEO .abtnSc:hover:after {
	-webkit-transition: all 350ms ease-in 0s;
	transition: all 350ms ease-in 0s;
	opacity: .15;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

.ysqUEO .abtnBd {
	overflow: hidden;
	z-index: 0
}

.ysqUEO .abtnBd:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	pointer-events: none;
	border: 0 solid #777;
	border-radius: inherit;
	opacity: 0
}

.ysqUEO .abtnBd:hover:after {
	border-width: 30px;
	opacity: .2
}

.ysqUEO .abtnMask {
	position: relative;
	overflow: hidden
}

.ysqUEO .abtnMask:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	visibility: visible;
	z-index: -1;
	background-color: #000;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s
}

.ysqUEO .abtnMask:after {
	z-index: 8!important;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ysqUEO .abtnMask:hover:after {
	opacity: .07
}

.scrollAjax #loadState {
	position: relative;
	width: 200px;
	height: 40px;
	margin: 40px auto 0;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
	background-color: #acd2df;
	color: #fff;
	font-size: 16px
}

.scrollAjax #loadState.off {
	background-color: #ddd;
	color: #333;
	cursor: default;
	cursor: not-allowed
}

.scrollAjax #loadState.ing:after {
	content: " ";
	-webkit-animation-name: dotMove;
	animation-name: dotMove;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: steps(4);
	animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes dotMove {
	0%,100% {
		content: "."
	}

	33% {
		content: ".."
	}

	66% {
		content: "..."
	}
}

@keyframes dotMove {
	0%,100% {
		content: "."
	}

	33% {
		content: ".."
	}

	66% {
		content: "..."
	}
}

.scrollAjax #loadState.retry {
	overflow: hidden;
	background-color: #acd2df;
	cursor: pointer
}

.scrollAjax #loadState.retry:before {
	content: "";
	position: absolute;
	overflow: hidden;
	width: 80px;
	height: 150px;
	left: 0;
	top: 0;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);
	-webkit-transform: skewX(-25deg) translateX(-149px);
	transform: skewX(-25deg) translateX(-149px);
	-webkit-transition: none 320ms ease-out 0s;
	transition: none 320ms ease-out 0s
}

.scrollAjax #loadState.retry:hover:before {
	left: 100%;
	-webkit-transform: skewX(-25deg) translateX(149px);
	transform: skewX(-25deg) translateX(149px);
	top: 0;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.scrollAjax .pageList {
	display: none
}

.TAlert {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	overflow: hidden;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow-x: hidden;
	overflow-y: auto
}

.ysqUEO .TAlert .contain {
	opacity: 0;
	-webkit-transition: all 330ms ease-out 0s;
	transition: all 330ms ease-out 0s;
	-webkit-transform: scale(.2);
	transform: scale(.2)
}

.ysqUEO .TAlert.showUp .contain {
	opacity: 1;
	-webkit-transform: none!important;
	transform: none!important
}

.ysqUEO .TAlert.hideOut .contain {
	opacity: 0;
	-webkit-transform: scale(.2)!important;
	transform: scale(.2)!important
}

.TAlert .contain {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	z-index: 9
}

.TAlert .contain .head {
	border-bottom: #ccc solid 1px;
	color: #333;
	background-color: #fff
}

.TAlert .contain .body {
	background-color: #fff;
	color: #444
}

.TAlert .contain .foot {
	position: relative;
	width: 100%;
	border-top: #ccc solid 1px
}

.TAlert .contain .foot .btn {
	position: absolute;
	top: 0;
	width: 50%;
	text-align: center;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.TAlert .contain .foot .btn.enter {
	left: 0;
	background-color: #acd2df;
	color: #fff
}

.TAlert .contain .foot .btn.close {
	right: 0;
	background-color: #f1f1f1;
	border-left: #cfcfcf solid 1px;
	color: #333
}

.TAlert .contain .foot .btn.w100 {
	border-left: none
}

.TAlert .TAlert .contain {
	width: 320px;
	max-width: 90%;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
	text-align: left;
	line-height: 1.4333;
	font-size: 16px;
	border-radius: 5px
}

.TAlert .TAlert .contain .Tclose {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 40px;
	height: 40px
}

.TAlert .TAlert .contain .Tclose s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 36px;
	font-size: 20px;
	color: #333;
	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
	white-space: nowrap;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.TAlert .TAlert .contain .Tclose s:hover {
	color: #333
}

.ysqUEO .TAlert .TAlert .contain .Tclose s {
	overflow: hidden;
	text-indent: 120%
}

.ysqUEO .TAlert .TAlert .contain .Tclose s:after,.ysqUEO .TAlert .TAlert .contain .Tclose s:before {
	pointer-events: none!important;
	content: " ";
	position: absolute;
	left: 10px;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	background-color: #333
}

.ysqUEO .TAlert .TAlert .contain .Tclose s:before {
	top: 14px;
	-webkit-transform: rotate(45deg) translate(3.93502884px,0);
	transform: rotate(45deg) translate(3.93502884px,0);
	top: 9px
}

.ysqUEO .TAlert .TAlert .contain .Tclose s:after {
	bottom: 14px;
	-webkit-transform: rotate(-45deg) translate(3.93502884px,0);
	transform: rotate(-45deg) translate(3.93502884px,0);
	bottom: 9px
}

.ysqUEO .TAlert .TAlert .contain .Tclose s:hover:after,.ysqUEO .TAlert .TAlert .contain .Tclose s:hover:before {
	background-color: #333
}

.TAlert .TAlert .contain .Tclose s:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.TAlert .TAlert .contain .head {
	padding: 10px 15px
}

.TAlert .TAlert .contain .body {
	padding: 15px;
	font-size: 14px
}

.TAlert .TAlert .contain .foot {
	height: 40px
}

.TAlert .TAlert .contain .foot .btn {
	overflow: hidden;
	z-index: 0;
	height: 40px;
	line-height: 40px;
	font-size: 15px
}

.TAlert .TAlert .contain .foot .btn:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	pointer-events: none;
	border-radius: inherit;
	background-color: rgba(0,0,0,0)
}

.TAlert .TAlert .contain .foot .btn:hover:before {
	background-color: rgba(0,0,0,.1)
}

.TAlert .TAlert.modal-qrcode .contain {
	width: auto;
	overflow: visible
}

.TAlert .TAlert.modal-qrcode .contain .head {
	padding: 0
}

.TAlert .TAlert.modal-qrcode .contain .Tclose {
	top: -40px;
	right: -5px
}

.TAlert .TAlert.modal-qrcode .contain .Tclose s {
	color: #fff
}

.TAlert .TAlert.modal-qrcode .contain .pic {
	width: 160px;
	height: 160px
}

.TAlert .TAlert.modal-qrcode .contain .foot {
	display: none!important
}

.TAlert .contain {
	width: 320px;
	max-width: 90%;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
	text-align: left;
	line-height: 1.4333;
	font-size: 16px;
	border-radius: 5px
}

.TAlert .contain .Tclose {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 40px;
	height: 40px
}

.TAlert .contain .Tclose s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 36px;
	font-size: 20px;
	color: #333;
	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
	white-space: nowrap;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,.04)
}

.TAlert .contain .Tclose s:hover {
	color: #333
}

.ysqUEO .TAlert .contain .Tclose s {
	overflow: hidden;
	text-indent: 120%
}

.ysqUEO .TAlert .contain .Tclose s:after,.ysqUEO .TAlert .contain .Tclose s:before {
	pointer-events: none!important;
	content: " ";
	position: absolute;
	left: 10px;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	background-color: #333
}

.ysqUEO .TAlert .contain .Tclose s:before {
	top: 14px;
	-webkit-transform: rotate(45deg) translate(3.93502884px,0);
	transform: rotate(45deg) translate(3.93502884px,0);
	top: 9px
}

.ysqUEO .TAlert .contain .Tclose s:after {
	bottom: 14px;
	-webkit-transform: rotate(-45deg) translate(3.93502884px,0);
	transform: rotate(-45deg) translate(3.93502884px,0);
	bottom: 9px
}

.ysqUEO .TAlert .contain .Tclose s:hover:after,.ysqUEO .TAlert .contain .Tclose s:hover:before {
	background-color: #333
}

.TAlert .contain .Tclose s:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s
}

.TAlert .contain .head {
	padding: 10px 15px
}

.TAlert .contain .body {
	padding: 15px;
	font-size: 14px
}

.TAlert .contain .foot {
	height: 40px
}

.TAlert .contain .foot .btn {
	overflow: hidden;
	z-index: 0;
	height: 40px;
	line-height: 40px;
	font-size: 15px
}

.TAlert .contain .foot .btn:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	pointer-events: none;
	border-radius: inherit;
	background-color: rgba(0,0,0,0)
}

.TAlert .contain .foot .btn:hover:before {
	background-color: rgba(0,0,0,.1)
}

.TAlert.modal-qrcode .contain {
	width: auto;
	overflow: visible
}

.TAlert.modal-qrcode .contain .head {
	padding: 0
}

.TAlert.modal-qrcode .contain .Tclose {
	top: -40px;
	right: -5px
}

.TAlert.modal-qrcode .contain .Tclose s {
	color: #fff
}

.TAlert.modal-qrcode .contain .pic {
	width: 160px;
	height: 160px
}

.TAlert.modal-qrcode .contain .foot {
	display: none!important
}

.pageListBox {
	text-align: center
}

.pageListBox .pageList {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	font-size: 0;
	padding-top: 45px;
	padding-bottom: 0
}

.pageListBox .pageList ul {
	position: relative;
	float: none!important;
	line-height: 32px
}

.pageListBox .pageList ul,.pageListBox .pageList ul li {
	display: inline-block;
	vertical-align: top
}

.pageListBox .pageList ul li {
	margin: 0 5px;
	font-size: 14px
}

.pageListBox .pageList a {
	display: block;
	border: #c8c8c8 solid 1px;
	padding-left: 13px;
	padding-right: 13px;
	text-align: center;
	height: 32px;
	border-radius: 1px;
	color: #888;
	background-color: #fff;
	-webkit-transition: background .2s,color .2s;
	transition: background .2s,color .2s;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pageListBox .pageList a.selected,.pageListBox .pageList a:hover {
	color: #fff;
	background-color: #acd2df
}

.pageListBox .pageList a:active {
	border-color: #fff
}

body.compensate-for-scrollbar {
	overflow: hidden
}

.fancybox-active {
	height: auto
}

.fancybox-is-hidden {
	left: -9999px;
	margin: 0;
	position: absolute!important;
	top: -9999px;
	visibility: hidden
}

.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: 0;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 100%;
	z-index: 99992
}

.fancybox-container * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.fancybox-outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
	transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .9;
	-webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
	transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
	direction: ltr;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .25s ease,visibility 0s ease .25s;
	transition: opacity .25s ease,visibility 0s ease .25s;
	visibility: hidden;
	z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	-webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
	transition: opacity .25s ease 0s,visibility 0s ease 0s;
	visibility: visible
}

.fancybox-infobar {
	color: #ccc;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 44px;
	left: 0;
	line-height: 44px;
	min-width: 44px;
	mix-blend-mode: difference;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fancybox-toolbar {
	right: 0;
	top: 0
}

.fancybox-stage {
	direction: ltr;
	overflow: visible;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 99994
}

.fancybox-is-open .fancybox-stage {
	overflow: hidden
}

.fancybox-slide {
	-webkit-backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	white-space: normal;
	width: 100%;
	z-index: 99994
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
	display: block
}

.fancybox-slide--image {
	overflow: hidden;
	padding: 44px 0
}

.fancybox-slide--image:before {
	display: none
}

.fancybox-slide--html {
	padding: 6px
}

.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: relative;
	text-align: left;
	vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
	-webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
	animation-timing-function: cubic-bezier(.5,0,.14,1);
	-webkit-backface-visibility: hidden;
	background: 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition-property: opacity,-webkit-transform;
	transition-property: opacity,-webkit-transform;
	transition-property: transform,opacity;
	transition-property: transform,opacity,-webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content {
	cursor: -webkit-grab;
	cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.fancybox-container [data-selectable=true] {
	cursor: text
}

.fancybox-image,.fancybox-spaceball {
	background: 0 0;
	border: 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content {
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%
}

.fancybox-slide--video .fancybox-content {
	background: #000
}

.fancybox-slide--map .fancybox-content {
	background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
	background: #fff
}

.fancybox-iframe,.fancybox-video {
	background: 0 0;
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}

.fancybox-iframe {
	left: 0;
	position: absolute;
	top: 0
}

.fancybox-error {
	background: #fff;
	cursor: default;
	max-width: 400px;
	padding: 40px;
	width: 100%
}

.fancybox-error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0
}

.fancybox-button {
	background: rgba(30,30,30,.6);
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	-webkit-transition: color .2s;
	transition: color .2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
	color: #ccc
}

.fancybox-button:hover {
	color: #fff
}

.fancybox-button:focus {
	outline: 0
}

.fancybox-button.fancybox-focus {
	outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
	color: #888;
	cursor: default;
	outline: 0;
	cursor: not-allowed;
	opacity: .5!important
}

.fancybox-button div {
	height: 100%
}

.fancybox-button svg {
	display: block;
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%
}

.fancybox-button svg path {
	fill: currentColor;
	stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2) {
	display: none
}

.fancybox-progress {
	background: #ff5268;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0;
	transform-origin: 0;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	z-index: 99998
}

.fancybox-close-small {
	background: 0 0;
	border: 0;
	border-radius: 0;
	color: #ccc;
	cursor: pointer;
	opacity: .8;
	padding: 8px;
	position: absolute;
	right: -12px;
	top: -44px;
	z-index: 401
}

.fancybox-close-small:hover {
	color: #fff;
	opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
	color: currentColor;
	padding: 10px;
	right: 0;
	top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
	overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
	display: none
}

.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 100px;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 70px
}

.fancybox-navigation .fancybox-button div {
	padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
	left: env(safe-area-inset-left);
	padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
	padding: 31px 6px 31px 26px;
	right: 0;
	right: env(safe-area-inset-right)
}

.fancybox-caption {
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(transparent));
	background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
	bottom: 0;
	color: #eee;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 75px 44px 25px;
	pointer-events: none;
	right: 0;
	text-align: center;
	z-index: 99996
}

@supports (padding:max(0px)) {
	.fancybox-caption {
		padding: 75px 44px 25px 44px
	}
}

.fancybox-caption--separate {
	margin-top: -50px
}

.fancybox-caption__body {
	max-height: 50vh;
	overflow: auto;
	pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
	color: #ccc;
	text-decoration: none
}

.fancybox-caption a:hover {
	color: #fff;
	text-decoration: underline
}

.fancybox-loading {
	-webkit-animation: a 1s linear infinite;
	animation: a 1s linear infinite;
	background: 0 0;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: .7;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 99999
}

@-webkit-keyframes a {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes a {
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.fancybox-animated {
	-webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
	transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
	transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(1.5,1.5,1.5);
	transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(.5,.5,.5);
	transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
	opacity: 0;
	-webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
	transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
	opacity: 0;
	-webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
	transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
	opacity: 1;
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
	transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
	transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
	.fancybox-slide {
		padding-left: 6px;
		padding-right: 6px
	}

	.fancybox-slide--image {
		padding: 6px 0
	}

	.fancybox-close-small {
		right: -6px
	}

	.fancybox-slide--image .fancybox-close-small {
		background: #4e4e4e;
		color: #f2f4f6;
		height: 36px;
		opacity: 1;
		padding: 6px;
		right: 0;
		top: 0;
		width: 36px
	}

	.fancybox-caption {
		padding-left: 12px;
		padding-right: 12px
	}@	supports (padding:max(0px)) {
		.fancybox-caption{padding-left: 12px;
		padding-right: 12px
	}
}}

.fancybox-share {
	background: #f4f4f4;
	border-radius: 3px;
	max-width: 90%;
	padding: 30px;
	text-align: center
}

.fancybox-share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px
}

.fancybox-share p {
	margin: 0;
	padding: 0
}

.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
	color: #fff
}

.fancybox-share__button:hover {
	text-decoration: none
}

.fancybox-share__button--fb {
	background: #3b5998
}

.fancybox-share__button--fb:hover {
	background: #344e86
}

.fancybox-share__button--pt {
	background: #bd081d
}

.fancybox-share__button--pt:hover {
	background: #aa0719
}

.fancybox-share__button--tw {
	background: #1da1f2
}

.fancybox-share__button--tw:hover {
	background: #0d95e8
}

.fancybox-share__button svg {
	height: 25px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 25px
}

.fancybox-share__button svg path {
	fill: #fff
}

.fancybox-share__input {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0;
	outline: 0;
	padding: 10px 15px;
	width: 100%
}

.fancybox-thumbs {
	background: #ddd;
	bottom: 0;
	display: none;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	width: 212px;
	z-index: 99995
}

.fancybox-thumbs-x {
	overflow-x: auto;
	overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
	display: block
}

.fancybox-show-thumbs .fancybox-inner {
	right: 212px
}

.fancybox-thumbs__list {
	font-size: 0;
	height: 100%;
	list-style: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white-space: nowrap;
	width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
	overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
	width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px
}

.fancybox-thumbs__list a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgba(0,0,0,.1);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px
}

.fancybox-thumbs__list a:before {
	border: 2px solid #ff5268;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
	transition: all .2s cubic-bezier(.25,.46,.45,.94);
	z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
	opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
	opacity: 1
}

@media (max-width:576px) {
	.fancybox-thumbs {
		width: 110px
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 110px
	}

	.fancybox-thumbs__list a {
		max-width: calc(100% - 10px)
	}
}[data-fancybox-close]:hover svg {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

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

.fancy_zoomer:after,.fancy_zoomer:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.fancy_zoomer:before {
	z-index: 2;
	background-color: rgba(0,0,0,.2)
}

.fancy_zoomer:after {
	z-index: 3;
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAAzFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jif6XAAAAQ3RSTlMAAel+6hkQBjHtTEGAA8XSBew9WNCS+ehnx5OBPMDB+Fc3rZY59/pA0cLGkfX2lGjMyU1/60tkxPypZu/uo18rGwv9Pt5kUAAAAT9JREFUOMuFk+d2gkAQhdelSVFAQMSGPbHE9F5Mct//nUJRdwlt/szu4ePsvVMIOYWlbTd+GPqbrWaRgpANEed4MOQc4PiAKeiSoki6YAK+k/3emgPrDrt3xsC8xQMzLHsN/pdGb4kZh/Txvvj/7OID+/NlgqtpXvp0h8nJBcV1kbs30KMjA2umIWgzLWMYyUERwbkA2HkIUYmzhktSTBAXWpw83JcRAvpxeoZeRlwgUSVCKiMkiHHqIpFDbsBF6khBlydcnrjlifpX2rVKPQg1bisrdpfIsTGsrnrUuRHrnOmyzo2OnSvt/hNEuXKCHndg07yHmpvCAfBaPckvgN3MbsOY34YREGYR4tB0oywr3SjqNFVA5RF5YLPG2YPIRQ6JNtsL6GpFA09LC5VHcpEgh1rkk1Qj9PermiA/3+QPtGA20vrliSMAAAAASUVORK5CYII=);background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transform: scale(0);
	transform: scale(0)
}

@media screen and (min-width:1025px) {
	.fancy_zoomer:hover:after,.fancy_zoomer:hover:before {
		-webkit-transition: all 250ms ease-out 0s;
		transition: all 250ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}
}

@media screen and (max-width:1024px) {
	.fancy_zoomer:active:after,.fancy_zoomer:active:before {
		-webkit-transition: all 50ms ease-out 0s;
		transition: all 50ms ease-out 0s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: none!important;
		transform: none!important
	}
}

.swiper-container {
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

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

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

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

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

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

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

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

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

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

.swiper-container-3d {
	-webkit-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;
	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,right top,left top,from(rgba(0,0,0,.5)),to(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,left top,right top,from(rgba(0,0,0,.5)),to(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 bottom,left top,from(rgba(0,0,0,.5)),to(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 top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-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;
	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-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-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-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-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-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-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-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-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	transform: scale(.33)
}

.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;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

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

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

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

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

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	transition: .2s transform,.2s top,.2s -webkit-transform
}

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

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-webkit-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

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

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

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

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

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

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

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}

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

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

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

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

.swiper-pagination-lock {
	display: none
}

.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-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: 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%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	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%;
	transform-origin: 50%;
	-webkit-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%;
	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);
		transform: rotate(360deg)
	}
}

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

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

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

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-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-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

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

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

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

.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-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.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-flip {
	overflow: visible
}

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

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

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

.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;
	backface-visibility: hidden
}

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

.swiper-container:before {
	pointer-events: none
}

.swiper-container-horizontal .swiper-slide {
	width: auto;
	white-space: normal;
	font-size: 0
}

@media screen and (max-width:1024px) {
	.fancybox-slide {
		padding: 32px
	}

	.fancybox-infobar {
		height: 32px;
		line-height: 32px;
		min-width: 32px;
		font-size: 12px;
		white-space: nowrap
	}

	.fancybox-infobar>span {
		margin: 0 -.1em
	}

	.fancybox-button {
		width: 32px;
		height: 32px;
		padding: 6px
	}

	.fancybox-caption {
		padding: 48px 32px 10px 32px
	}

	.fancybox-navigation .fancybox-button {
		width: 64px;
		height: 94px
	}
}

.mouse_cursor {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	z-index: 100;
	border-radius: 50%;
	display: none;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	opacity: 0!important
}

.mouse_cursor_box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 999991;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none
}

.mouse_cursor:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #acd2df;
	z-index: 1
}

.mouse_cursor:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: solid 1px #999;
	z-index: -1;
	pointer-events: none;
	border-radius: 50%
}

.mouse_cursor:after,.mouse_cursor:before {
	content: " ";
	-webkit-transition: all 320ms ease-out .2s;
	transition: all 320ms ease-out .2s
}

.mouse_cursor._in {
	opacity: .66
}

.mouse_cursor._disabled {
	opacity: 1
}

.mouse_cursor._disabled:after,.mouse_cursor._disabled:before {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.mouse_cursor._disabled:before {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.mouse_cursor._disabled:after {
	border-width: 25px;
	border-color: rgba(215,22,27,.6)
}

.mouse_cursor._disabled>s {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	z-index: 5;
	-webkit-transition: 0s;
	transition: 0s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	overflow: hidden
}

.mouse_cursor._disabled>s:after,.mouse_cursor._disabled>s:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 50ms;
	transition: all 320ms ease-out 50ms
}

.mouse_cursor._disabled>s:before {
	width: 2px;
	height: 10px;
	margin-left: -1px;
	margin-top: -5px
}

.mouse_cursor._disabled>s:after {
	width: 10px;
	height: 2px;
	margin-left: -5px;
	margin-top: -1px
}

.mouse_cursor._zoomer {
	opacity: 1
}

.mouse_cursor._zoomer:after,.mouse_cursor._zoomer:before {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.mouse_cursor._zoomer:before {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.mouse_cursor._zoomer:after {
	border-width: 25px;
	border-color: rgba(215,22,27,.6)
}

.mouse_cursor._zoomer>s {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	border: #fff solid 1px;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	z-index: 5;
	-webkit-transition: 0s;
	transition: 0s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: -9999px;
	overflow: hidden
}

.mouse_cursor._zoomer>s:after,.mouse_cursor._zoomer>s:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 50ms;
	transition: all 320ms ease-out 50ms
}

.mouse_cursor._zoomer>s:before {
	width: 2px;
	height: 10px;
	margin-left: -1px;
	margin-top: -5px
}

.mouse_cursor._zoomer>s:after {
	width: 10px;
	height: 2px;
	margin-left: -5px;
	margin-top: -1px
}

.mouse_cursor._zoomer._mouseDown>s {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 50ms ease-out 0s;
	transition: all 50ms ease-out 0s
}

.mouse_cursor._btn:after,.mouse_cursor._btn:before {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.mouse_cursor._btn:after,.mouse_cursor._btn:before {
	-webkit-transform: scale(1.25);
	transform: scale(1.25)
}

.mouse_cursor._btn:before {
	background-color: #acd2df
}

.mouse_cursor._link:after,.mouse_cursor._link:before {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.mouse_cursor._link:before {
	background-color: #acd2df;
	-webkit-transform: scale(.75);
	transform: scale(.75)
}

.mouse_cursor._link:after {
	border-width: 25px;
	border-color: rgba(177,8,21,.2)
}

.mouse_cursor.arrowLR {
	opacity: 1!important
}

.mouse_cursor.arrowLR:after,.mouse_cursor.arrowLR:before {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.mouse_cursor.arrowLR:before {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.mouse_cursor.arrowLR:after {
	border-width: 25px;
	border-color: rgba(215,22,27,.6)
}

.mouse_cursor.arrowLR>s {
	position: absolute;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	top: 50%;
	margin-top: -10px;
	height: 20px;
	z-index: 6;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.mouse_cursor.arrowLR>s:after,.mouse_cursor.arrowLR>s:before {
	content: " ";
	position: absolute;
	top: 50%;
	margin-top: -6px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	overflow: hidden;
	width: 0;
	height: 0;
	border-width: 6px 6px;
	border-color: transparent;
	border-style: solid
}

.mouse_cursor.arrowLR>s:before {
	right: 50%;
	margin-right: 5px;
	border-right-color: #fff
}

.mouse_cursor.arrowLR>s:after {
	left: 50%;
	margin-left: 5px;
	border-left-color: #fff
}

.mouse_cursor.arrowLR._link:before {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	background-color: #fff;
	-webkit-transform: scale(.75);
	transform: scale(.75)
}

.mouse_cursor.arrowLR._link:after {
	border-color: rgba(177,8,21,.6)
}

.mouse_cursor.arrowLR._link>s {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.mouse_cursor.arrowLR._btn:before {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	background-color: #acd2df
}

.mouse_cursor.arrowLR._btn:after {
	border-width: 1px;
	border-color: rgba(177,8,21,.2)
}

.mouse_cursor.arrowLR._btn>s {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.mouse_cursor.arrowLR._l>s:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.mouse_cursor.arrowLR._l>s:before {
	margin-right: -2px
}

.mouse_cursor.arrowLR._r>s:before {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.mouse_cursor.arrowLR._r>s:after {
	margin-left: -2px
}

.mouse_cursor.arrowLR._mouseMove:after,.mouse_cursor.arrowLR._mouseMove:before {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.mouse_cursor.arrowLR._mouseMove:before {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.mouse_cursor.arrowLR._mouseMove:after {
	border-width: 25px;
	border-color: rgba(215,22,27,.6)
}

.mouse_cursor.arrowLR._mouseMove>s {
	background-color: #fff;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.mouse_cursor.arrowLR._mouseMove>s:after,.mouse_cursor.arrowLR._mouseMove>s:before {
	-webkit-transition: all 250ms ease-out 0s!important;
	transition: all 250ms ease-out 0s!important;
	opacity: 1!important;
	visibility: visible!important
}

.mouse_cursor.arrowLR._mouseMove>s:before {
	margin-right: 25px;
	right: -10px
}

.mouse_cursor.arrowLR._mouseMove>s:after {
	margin-left: 25px;
	left: -10px
}

.module-scrollBox {
	position: relative;
	height: 100%
}

.module-scrollBox.y {
	padding-right: 20px
}

.module-scrollBox.y .scrollbar {
	right: 0;
	width: 1px;
	height: 100%;
	top: 0
}

.module-scrollBox.y .scrollbar .track {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-color: #ddd
}

.module-scrollBox.y .scrollbar .thumb {
	height: 0;
	right: 0;
	width: 1px;
	background-color: #acd2df
}

.module-scrollBox.x .scrollbar {
	height: 1px;
	width: 100%;
	bottom: -52px
}

.module-scrollBox.x .scrollbar .track {
	position: absolute;
	top: 0;
	right: 0;
	height: 1px;
	background-color: #ddd
}

.module-scrollBox.x .scrollbar .thumb {
	width: 0;
	top: 0;
	left: 0;
	height: 1px;
	background-color: #acd2df;
	-webkit-box-shadow: 0 2px 3.92px .08px rgba(2,219,205,.22);
	box-shadow: 0 2px 3.92px .08px rgba(2,219,205,.22);
	border-radius: 1px
}

.module-scrollBox.x>.viewport {
	white-space: nowrap
}

.module-scrollBox.x>.viewport .overview {
	display: inline-block
}

.module-scrollBox .scrollbar {
	position: absolute;
	z-index: 3;
	right: 0
}

.module-scrollBox .scrollbar .track {
	position: relative
}

.module-scrollBox .scrollbar .thumb {
	position: absolute;
	cursor: pointer;
	border-radius: .5px;
	-webkit-transition: all 80ms ease-out 0s;
	transition: all 80ms ease-out 0s
}

.module-scrollBox .scrollbar .thumb .end {
	height: 1px;
	width: 1px
}

.module-scrollBox .viewport {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.module-scrollBox .overview {
	position: relative;
	-webkit-transition: all 150ms ease-in 0s;
	transition: all 150ms ease-in 0s
}

.module-scrollBox .disable {
	display: none
}

@media screen and (max-width:1024px) {
	.module-scrollBox.y {
		padding-right: 0;
		overflow-y: auto
	}

	.module-scrollBox.x {
		overflow-x: auto
	}

	.module-scrollBox .viewport {
		width: auto;
		height: auto
	}

	.module-scrollBox .scrollbar {
		display: none!important
	}
}

.ctr[role=button] {
	display: block
}

.ctr[aria-disabled=true] {
	display: none
}

.ctr.ctr-navLR {
	z-index: 20;
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 100%;
	background-color: #acd2df;
	color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ctr.ctr-navLR s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体'!important;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-navLR s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-navLR s:after,.ysqUEO .ctr.ctr-navLR s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 2px;
	margin-top: -1px;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-navLR:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-navLR:active {
		color: #fff
	}
}

.ysqUEO .ctr.ctr-navLR:hover s:after,.ysqUEO .ctr.ctr-navLR:hover s:before {
	background-color: #fff
}

.ysqUEO .ctr.ctr-navLR.prev s:after,.ysqUEO .ctr.ctr-navLR.prev s:before {
	margin-left: -3px;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ysqUEO .ctr.ctr-navLR.prev s:before {
	-webkit-transform: rotate(-35deg) translateX(-1px);
	transform: rotate(-35deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.prev s:after {
	-webkit-transform: rotate(35deg) translateX(-1px);
	transform: rotate(35deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.next s:after,.ysqUEO .ctr.ctr-navLR.next s:before {
	margin-left: -7px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ysqUEO .ctr.ctr-navLR.next s:before {
	-webkit-transform: rotate(-35deg) translateX(1px);
	transform: rotate(-35deg) translateX(1px)
}

.ysqUEO .ctr.ctr-navLR.next s:after {
	-webkit-transform: rotate(35deg) translateX(1px);
	transform: rotate(35deg) translateX(1px)
}

.ysqUEO .ctr.ctr-navLR.prev:hover s:before {
	-webkit-transform: rotate(-42deg) translateX(-1px);
	transform: rotate(-42deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.prev:hover s:after {
	-webkit-transform: rotate(42deg) translateX(-1px);
	transform: rotate(42deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-navLR.next:hover s:before {
	-webkit-transform: rotate(-42deg) translateX(1px);
	transform: rotate(-42deg) translateX(1px)
}

.ysqUEO .ctr.ctr-navLR.next:hover s:after {
	-webkit-transform: rotate(42deg) translateX(1px);
	transform: rotate(42deg) translateX(1px)
}

.ctr.ctr-navLR.prev {
	left: 0
}

.ctr.ctr-navLR.next {
	right: 0
}

.ctr.ctr-navLR.reject {
	display: none
}

.ctr.ctr-nav {
	display: none;
	z-index: 20;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	-webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	opacity: .45;
	color: #fff
}

.ctr.ctr-nav:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #fff solid 1px;
	z-index: -1;
	pointer-events: none;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.ctr.ctr-nav.prev {
	left: -86px
}

.ctr.ctr-nav.next {
	right: -86px
}

.ctr.ctr-nav:hover {
	opacity: 1
}

.ctr.ctr-nav s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体'!important;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-nav s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-nav s:after,.ysqUEO .ctr.ctr-nav s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 1px;
	margin-top: -.5px;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-nav:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-nav:active {
		color: #fff
	}
}

.ysqUEO .ctr.ctr-nav:hover s:after,.ysqUEO .ctr.ctr-nav:hover s:before {
	background-color: #fff
}

.ysqUEO .ctr.ctr-nav.prev s:after,.ysqUEO .ctr.ctr-nav.prev s:before {
	margin-left: -5px;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ysqUEO .ctr.ctr-nav.prev s:before {
	-webkit-transform: rotate(-40deg) translateX(-.5px);
	transform: rotate(-40deg) translateX(-.5px)
}

.ysqUEO .ctr.ctr-nav.prev s:after {
	-webkit-transform: rotate(40deg) translateX(-.5px);
	transform: rotate(40deg) translateX(-.5px)
}

.ysqUEO .ctr.ctr-nav.next s:after,.ysqUEO .ctr.ctr-nav.next s:before {
	margin-left: -7px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ysqUEO .ctr.ctr-nav.next s:before {
	-webkit-transform: rotate(-40deg) translateX(.5px);
	transform: rotate(-40deg) translateX(.5px)
}

.ysqUEO .ctr.ctr-nav.next s:after {
	-webkit-transform: rotate(40deg) translateX(.5px);
	transform: rotate(40deg) translateX(.5px)
}

.ysqUEO .ctr.ctr-nav.prev:hover s:before {
	-webkit-transform: rotate(-50deg) translateX(-.5px);
	transform: rotate(-50deg) translateX(-.5px)
}

.ysqUEO .ctr.ctr-nav.prev:hover s:after {
	-webkit-transform: rotate(50deg) translateX(-.5px);
	transform: rotate(50deg) translateX(-.5px)
}

.ysqUEO .ctr.ctr-nav.next:hover s:before {
	-webkit-transform: rotate(-50deg) translateX(.5px);
	transform: rotate(-50deg) translateX(.5px)
}

.ysqUEO .ctr.ctr-nav.next:hover s:after {
	-webkit-transform: rotate(50deg) translateX(.5px);
	transform: rotate(50deg) translateX(.5px)
}

.ctr.ctr-appView {
	display: none;
	z-index: 20;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	width: 48px;
	height: 64px;
	-webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	opacity: .3;
	color: #fff
}

.ctr.ctr-appView.prev {
	left: 25px
}

.ctr.ctr-appView.next {
	right: 25px
}

.ctr.ctr-appView.ctrShow {
	opacity: .6
}

.ctr.ctr-appView:hover {
	opacity: 1
}

.ctr.ctr-appView s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体'!important;
	text-align: center;
	font-size: 48px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-appView s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-appView s:after,.ysqUEO .ctr.ctr-appView s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 2px;
	margin-top: -1px;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-appView:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-appView:active {
		color: #fff
	}
}

.ysqUEO .ctr.ctr-appView:hover s:after,.ysqUEO .ctr.ctr-appView:hover s:before {
	background-color: #fff
}

.ysqUEO .ctr.ctr-appView.prev s:after,.ysqUEO .ctr.ctr-appView.prev s:before {
	margin-left: -10px;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ysqUEO .ctr.ctr-appView.prev s:before {
	-webkit-transform: rotate(-44deg) translateX(-1px);
	transform: rotate(-44deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-appView.prev s:after {
	-webkit-transform: rotate(44deg) translateX(-1px);
	transform: rotate(44deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-appView.next s:after,.ysqUEO .ctr.ctr-appView.next s:before {
	margin-left: -14px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ysqUEO .ctr.ctr-appView.next s:before {
	-webkit-transform: rotate(-44deg) translateX(1px);
	transform: rotate(-44deg) translateX(1px)
}

.ysqUEO .ctr.ctr-appView.next s:after {
	-webkit-transform: rotate(44deg) translateX(1px);
	transform: rotate(44deg) translateX(1px)
}

.ysqUEO .ctr.ctr-appView.prev:hover s:before {
	-webkit-transform: rotate(-50deg) translateX(-1px);
	transform: rotate(-50deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-appView.prev:hover s:after {
	-webkit-transform: rotate(50deg) translateX(-1px);
	transform: rotate(50deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-appView.next:hover s:before {
	-webkit-transform: rotate(-50deg) translateX(1px);
	transform: rotate(-50deg) translateX(1px)
}

.ysqUEO .ctr.ctr-appView.next:hover s:after {
	-webkit-transform: rotate(50deg) translateX(1px);
	transform: rotate(50deg) translateX(1px)
}

.ctr.ctr-rotateMove {
	display: none;
	z-index: 20;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -22px;
	width: 44px;
	height: 44px;
	color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.ctr.ctr-rotateMove:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none;
	background-color: #e85a65
}

.ctr.ctr-rotateMove.prev {
	left: 90px
}

.ctr.ctr-rotateMove.next {
	right: 90px
}

.ctr.ctr-rotateMove:hover:after {
	background-color: #acd2df
}

.ctr.ctr-rotateMove s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体'!important;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .ctr.ctr-rotateMove s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .ctr.ctr-rotateMove s:after,.ysqUEO .ctr.ctr-rotateMove s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin-top: -1px;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.ctr.ctr-rotateMove:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.ctr.ctr-rotateMove:active {
		color: #fff
	}
}

.ysqUEO .ctr.ctr-rotateMove:hover s:after,.ysqUEO .ctr.ctr-rotateMove:hover s:before {
	background-color: #fff
}

.ysqUEO .ctr.ctr-rotateMove.prev s:after,.ysqUEO .ctr.ctr-rotateMove.prev s:before {
	margin-left: -4px;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ysqUEO .ctr.ctr-rotateMove.prev s:before {
	-webkit-transform: rotate(-42deg) translateX(-1px);
	transform: rotate(-42deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-rotateMove.prev s:after {
	-webkit-transform: rotate(42deg) translateX(-1px);
	transform: rotate(42deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-rotateMove.next s:after,.ysqUEO .ctr.ctr-rotateMove.next s:before {
	margin-left: -8px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ysqUEO .ctr.ctr-rotateMove.next s:before {
	-webkit-transform: rotate(-42deg) translateX(1px);
	transform: rotate(-42deg) translateX(1px)
}

.ysqUEO .ctr.ctr-rotateMove.next s:after {
	-webkit-transform: rotate(42deg) translateX(1px);
	transform: rotate(42deg) translateX(1px)
}

.ysqUEO .ctr.ctr-rotateMove.prev:hover s:before {
	-webkit-transform: rotate(-50deg) translateX(-1px);
	transform: rotate(-50deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-rotateMove.prev:hover s:after {
	-webkit-transform: rotate(50deg) translateX(-1px);
	transform: rotate(50deg) translateX(-1px)
}

.ysqUEO .ctr.ctr-rotateMove.next:hover s:before {
	-webkit-transform: rotate(-50deg) translateX(1px);
	transform: rotate(-50deg) translateX(1px)
}

.ysqUEO .ctr.ctr-rotateMove.next:hover s:after {
	-webkit-transform: rotate(50deg) translateX(1px);
	transform: rotate(50deg) translateX(1px)
}

.modal-guidance {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #acd2df
}

.modal-guidance .bg {
	z-index: -1;
	-webkit-transition: all 1.2s ease-out 50ms;
	transition: all 1.2s ease-out 50ms;
	-webkit-transform: scale(2);
	transform: scale(2)
}

.modal-guidance .logo {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -122px;
	margin-left: -110px;
	width: 220px;
	height: 90px
}

.modal-guidance .cudgel {
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -100px;
	width: 300px;
	height: 200px;
	text-align: center
}

.modal-guidance .cudgel .mask {
	height: 200px;
	background-image: url(../images/maski-logo.png);
	background-size: auto;
	background-position: 50% bottom;
	background-repeat: no-repeat
}

.modal-guidance .cudgel .wave {
	position: absolute;
	left: 0;
	width: 0;
	top: 50%;
	margin-top: -50px;
	height: 150px;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.modal-guidance .cudgel .wave s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/bgi-wave.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transition: height 1s ease-out .2s;
	transition: height 1s ease-out .2s;
	-webkit-animation-name: waveMove;
	animation-name: waveMove;
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.modal-guidance.loaded .bar i {
	-webkit-animation-iteration-count: 1!important;
	animation-iteration-count: 1!important
}

.modal-guidance.closed .cudgel .wave s {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.modal-guidance.closed {
	-webkit-transition: all .8s ease-out .1s;
	transition: all .8s ease-out .1s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}

@-webkit-keyframes waveMove {
	0%,100% {
		background-position: right 0
	}

	99.99999% {
		background-position: right bottom
	}
}

@keyframes waveMove {
	0%,100% {
		background-position: right 0
	}

	99.99999% {
		background-position: right bottom
	}
}

.waveMove {
	-webkit-animation-name: waveMove;
	animation-name: waveMove
}

.fullpage-overview {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	overflow-y: hidden;
	overflow-x: auto;
	width: 100%;
	height: 100%;
	background-color: #fbe8e8;
	min-width: 1220px
}

.fullpage-pagination {
	position: absolute;
	left: 1.5625%;
	top: 50%;
	font-size: 0;
	line-height: 300px;
	height: 300px;
	margin-top: -150px;
	width: 14px;
	z-index: 20
}

.fullpage-pagination>img {
	display: inline-block;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	-o-object-fit: scale-down;
	object-fit: scale-down
}

.fullpage-pagination .container {
	width: auto;
	display: inline-block;
	vertical-align: middle;
	line-height: 1
}

.fullpage-pagination .btn {
	display: block;
	position: relative;
	z-index: 1;
	width: 14px;
	height: 14px;
	line-height: 14px
}

.fullpage-pagination .btn:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	border-color: #aeaeae;
	width: 10px;
	height: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.fullpage-pagination .btn>em {
	position: absolute;
	left: 100%;
	margin-left: 12px;
	top: 0;
	line-height: 14px;
	font-size: 16px;
	font-weight: 700;
	font-family: Arial,sans-serif,"Microsoft YaHei","微软雅黑";
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	white-space: nowrap
}

.fullpage-pagination s {
	margin: 10px auto;
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #e0e0dd
}

.fullpage-pagination .btn.on:before {
	border-color: #acd2df;
	height: 0;
	border-radius: 0
}

.fullpage-pagination .btn.on>em {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.fullpage-viewport {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.fullpage-bg {
	-webkit-transition: -webkit-transform 4s ease-out .2s;
	transition: -webkit-transform 4s ease-out .2s;
	transition: transform 4s ease-out .2s;
	transition: transform 4s ease-out .2s,-webkit-transform 4s ease-out .2s
}

.fullpage-section {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
	background-color: #fff;
	min-width: 1200px
}

.fullpage-section .bg {
	z-index: -1;
	pointer-events: none
}

.fullpage-section .vm {
	z-index: 3
}

.fullpage-section.leaving {
	pointer-events: none
}

.fullpage-section.on .fullpage-bg {
	-webkit-transform: scale(1.025);
	transform: scale(1.025)
}

.floatBar {
	position: fixed;
	z-index: 31;
	right: 5px;
	top: 150%;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.floatBar .item {
	display: block;
	position: relative;
	min-width: 50px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 5px
}

.floatBar .item .stay {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #acd2df;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.floatBar .item .come {
	position: absolute;
	right: 52px;
	top: 0;
	text-align: right;
	color: #fff;
	-webkit-transform: translateX(-3px);
	transform: translateX(-3px);
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.floatBar .item .come._txt {
	background-color: #c11b28;
	color: #fff;
	padding: 0 10px;
	white-space: nowrap
}

.floatBar .item .icoImg {
	width: 50px;
	height: 50px;
	display: block;
	top: 0
}

.floatBar .item .qrcode {
	width: 100px;
	height: 100px;
	padding: 5px;
	background-color: #acd2df;
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 1px 0 rgba(0,0,0,.2)
}

.floatBar .item .qrcode img {
	display: block;
	width: 100%;
	height: 100%
}

.floatBar .item:hover .stay {
	opacity: 1;
	background-color: #9f0713
}

.floatBar .item:hover .come {
	-webkit-transform: none!important;
	transform: none!important;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.floatBar .item .write .hr {
	position: absolute;
	left: 12px;
	bottom: 9px;
	width: 16px;
	height: 1px;
	background-color: #fff;
	pointer-events: none
}

.header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 51;
	width: 100%;
	min-width: 1200px;
	height: 90px
}

.header,.header a {
	color: #fff
}

.header>.contain {
	z-index: 6;
	height: 90px;
	padding:0 10%;
}

.header>.contain:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	visibility: visible;
	z-index: -1;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s
}

.header>.hr {
	position: absolute;
	z-index: 8;
	bottom: 0;
	left: 4.16666667%;
	right: 4.16666667%;
	width: auto;
	background-color: #fff;
	opacity: .1
}

.header.skinfff {
	-webkit-box-shadow: .5px .866px 10px 0 rgba(0,0,0,.14);
	box-shadow: .5px .866px 10px 0 rgba(0,0,0,.14)
}

.header.secNavShow>.hr {
	background-color: #000
}

.header.secNavShow .secNavBar,.header.secNavShow .secNavBlock {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

.header.secNavShow,.header.secNavShow a,.header.skinfff,.header.skinfff a {
	color: #333
}

.header.secNavShow .contain:after,.header.skinfff .contain:after {
	opacity: 1
}

.header.secNavShow .logo .behind,.header.skinfff .logo .behind {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.header.secNavShow .wemedia,.header.skinfff .wemedia {
	border-left-color: #999
}

.header.secNavShow .wemedia .item .ico,.header.skinfff .wemedia .item .ico {
	background-position: 0 bottom
}

.header.secNavShow .firNav .firItem.on .link1,.header.skinfff .firNav .firItem.on .link1 {
	color: #acd2df
}

.header.secNavShow .firNav .block s,.header.skinfff .firNav .block s {
	background-color: #acd2df
}

.header .logo {
	float: left;
	position: relative;
	top: 37%;
	margin-top: -16px;
	height: 52px
}

.header .logo img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%
}

.header .logo .behind {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.header .wemedia {
	position: relative;
	z-index: 8;
	float: right;
	height: 15px;
	margin-top: 40px;
	padding-left: 25px;
	border-left: #fff solid 1px;
	font-size: 0;
	white-space: nowrap
}

.header .wemedia .item {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 16px;
	height: 36px;
	margin-top: -11px
}

.header .wemedia .item:first-child {
	margin-left: 0
}

.header .wemedia .item .ico {
	display: block;
	width: 36px;
	height: 36px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	background-repeat: no-repeat;
	background-position: 0 0
}

.header .wemedia .item .qrcode {
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: 5px;
	margin-left: -44px;
	width: 88px;
	height: 88px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
}

.header .wemedia .item:hover .qrcode {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

.header .firNav {
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s;
	position: relative;
	float: right;
	margin-right: 60px
}

.header .firNav .firItem {
	float: left;
	position: relative;
	z-index: 2;
	height: 90px;
	line-height: 92px;
	margin-left: 20px;
	font-size: 16px
}

.header .firNav .firItem .link1 {
	display: block;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.header .firNav .block {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: 1
}

.header .firNav .block s {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #fff
}

@media screen and (min-width:1600px) {
	.header .firNav .firItem {
		margin-left: 45px
	}
}

.header .secNavBar {
	display: none
}

.header .secNavBlock {
	position: absolute;
	z-index: 1;
	left: 200%;
	top: 100%;
	padding-top: 15px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	margin-left: -260px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.15)
}

.header .secNavBlock .wrapIn {
	position: relative;
	z-index: 2;
	background-color: rgba(255,255,255,.8);
	border-top: #acd2df solid 1px;
	padding: 50px 50px 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.header .secNavBlock .wrapIn:after {
	display: none
}

.header .secNavBlock .wrapIn:before {
	content: " ";
	position: absolute;
	left: 260px;
	bottom: 100%;
	overflow: hidden;
	width: 0;
	height: 0;
	border-width: 8px 8px;
	border-color: transparent transparent transparent transparent;
	border-style: solid;
	margin-left: -8px;
	z-index: -1;
	pointer-events: none
}

.header .secNavBlock .wrapIn .left {
	text-align: center;
	color: #acd2df;
	font-size: 16px;
	padding: 4px 0
}

.header .secNavBlock .wrapIn .left ._logo {
	display: block;
	width: 160px;
	margin-bottom: 15px
}

.header .secNavBlock .wrapIn .right {
	padding: 0 50px;
	margin-left: 50px
}

.header .secNavBlock .wrapIn .right .box {
	font-size: 0;
	white-space: nowrap
}

.header .secNavBlock .wrapIn .right .col {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 24px;
	min-height: 96px
}

.header .secNavBlock .wrapIn .right .col:nth-child(1n+2) {
	margin-left: 40px
}

.header .secNavBlock .wrapIn .right .col .line:nth-child(1n+2) {
	margin-top: 12px
}

.header .secNavBlock .wrapIn .right .col .line .link2:hover {
	color: #acd2df
}

@media screen and (min-width:1600px) {
	.header .secNavBlock .wrapIn .right .col:nth-child(1n+2) {
		margin-left: 50px
	}
}

.index-head {
	z-index: 1;
	position: relative;
	text-align: center
}

.index-head:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -27px;
	width: 54px;
	height: 3px;
	background-color: #acd2df
}

.index-head .cn {
	font-size: 28px;
	height: 80px;
	line-height: 80px;
	color: #333
}

.index-head .en {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 66px;
	color: #bbb;
	opacity: .22;
	text-transform: uppercase;
	font-weight: 100;
	letter-spacing: 14px
}

.index-head>p {
	max-width: 770px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	color: #999;
	line-height: 24px
}

.index-banner {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.index-banner .item {
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	background-color: #aaa
}

.index-banner .item .image,.index-banner .item .videoBg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%;
	pointer-events: none
}

.index-banner .item.moveItem {
	position: absolute
}

.index-banner .ctr {
	z-index: 8;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	width: 40px;
	height: 80px;
	line-height: 80px;
	-webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s,all 250ms ease-out 0s;
	transition: all 480ms ease-out 0s,all 320ms ease-out 0s,all 250ms ease-out 0s;
	border-radius: 4px;
	color: #fff;
	opacity: 0;
	visibility: hidden
}

.index-banner .ctr s {
	font-size: 32px;
	font-weight: 700
}

.index-banner .ctr s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体'!important;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .index-banner .ctr s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .index-banner .ctr s:after,.ysqUEO .index-banner .ctr s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 3px;
	margin-top: -1.5px;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.index-banner .ctr:hover {
		color: #fff
	}
}

@media screen and (max-width:1024px) {
	.index-banner .ctr:active {
		color: #fff
	}
}

.ysqUEO .index-banner .ctr:hover s:after,.ysqUEO .index-banner .ctr:hover s:before {
	background-color: #fff
}

.ysqUEO .index-banner .ctr.prev s:after,.ysqUEO .index-banner .ctr.prev s:before {
	margin-left: -5px;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ysqUEO .index-banner .ctr.prev s:before {
	-webkit-transform: rotate(-45deg) translateX(-1.5px);
	transform: rotate(-45deg) translateX(-1.5px)
}

.ysqUEO .index-banner .ctr.prev s:after {
	-webkit-transform: rotate(45deg) translateX(-1.5px);
	transform: rotate(45deg) translateX(-1.5px)
}

.ysqUEO .index-banner .ctr.next s:after,.ysqUEO .index-banner .ctr.next s:before {
	margin-left: -11px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ysqUEO .index-banner .ctr.next s:before {
	-webkit-transform: rotate(-45deg) translateX(1.5px);
	transform: rotate(-45deg) translateX(1.5px)
}

.ysqUEO .index-banner .ctr.next s:after {
	-webkit-transform: rotate(45deg) translateX(1.5px);
	transform: rotate(45deg) translateX(1.5px)
}

.ysqUEO .index-banner .ctr.prev:hover s:before {
	-webkit-transform: rotate(-45deg) translateX(-1.5px);
	transform: rotate(-45deg) translateX(-1.5px)
}

.ysqUEO .index-banner .ctr.prev:hover s:after {
	-webkit-transform: rotate(45deg) translateX(-1.5px);
	transform: rotate(45deg) translateX(-1.5px)
}

.ysqUEO .index-banner .ctr.next:hover s:before {
	-webkit-transform: rotate(-45deg) translateX(1.5px);
	transform: rotate(-45deg) translateX(1.5px)
}

.ysqUEO .index-banner .ctr.next:hover s:after {
	-webkit-transform: rotate(45deg) translateX(1.5px);
	transform: rotate(45deg) translateX(1.5px)
}

.index-banner .ctr.prev {
	left: 80px;
	margin-left: -5px
}

.index-banner .ctr.next {
	right: 80px;
	margin-right: -5px
}

.index-banner .ctr:hover {
	background-color: rgba(0,0,0,.3)
}

.index-banner .ctr.ctrShow {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.index-banner .pagination {
	height: 10px;
	line-height: 10px;
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	z-index: 3;
	text-align: center;
	white-space: nowrap
}

.index-banner .pagination .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 20px;
	height: 20px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	border-radius: 50%;
	text-indent: 150%;
	margin: 0 6px
}

.index-banner .pagination .btn:after,.index-banner .pagination .btn:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	margin-left: -5px;
	margin-top: -5px;
	opacity: 1
}

.index-banner .pagination .btn:after {
	background-color: #fff
}

.index-banner .pagination .btn.on:before {
	width: 18px;
	height: 18px;
	margin-left: -10px;
	margin-top: -10px;
	border: #acd2df solid 1px
}

.index-banner .pagination .btn.on:after {
	width: 10px;
	height: 10px;
	margin-left: -5px;
	margin-top: -5px;
	background-color: #acd2df
}

.maxh600 .index-banner .pagination {
	bottom: 32px
}

.index .vm {
	padding-top: 90px;
	text-align: center
}

.index .vmbox {
	width: 1200px;
	text-align: left
}

.index-fixedMove .item {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1
}

.index-fixedMove .item img {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	width: 1920px;
	margin-left: -960px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: 50% 50%;
	object-position: 50% 50%
}

.ysqUEO .index-fixedMove.dir_z .item.come {
	width: 0;
	z-index: 20!important;
	margin-left: 50%
}

.ysqUEO .index-fixedMove.dir_z .item.come.on {
	margin-left: 0;
	width: 100%;
	-webkit-transition: width 1.2s ease-out 0s,margin 1.2s ease-out 0s;
	transition: width 1.2s ease-out 0s,margin 1.2s ease-out 0s
}

.ysqUEO .index-fixedMove.dir_z .item.leave {
	opacity: 1!important
}

.ysqUEO .index-fixedMove.dir_f .item.leave {
	width: 0;
	z-index: 20!important;
	margin-left: 50%;
	-webkit-transition: width 1.2s ease-out 0s,margin 1.2s ease-out 0s;
	transition: width 1.2s ease-out 0s,margin 1.2s ease-out 0s
}

.ysqUEO .index-fixedMove.dir_f .item.come {
	opacity: 1!important
}

.index-fixedMove .icon {
	height: 20px;
	line-height: 20px;
	position: absolute;
	bottom: 3%;
	left: 0;
	width: 100%;
	z-index: 3;
	text-align: center;
	white-space: nowrap
}

.index-fixedMove .icon .btn {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 4px;
	height: 20px;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s;
	text-indent: 100%;
	margin: 0 10px;
	background-color: #fff;
	height: 10px
}

.ysqUEO .index-fixedMove .icon .btn {
	background-color: #fff!important
}

.ysqUEO .index-fixedMove .icon .btn:after,.ysqUEO .index-fixedMove .icon .btn:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0;
	width: 100%;
	background-color: #acd2df;
	-webkit-transition: all .5s linear 0s;
	transition: all .5s linear 0s
}

.index-fixedMove .icon .btn.on {
	background-color: #acd2df;
	height: 20px
}

.ysqUEO .index-fixedMove .icon .btn.on:after {
	height: 20px;
	-webkit-transition-duration: 4s;
	transition-duration: 4s
}

.index-fixedMove:hover .icon .btn.on:before {
	height: 20px
}

.index-fixedMove:hover .icon .btn.on:after {
	height: 0%;
	-webkit-transition-duration: 220ms;
	transition-duration: 220ms
}

.index-about-contain {
	position: relative;
	height: 440px;
	padding-right: 408px;
	width: 792px
}

.index-about-contain .head {
	position: relative;
	height: 90px;
	line-height: 1.2
}

.index-about-contain .head .cn {
	color: #acd2df;
	font-size: 34px;
	font-weight: 700
}

.index-about-contain .head .en {
	margin-top: 20px;
	color: #999;
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-weight: 100
}

.index-about-contain .head .more {
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 24px;
	font-size: 16px;
	text-transform: uppercase
}

.index-about-contain .head .more:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	width: 44px;
	height: 1px;
	background-color: #999;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.index-about-contain .head .more:hover:before {
	background-color: #acd2df;
	margin-right: 24px
}

.index-about-contain .body {
	margin-top: 30px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	max-height: 210px
}

.index-about-contain .links {
	margin-top: 40px
}

.index-about-contain .links .more1 {
	display: inline-block;
	vertical-align: top;
	margin-right: 24px
}

.index-about-contain .year {
	position: absolute;
	right: 0;
	top: 0;
	width: 259px;
	height: 92px;
	background-image: url(../images/bgi-about-year.jpg);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	padding: 130px 32px 0;
	line-height: 26px;
	color: #333;
	font-size: 16px
}

.index-about-contain .year .fb {
	font-size: 18px
}

.index-about-contain .vd-box {
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: 324px;
	height: 182px;
	background-color: #f1f1f1
}

.index-about-contain .vd-box .pic,.index-about-contain .vd-box .play {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.index-about-contain .vd-box .play {
	z-index: 8;
	background-image: url(../images/btni-play.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.index-about-contain .vd-box .play:hover {
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.index-product:before {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 100%;
	height: 6px;
	background-color: #acd2df;
	opacity: .3;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.index-product .Tt {
	position: relative;
	z-index: 5;
	pointer-events: none
}

.index-product .Tt:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: .4
}

.index-product .Tt .box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(1.025);
	transform: scale(1.025)
}

.index-product .Tt .box.on {
	-webkit-transition: all 1.4s ease-out 0s;
	transition: all 1.4s ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important;
	z-index: 8
}

.index-product .Tg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}

.index-product .Tg .hScroll,.index-product .Tg .overview {
	height: 100%
}

.index-product .Tg .btn {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 33vw;
	height: 100%;
	white-space: normal
}

.index-product .Tg .btn:before {
	content: " ";
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #fff;
	opacity: .4
}

.index-product .Tg .btn:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	left: 100%;
	bottom: 0;
	width: 0;
	top: 0;
	background-color: rgba(0, 147, 159, 0.3);
	border-bottom: #acd2df solid 6px
}

.index-product .Tg .btn:first-child:before {
	display: none
}

.index-product .Tg .btn .contain {
	z-index: 10;
	display: block;
	top: 50%;
	margin-top: -160px;
	height: 350px;
	padding-top: 50px;
	padding-left: 16.66666667%;
	padding-right: 16.66666667%;
	color: #fff
}

.index-product .Tg .btn .contain .ico {
	display: block;
	margin-left: -4px;
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.index-product .Tg .btn .contain .cn {
	margin-top: 6px;
	font-size: 24px
}

.index-product .Tg .btn .contain .en {
	margin-top: 12px;
	font-size: 16px;
	text-transform: uppercase
}

.index-product .Tg .btn .contain .info {
	margin-top: 24px;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height: 72px;
	color: rgba(255,255,255,.5);
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.index-product .Tg .btn .contain .more {
	display: block;
	margin-top: 30px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	font-size: 14px
}

.index-product .Tg .btn .hr {
	display: none
}

.index-product .Tg .btn.on:after {
	left: 0;
	width: 100%;
	-webkit-transition: left 0s ease-out 0s,width 220ms ease-out 0s;
	transition: left 0s ease-out 0s,width 220ms ease-out 0s
}

.index-product .Tg .btn.on .contain .info {
	color: rgba(255,255,255,.8)
}

.index-product .Tg .btn.on .contain .more {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.index-product .Tg .btn:hover:after {
	left: 0;
	width: 100%;
	-webkit-transition: left 0s ease-out 0s,width 220ms ease-out 0s;
	transition: left 0s ease-out 0s,width 220ms ease-out 0s
}

.index-news-contain .more1 {
	margin-top: 3.125%;
	margin-left: auto;
	margin-right: auto
}

.index-news-list {
	margin-top: 1.5625%;
	padding-top: 10px
}

.index-news-list .item {
	position: relative;
	overflow: hidden;
	float: left;
	width: 364px;
	height: 406px;
	margin-left: 54px
}

.index-news-list .item:first-child {
	margin-left: 0
}

.index-news-list .item>h3 {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	color: #333;
	line-height: 22px
}

.index-news-list .item .time {
	font-size: 14px;
	color: #999;
	margin-top: 16px
}

.index-news-list .item>p {
	margin-top: 10px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 48px;
	height: 48px
}

.index-news-list .item .more {
	display: block;
	margin-top: 14px;
	width: 94px;
	height: 28px;
	border: #dadada solid 1px;
	border-radius: 30px;
	text-align: center;
	line-height: 28px;
	-webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,.2);
	box-shadow: inset 0 0 1px 0 rgba(0,0,0,.2)
}

.index-news-list .item .pic {
	margin-top: 24px;
	width: 100%;
	height: 228px;
	background-color: #f1f1f1;
	border-radius: 4px
}

.index-news-list .item:hover>h3 {
	color: #acd2df
}

.index-partner-contain .more1 {
	margin-top: 3.125%;
	margin-left: auto;
	margin-right: auto
}

.index-partner-list {
	margin-top: 1.5625%;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 1220px;
	font-size: 0;
	text-align: center
}

.index-partner-list .item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	width: 162px;
	height: 128px;
	margin: 8px 4px
}

.index-partner-list .item .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	line-height: 128px;
	height: 128px
}

.index-partner-list .item .lazybox:before {
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px
}

.index-contact-contain {
	margin-top: -30px
}

.index-contact-contain .left {
	float: left;
	width: 450px
}

.index-contact-contain .left .dt {
	text-align: left
}

.index-contact-contain .left .dt:before {
	left: 0;
	margin-left: 0
}

.index-contact-contain .left .dt .cn,.index-contact-contain .left .dt .en {
	color: #fff
}

.index-contact-contain .left .dt .en {
	position: relative;
	height: auto;
	line-height: 1;
	/* opacity: .14; */
	letter-spacing: 0
}

.index-contact-contain .left .dd {
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	/* opacity: .5 */
}

.index-contact-contain .left .dd>p {
	padding-top: 6px;
	padding-bottom: 6px
}

.index-contact-contain .formCheck {
	float: right;
	width: 780px;
	margin-right: -80px
}

.index-contact-contain .formCheck .dt {
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 28px
}

.index-contact-contain .formCheck .formItem {
	position: relative;
	float: left;
	margin-top: 20px;
	margin-right: 80px;
	line-height: 45px;
	color: #fff
}

.index-contact-contain .formCheck .formItem .skin {
	padding: 12px 0;
	line-height: 20px;
	border-bottom: #fff solid 1px
}

.index-contact-contain .formCheck .formItem input.skin {
	width: 310px;
	height: 20px
}

.index-contact-contain .formCheck .formItem textarea.skin {
	width: 700px;
	height: 80px
}

.index-contact-contain .formCheck .formItem .aftPD {
	margin-left: -40px;
	width: 40px;
	text-align: center
}

.index-contact-contain .formCheck .enter {
	color: #acd2df;
	height: 44px;
	line-height: 44px;
	border-bottom: solid 1px;
	padding: 0 2px;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.index-contact-contain .formCheck .enter:hover {
	padding: 0 15px
}

.index-contact .backToTop {
	position: absolute;
	left: 50%;
	margin-left: -12px;
	bottom: 80px;
	margin-bottom: 1.5%;
	width: 24px;
	height: 24px;
	background-image: url(../images/arrowi-backtotop.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-animation: fadeInDowns .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate;
	animation: fadeInDowns .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate
}

.index-contact .footer {
	z-index: 9;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: transparent
}

.index-contact .footer:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	visibility: visible;
	z-index: -1;
	background-color: #000;
	opacity: .5;
	pointer-events: none;
	-webkit-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s
}

.footer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	text-align: center;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 30px;
	background-color: #7f7f7f
}

.footer,.footer a {
	color: #fff
}

.subpage .padWH {
	position: relative;
	width: 100%;
	height: 100vh;
	pointer-events: none;
	z-index: -1
}

.subpage .fixedSection {
	position: fixed!important;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 0;
	width: 100%
}

.subpage-banner {
	position: relative;
	overflow: hidden;
	z-index: 2;
	width: 100%;
	height: 100vh
}

.subpage-banner .contain {
	top: 50%;
	margin-top: -210px;
	padding-top: 90px
}

.subpage-banner .contain>img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.subpage-banner .contain .en {
	margin-top: 3%
}

.subpage-banner .contain .cn {
	margin-top: 2.5%;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-family: SimSun,'宋体'
}

.subpage-banner .contain .pendant {
	margin-top: 4%
}

.subpage-banner .contain .vr {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.5%;
	height: 60px;
	position: relative
}

.subpage-banner .contain .vr:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-right: #fff dotted 1px;
	opacity: .4
}

.subpage-banner .typing {
	display: inline-block;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	width: 9em;
	border-left: 5px transparent solid;
	border-right: 4px transparent solid;
	white-space: nowrap;
	-webkit-animation: typing 3.6s steps(9,end),blink_typing .75s step-end 5,blink_typing 1s step-end 2 3.6s;
	animation: typing 3.6s steps(9,end),blink_typing .75s step-end 5,blink_typing 1s step-end 2 3.6s
}

@-webkit-keyframes typing {
	from {
		width: 0
	}

	to {
		width: 9em
	}
}

@keyframes typing {
	from {
		width: 0
	}

	to {
		width: 9em
	}
}

@-webkit-keyframes blink_typing {
	from,to {
		-webkit-box-shadow: 1px 0 0 0 transparent;
		box-shadow: 1px 0 0 0 transparent
	}

	50% {
		-webkit-box-shadow: 1px 0 0 0;
		box-shadow: 1px 0 0 0
	}
}

@keyframes blink_typing {
	from,to {
		-webkit-box-shadow: 1px 0 0 0 transparent;
		box-shadow: 1px 0 0 0 transparent
	}

	50% {
		-webkit-box-shadow: 1px 0 0 0;
		box-shadow: 1px 0 0 0
	}
}

.subpage-banner .mouse {
	position: absolute;
	left: 50%;
	bottom: 10%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image: url(../images/arrows-mouse.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-animation: fadeInDowns .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate;
	animation: fadeInDowns .6s cubic-bezier(.445,.05,.55,.95) .2s infinite backwards alternate
}

.subpage-wrap {
	position: relative;
	z-index: 3;
	background-color: #fff
}

.subpage-nav {
	overflow: hidden;
	position: relative;
	z-index: 5;
	width: 100%;
	height: 90px;
	background-color: #acd2df;
	font-size: 0;
	white-space: nowrap
}

.subpage-nav,.subpage-nav a {
	color: #fff
}

.subpage-nav .swiper-container {
	padding-left: 1px;
	margin-left: -1px
}

.subpage-nav .item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	height: 90px;
	font-size: 0;
	line-height: 90px;
	text-align: left
}

.subpage-nav .item:first-child .link {
	border-left: #ff4d5b solid 1px
}

.subpage-nav .item .link2 {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	width: auto;
	height: auto;
	border-right: #ff4d5b solid 1px
}

.subpage-nav .item .vmbox {
	font-size: 16px;
	line-height: 22px;
	padding: 1px 20px
}

.subpage-nav .item .en {
	opacity: .4;
	text-transform: uppercase;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.subpage-nav .item .cn {
	font-weight: 700
}

.subpage-nav .item:after {
	content: " ";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 132px;
	height: 55px;
	background-image: url(../images/masks-sns.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	opacity: .06
}

.subpage-nav .item.on,.subpage-nav .item:hover {
	background-color: #acd2df
}

.subpage-nav .item.on .en,.subpage-nav .item:hover .en {
	opacity: 1
}

.subpage-nav .item.on:after,.subpage-nav .item:hover:after {
	opacity: .1
}

.subpage-nav .item .thrNav {
	z-index: 8;
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	border-top: #fff solid 6px;
	border-bottom: #acd2df solid 4px;
	background-color: #acd2df;
	-webkit-transform: translate(0,6px);
	transform: translate(0,6px)
}

.subpage-nav .item .thrNav .link {
	position: relative;
	display: block;
	height: 44px;
	line-height: 44px;
	padding-left: 22px;
	padding-right: 50px;
	border-top: #fff solid 1px;
	font-size: 16px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.subpage-nav .item .thrNav .link:after {
	content: "...";
	position: absolute;
	right: 18px;
	top: 26px;
	line-height: 0
}

.subpage-nav .item .thrNav .link:first-child {
	border-top: none
}

.subpage-nav .item .thrNav .link:hover {
	background-color: #acd2df
}

.subpage-nav .item.hbg .cn:after {
	content: "+";
	margin-left: 4px
}

.subpage-nav .item.hbg:hover .thrNav {
	-webkit-transform: none!important;
	transform: none!important
}

.subpage-nav .ctr-nav[role=button] {
	display: block!important
}

.subpage-nav .ctr-nav[role=button][aria-disabled=true] {
	display: none!important
}

.subpage-main {
	position: relative;
	z-index: 3;
	background-color: #fff;
	padding-top: 88px;
	padding-bottom: 88px
}

.subpage-head {
	text-align: center;
	position: relative
}

.subpage-head .en {
	font-size: 30px;
	color: #999;
	text-transform: uppercase
}

.subpage-head .cn {
	margin-top: 12px;
	font-size: 28px;
	color: #222
}

.subpage-head .hr {
	margin-top: 16px;
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	height: 5px;
	background-color: #acd2df
}

.subpage-head._circle .en {
	position: relative;
	z-index: 1
}

.subpage-head._circle .en:after {
	content: " ";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	border: #acd2df solid 1px;
	margin-left: -.4em;
	margin-top: -.4em
}

.subpage-head+.sView {
	margin-top: 60px
}

.subpage-thrnav {
	position: relative;
	text-align: center;
	z-index: 6;
	margin-top: 30px;
	border-bottom: #eee solid 1px
}

.subpage-thrnav._bindjs {
	padding: 0 40px
}

.subpage-thrnav .link3 {
	position: relative;
	z-index: 3;
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	padding-top: 12px;
	line-height: 20px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	text-align: center;
	min-width: 120px;
	color: #333
}

.subpage-thrnav .link3:before {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: 4px;
	margin-left: -51.5px;
	width: 103px;
	height: 0;
	background-image: url(../images/bgs-thrnav.png);
	background-size: 100% 100%;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.subpage-thrnav .link3:nth-child(1n+2) {
	margin-left: 100px
}

.subpage-thrnav .link3 .this {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 12px 0
}

.subpage-thrnav .link3 .this:after {
	content: " ";
	position: absolute;
	z-index: -1;
	bottom: 0;
	height: 2px;
	background-color: #acd2df;
	pointer-events: none;
	left: 50%;
	width: 0;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.subpage-thrnav .link3.on {
	font-weight: 700;
	color: #acd2df
}

.subpage-thrnav .link3.on:before {
	height: 42px;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	opacity: 1;
	visibility: visible
}

.subpage-thrnav .link3.on .this:after {
	left: 0;
	width: 100%;
	-webkit-transition: left 220ms ease-out 0s,width 220ms ease-out 0s;
	transition: left 220ms ease-out 0s,width 220ms ease-out 0s
}

.subpage-thrnav .ctr-navLR {
	height: 44px;
	top: auto;
	bottom: 0
}

.subpage .index-head .en {
	font-size: 46px
}

.sAbout .hidePoint {
	margin-top: -90px
}

.sAbout .subpage-main {
	padding-top: 0;
	padding-bottom: 0
}

.sAbout-section {
	position: relative;
	z-index: 1;
	padding-top: 80px;
	padding-bottom: 80px
}

.sAbout-body {
	margin-top: 30px
}

.sAbout-swiper {
	position: relative;
	margin-top: 30px
}

.sAbout-swiper .swiper-container {
	position: relative;
	padding: 0 35px
}

.sAbout-swiper .swiper-wrapper {
	z-index: 2
}

.sAbout-swiper .item {
	position: relative;
	overflow: hidden
}

.sAbout-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 60.58823529%;
	background-color: #f1f1f1
}

.sAbout-swiper .item .name {
	text-align: center;
	padding: 15px;
	line-height: 1.5;
	font-size: 16px;
	color: #333
}

.sAbout-video {
	position: relative;
	overflow: hidden;
	z-index: 2;
	margin-top: 80px;
	margin-bottom: -80px;
	height: 600px;
	text-align: center;
	color: #fff
}

.sAbout-video .bg {
	background-color: #938d7d;
	height: 100%;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat
}

.sAbout-video .play {
	display: block;
	margin-top: 104px;
	margin-left: auto;
	margin-right: auto;
	width: 80px;
	height: 80px;
	background-image: url(../images/btns-play.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sAbout-video .play:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.sAbout-video .dt {
	margin-top: 60px;
	font-size: 28px;
	font-weight: 700
}

.sAbout-video .dd {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 880px;
	font-size: 14px;
	line-height: 22px
}

.sAbout-video .vr {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 1px;
	height: 70px;
	background-color: #fff
}

.sAbout-video .en {
	margin-top: 15px;
	font-size: 20px;
	text-transform: uppercase
}

.sAbout-culture {
	border-bottom: #acd2df solid 30px
}

.sAbout-culture-list .item {
	z-index: 1;
	float: left;
	position: relative;
	overflow: hidden;
	margin-left: 48px;
	width: 264px;
	height: 405px;
	background-color: #f1f1f1;
	color: #fff
}

.sAbout-culture-list .item:first-child {
	margin-left: 0
}

.sAbout-culture-list .item:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #000;
	opacity: .1
}

.sAbout-culture-list .item .txt {
	position: absolute;
	left: 25px;
	bottom: 25px;
	right: 25px;
	z-index: 4;
	text-align: left
}

.sAbout-culture-list .item .dt {
	font-size: 20px;
	line-height: 30px
}

.sAbout-culture-list .item .dd {
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	min-height: 48px
}

.sAbout-culture-list .item .mask {
	padding: 80px 45px;
	width: 174px;
	height: 245px;
	background-image: url(../images/masks-culture.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	text-align: center
}

.sAbout-culture-list .item .mask .icoImg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 125px;
	height: 125px
}

.sAbout-course-tab {
	position: relative
}

.sAbout-course-tab .Tt .box {
	position: relative;
	padding-left: 685px;
	min-height: 340px
}

.sAbout-course-tab .Tt .box .pic {
	position: absolute;
	left: 0;
	top: 0;
	width: 600px;
	height: 338px;
	background-color: #f1f1f1
}

.sAbout-course-tab .Tt .box .dt {
	width: 50px;
	white-space: nowrap;
	height: 56px;
	line-height: 48px;
	color: #acd2df;
	font-size: 30px;
	font-weight: 700;
	border-bottom: #acd2df 2px solid
}

.sAbout-course-tab .Tt .box .dd {
	margin-top: 20px
}

.sAbout-course-tab .Tt .box .dd>p {
	border-bottom: #d4d4d4 dashed 1px;
	line-height: 24px;
	padding: 12px 0;
	color: #666
}

.sAbout-course-tab .Tg {
	position: relative;
	margin-top: 60px;
	margin-left: 35px;
	margin-right: 35px;
	overflow: hidden
}

.sAbout-course-tab .Tg .overview {
	width: 100%;
	height: 100%;
	font-size: 0;
	white-space: nowrap
}

.sAbout-course-tab .Tg .btn {
	position: relative;
	overflow: hidden;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: 226px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	color: #666;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sAbout-course-tab .Tg .btn:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: background 0s ease-out 0s;
	transition: background 0s ease-out 0s;
	background-image: url(../images/bgs-courseitem.png);
	background-size: auto;
	background-position: 50% 0;
	background-repeat: no-repeat
}

.sAbout-course-tab .Tg .btn:hover {
	color: #acd2df
}

.sAbout-course-tab .Tg .btn.on {
	color: #acd2df
}

.sAbout-course-tab .Tg .btn.on:after {
	background-position: 0 bottom
}

.sAbout-course-tab .ctr {
	position: absolute;
	bottom: 39px;
	margin-bottom: -17px;
	z-index: 8;
	width: 34px;
	height: 34px;
	-webkit-transition: -webkit-transform 320ms ease-out 0s;
	transition: -webkit-transform 320ms ease-out 0s;
	transition: transform 320ms ease-out 0s;
	transition: transform 320ms ease-out 0s,-webkit-transform 320ms ease-out 0s;
	background-image: url(../images/arrows-course.png);
	background-repeat: no-repeat
}

.sAbout-course-tab .ctr.prev {
	left: 2px;
	background-position: left top
}

.sAbout-course-tab .ctr.prev:hover {
	background-position: left bottom
}

.sAbout-course-tab .ctr.next {
	right: 2px;
	background-position: right top
}

.sAbout-course-tab .ctr.next:hover {
	background-position: right bottom
}

.sAbout-honor {
	background-color: #f5f5f5;
	overflow: hidden
}

.sAbout-honor-slide {
	position: relative;
	height: 345px;
	padding-bottom: 80px
}

.sAbout-honor-slide .shade {
	padding: 10px;
	left: -10px
}

.sAbout-honor-slide .box {
	margin-left: 10px;
	margin-top: 10px
}

.sAbout-honor-slide .item {
	float: left;
	margin-right: 60px;
	width: 255px;
	height: 345px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.24);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.24);
	position: relative;
	overflow: hidden;
	z-index: 2
}

.sAbout-honor-slide .item .pic {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.sAbout-honor-slide .item .pic img {
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sAbout-honor-slide .item:hover .pic img {
	-webkit-transform: scale(1.025);
	transform: scale(1.025)
}

.sAbout-honor-slide .pagination {
	height: 10px;
	line-height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	text-align: center;
	white-space: nowrap
}

.sAbout-honor-slide .pagination .btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;
	margin: 0 15px;
	border-color: #b2b2b2;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 0;
	border-style: solid;
	border-radius: 50%;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sAbout-honor-slide .pagination .btn>em {
	display: none
}

.sAbout-honor-slide .pagination .btn.on {
	border-color: #acd2df
}

.sAbout-honor-slide .ctr {
	z-index: 8;
	position: absolute;
	top: 50%;
	margin-top: -55px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	-webkit-transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	transition: all 480ms ease-out 0s,all 320ms ease-out 0s;
	border-radius: 50%;
	border: #c2c2c2 solid 1px;
	color: #666
}

.sAbout-honor-slide .ctr s {
	font-size: 32px;
	font-weight: 700
}

.sAbout-honor-slide .ctr s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	font-family: SimSun,'宋体'!important;
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	pointer-events: none
}

.ysqUEO .sAbout-honor-slide .ctr s {
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	padding: inherit
}

.ysqUEO .sAbout-honor-slide .ctr s:after,.ysqUEO .sAbout-honor-slide .ctr s:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 1px;
	margin-top: -.5px;
	background-color: #666;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

@media screen and (min-width:1025px) {
	.sAbout-honor-slide .ctr:hover {
		color: #acd2df
	}
}

@media screen and (max-width:1024px) {
	.sAbout-honor-slide .ctr:active {
		color: #acd2df
	}
}

.ysqUEO .sAbout-honor-slide .ctr:hover s:after,.ysqUEO .sAbout-honor-slide .ctr:hover s:before {
	background-color: #acd2df
}

.ysqUEO .sAbout-honor-slide .ctr.prev s:after,.ysqUEO .sAbout-honor-slide .ctr.prev s:before {
	margin-left: -7px;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ysqUEO .sAbout-honor-slide .ctr.prev s:before {
	-webkit-transform: rotate(-45deg) translateX(-.5px);
	transform: rotate(-45deg) translateX(-.5px)
}

.ysqUEO .sAbout-honor-slide .ctr.prev s:after {
	-webkit-transform: rotate(45deg) translateX(-.5px);
	transform: rotate(45deg) translateX(-.5px)
}

.ysqUEO .sAbout-honor-slide .ctr.next s:after,.ysqUEO .sAbout-honor-slide .ctr.next s:before {
	margin-left: -9px;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ysqUEO .sAbout-honor-slide .ctr.next s:before {
	-webkit-transform: rotate(-45deg) translateX(.5px);
	transform: rotate(-45deg) translateX(.5px)
}

.ysqUEO .sAbout-honor-slide .ctr.next s:after {
	-webkit-transform: rotate(45deg) translateX(.5px);
	transform: rotate(45deg) translateX(.5px)
}

.ysqUEO .sAbout-honor-slide .ctr.prev:hover s:before {
	-webkit-transform: rotate(-45deg) translateX(-.5px);
	transform: rotate(-45deg) translateX(-.5px)
}

.ysqUEO .sAbout-honor-slide .ctr.prev:hover s:after {
	-webkit-transform: rotate(45deg) translateX(-.5px);
	transform: rotate(45deg) translateX(-.5px)
}

.ysqUEO .sAbout-honor-slide .ctr.next:hover s:before {
	-webkit-transform: rotate(-45deg) translateX(.5px);
	transform: rotate(-45deg) translateX(.5px)
}

.ysqUEO .sAbout-honor-slide .ctr.next:hover s:after {
	-webkit-transform: rotate(45deg) translateX(.5px);
	transform: rotate(45deg) translateX(.5px)
}

.sAbout-honor-slide .ctr.prev {
	left: -100px
}

.sAbout-honor-slide .ctr.next {
	right: -100px
}

.sAbout-honor-slide .ctr:hover {
	border-color: #acd2df;
	background-color: #fbe8e8
}

.sNews-list {
	margin-top: -60px
}

.sNews-list .item {
	position: relative;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom: #ddd solid 1px;
	min-height: 338px
}

.sNews-list .item>h3 {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 90px;
	color: #333;
	font-size: 20px;
	line-height: 30px;
	font-weight: 700
}

.sNews-list .item .time {
	position: absolute;
	top: 60px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	font-family: Arial,sans-serif,"Microsoft YaHei","微软雅黑";
	letter-spacing: 1px
}

.sNews-list .item .time .d {
	font-size: 28px
}

.sNews-list .item>p {
	margin-top: 26px;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-height: 78px;
	color: #666
}

.sNews-list .item .more {
	margin-top: 50px;
	display: block;
	width: 55px;
	padding-top: 15px;
	background-image: url(../images/btns-newsmore.png);
	background-size: auto;
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-align: center
}

.sNews-list .item .pic {
	position: absolute;
	top: 60px;
	width: 540px;
	height: 338px;
	background-color: #f1f1f1;
	border-radius: 4px
}

.sNews-list .item.even {
	padding-right: 660px
}

.sNews-list .item.even .time {
	left: 0
}

.sNews-list .item.even .pic {
	right: 0
}

.sNews-list .item.odd {
	padding-left: 660px
}

.sNews-list .item.odd .time {
	right: 0
}

.sNews-list .item.odd .pic {
	left: 0
}

.sNews-list .item:hover>h3 {
	color: #acd2df
}

.sView {
	position: relative;
	overflow: hidden;
	border: #ddd solid 1px;
	padding: 25px
}

.sView-head {
	text-align: center
}

.sView-head>h1 {
	font-size: 24px;
	line-height: 34px;
	color: #333
}

.sView-head>p {
	margin-top: 14px;
	padding: 6px 20px;
	line-height: 24px;
	color: #999;
	font-size: 14px;
	background-color: #f5f5f5
}

.sView-body {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #333
}

.sView-foot {
	position: relative;
	padding-top: 30px;
	border-top: #ddd solid 1px
}

.sView-foot .ctr {
	position: relative;
	padding-left: 20px;
	display: block;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 200px
}

.sView-foot .ctr:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	background-color: #bababa;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sView-foot .ctr:first-child {
	margin-bottom: 6px
}

.sView-foot .ctr[href=""],.sView-foot .ctr[href="#"] {
	cursor: not-allowed
}

.sView-foot .ctr:hover {
	color: #acd2df
}

.sView-foot .ctr:hover:before {
	background-color: #acd2df
}

.sView-foot .backToList {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #acd2df
}

.sHr-idea .dd {
	margin-top: 30px;
	font-size: 16px;
	line-height: 2;
	text-align: center;
	color: #333
}

.sHr-idea .df {
	margin-top: 40px;
	margin-bottom: -88px;
	position: relative;
	z-index: 2;
	height: 606px
}

.sHr-idea .df .more {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -95px;
	width: 1055px;
	height: 214px;
	background-color: #acd2df;
	color: #fff
}

.sHr-idea .df .more span {
	float: left;
	width: 280px;
	height: 174px;
	padding: 40px 0 0 60px;
	text-align: left
}

.sHr-idea .df .more span:first-child {
	background-color: #fff;
	color: #acd2df
}

.sHr-idea .df .more span .icoImg {
	display: block;
	margin-top: 32px;
	width: 50px;
	height: 50px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sHr-idea .df .more:hover .btn .icoImg {
	margin-left: 5px
}

.sHr-list {
	margin-top: -50px
}

.sHr-list .item {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px
}

.sHr-list .item .head {
	position: relative;
	height: 90px
}

.sHr-list .item .head h3 {
	font-size: 24px;
	font-weight: 700;
	color: #333
}

.sHr-list .item .head h4 {
	margin-top: 15px;
	font-size: 18px;
	color: #999;
	font-family: Arial,sans-serif,"Microsoft YaHei","微软雅黑"
}

.sHr-list .item .head .hr {
	margin-top: 22px;
	width: 40px;
	height: 8px;
	background-image: url(../images/lines-hr.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sHr-list .item .head .btn {
	position: absolute;
	right: 0;
	top: 26px;
	width: 134px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	background-color: #acd2df
}

.sHr-list .item .body {
	position: relative;
	overflow: hidden;
	margin-top: 30px
}

.sHr-list .item .body .col {
	width: 550px
}

.sHr-list .item .body .dt {
	font-size: 18px;
	color: #333;
	line-height: 30px
}

.sHr-list .item .body .dd {
	margin-top: 15px;
	font-size: 14px;
	line-height: 2
}

.sHr-list .item.even {
	background-color: #fff;
	border-bottom: #e8e8e8 solid 1px
}

.sHr-list .item.odd {
	background-color: #f9f9f9
}

.modal-sHr {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -960px;
	margin-top: -540px;
	width: 1920px;
	height: 1080px;
	z-index: 99;
	overflow: hidden
}

.ysqUEO .modal-sHr .contain {
	opacity: 0;
	-webkit-transition: all 330ms ease-out 0s;
	transition: all 330ms ease-out 0s;
	-webkit-transform: translateY(-66%) scale(.2);
	transform: translateY(-66%) scale(.2)
}

.ysqUEO .modal-sHr.showUp .contain {
	opacity: 1;
	-webkit-transform: none!important;
	transform: none!important
}

.ysqUEO .modal-sHr.hideOut .contain {
	opacity: 0;
	-webkit-transform: translateY(33%) scale(.2)!important;
	transform: translateY(33%) scale(.2)!important
}

.modal-sHr .contain {
	z-index: 20;
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -225px;
	width: 450px;
	height: 450px;
	border-radius: 6px
}

.modal-sHr .Tclose {
	position: absolute;
	top: 25px;
	right: 32px;
	width: 26px;
	height: 26px;
	z-index: 9
}

.modal-sHr .Tclose s {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 23.4px;
	font-size: 26px;
	color: #fff;
	font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif;
	cursor: pointer;
	white-space: nowrap;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s
}

.modal-sHr .Tclose s:hover {
	color: #fff
}

.ysqUEO .modal-sHr .Tclose s {
	overflow: hidden;
	text-indent: 120%
}

.ysqUEO .modal-sHr .Tclose s:after,.ysqUEO .modal-sHr .Tclose s:before {
	pointer-events: none!important;
	content: " ";
	position: absolute;
	left: 0;
	width: 26px;
	height: 3px;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	background-color: #fff
}

.ysqUEO .modal-sHr .Tclose s:before {
	top: 4px;
	-webkit-transform: rotate(45deg) translate(5.07411614px,0);
	transform: rotate(45deg) translate(5.07411614px,0);
	top: -1.5px
}

.ysqUEO .modal-sHr .Tclose s:after {
	bottom: 4px;
	-webkit-transform: rotate(-45deg) translate(5.07411614px,0);
	transform: rotate(-45deg) translate(5.07411614px,0);
	bottom: -1.5px
}

.ysqUEO .modal-sHr .Tclose s:hover:after,.ysqUEO .modal-sHr .Tclose s:hover:before {
	background-color: #fff
}

.modal-sHr .Tclose s:hover {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg)
}

.modal-sHr .head {
	position: relative;
	padding: 60px 30px 0;
	width: 390px;
	height: 130px;
	background-image: url(../images/bgs-hrmodal.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #fff
}

.modal-sHr .head .dt {
	font-size: 30px
}

.modal-sHr .head .dd {
	margin-top: 15px;
	font-size: 18px
}

.modal-sHr .body {
	background-color: #fff;
	padding: 25px;
	height: 210px
}

.modal-sHr .body .line {
	position: relative;
	padding: 22px 22px 22px 95px;
	border-top: #e9e9e9 solid 1px;
	min-height: 60px
}

.modal-sHr .body .line:first-child {
	border-top: none
}

.modal-sHr .body .line .icoImg {
	position: absolute;
	left: 0;
	top: 17px;
	width: 70px;
	height: 70px
}

.modal-sHr .body .line .dt {
	font-size: 16px
}

.modal-sHr .body .line .dd {
	margin-top: 15px;
	font-size: 24px;
	color: #acd2df
}

.sContact-list {
	padding-top: 60px;
	width: 1240px;
	margin-left: -20px;
	margin-top: -20px
}

.sContact-list .item {
	position: relative;
	z-index: 1;
	float: left;
	margin: 20px;
	padding: 40px 160px 0 45px;
	width: 373px;
	height: 198px;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	color: #333;
	border: #efefef solid 1px
}

.sContact-list .item .dt {
	width: 44px;
	border-bottom: #414141 solid 3px;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	padding-bottom: 15px;
	white-space: nowrap;
	color: #333
}

.sContact-list .item .dd {
	font-size: 14px;
	line-height: 26px;
	margin-top: 15px
}

.sContact-list .item:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.24);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.24)
}

.sContact-form {
	margin-top: 44px;
	position: relative;
	min-height: 640px;
	margin-bottom: -88px;
	background-image: url(../images/bgs-messageboard.jpg);
	background-size: auto;
	background-position: 50% bottom;
	background-repeat: no-repeat
}

.sContact-form .container {
	width: 1230px;
	margin-top: -15px
}

.sContact-form .formItem {
	float: left;
	margin: 15px
}

.sContact-form .formItem .skin {
	width: 356px;
	height: 24px;
	padding: 7px 11px;
	line-height: 24px;
	border: #c3c3c3 solid 1px;
	background-color: #fff
}

.sContact-form .formItem .skin._focus {
	border-color: #2e9fd9
}

.sContact-form .formItem textarea.skin {
	width: 1176px;
	height: 144px
}

.sContact-form .formItem.yzm .skin {
	width: 176px
}

.sContact-form .formItem.yzm .bindClick {
	width: 108px;
	height: 40px
}

.sContact-form .formItem.yzm .refreshVC {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	background-image: url(../images/icos-refresh.png);
	background-size: auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sContact-form .formItem.yzm .refreshVC:active {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
	-webkit-transition: 0s;
	transition: 0s
}

.sContact-form .formItem.yzm .enter {
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	width: 190px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #acd2df
}

.hidePoint {
	margin-top: -90px
}

.sPDF-swiper {
	width: 100%;
	position: relative;
	z-index: 2;
	margin-bottom: 60px
}

.sPDF-swiper:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 100%;
	height: 1px;
	background-color: #eee;
	z-index: -1;
	pointer-events: none
}

.sPDF-swiper .item {
	position: relative;
	overflow: hidden;
	z-index: 2;
	width: 60px;
	height: 60px;
	text-align: center;
	margin-right: 168px
}

.sPDF-swiper .item .this {
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	font-family: cg,Arial,sans-serif;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sPDF-swiper .item .dot {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 16px;
	height: 16px;
	margin-left: -8px
}

.sPDF-swiper .item .dot:after,.sPDF-swiper .item .dot:before {
	content: " ";
	pointer-events: none;
	border-radius: 50%;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sPDF-swiper .item .dot:before {
	z-index: -2;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #ddd solid 1px
}

.sPDF-swiper .item .dot:after {
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3px 0 0 -3px;
	width: 6px;
	height: 6px;
	background-color: #ddd
}

.sPDF-swiper .item:hover .this {
	color: #acd2df
}

.sPDF-swiper .item:hover .dot:before {
	border-color: rgba(230,0,18,.3)
}

.sPDF-swiper .item:hover .dot:after {
	background-color: #acd2df
}

.sPDF-swiper .item.on .this {
	font-size: 22px;
	color: #acd2df;
	font-weight: 700
}

.sPDF-swiper .item.on .dot:before {
	background-color: rgba(230,0,18,.3);
	border-color: rgba(230,0,18,.3)
}

.sPDF-swiper .item.on .dot:after {
	background-color: #acd2df
}

.sPDF-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.sPDF-list:after {
	display: none
}

.sPDF-list .item {
	position: relative;
	overflow: hidden;
	z-index: 2
}

.sPDF-list .item:nth-child(1n+1) {
	width: 30%;
	margin-left: 5%;
	margin-top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sPDF-list .item:nth-child(3n+1) {
	margin-left: 0
}

.sPDF-list .item:nth-child(1n+4) {
	margin-top: 2.5%
}

.sPDF-list .item .pic {
	background-color: #fff;
	height: 488px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: #efefef solid 5px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sPDF-list .item .title {
	text-align: center;
	padding: 20px;
	line-height: 1.5;
	font-size: 20px;
	font-weight: 700;
	color: #333;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sPDF-list .item:hover .pic {
	border-color: #acd2df
}

.sPDF-list .item:hover .title {
	color: #acd2df
}

.sTeach .subpage-main {
	padding: 0
}

.sTeach-section {
	position: relative;
	z-index: 2;
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 100px
}

.sTeach-caption {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 100px 0
}

.sTeach-caption .head {
	text-align: center
}

.sTeach-caption .head .p1 {
	font-size: 40px;
	color: #222;
	letter-spacing: .05em;
	padding-left: .05em;
	font-weight: 700
}

.sTeach-caption .head .p2 {
	margin-top: 20px;
	font-size: 0
}

.sTeach-caption .head .p2:after,.sTeach-caption .head .p2:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 220px;
	height: 1px
}

.sTeach-caption .head .p2:before {
	background-image: -webkit-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)
}

.sTeach-caption .head .p2:after {
	background-image: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)
}

.sTeach-caption .head .p2 .this {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: .75em;
	padding-left: .75em;
	margin: 0 5px;
	color: #333;
	font-size: 20px
}

.sTeach-caption .body {
	margin-top: 50px;
	text-align: center;
	color: #333
}

.sTeach-c4 .left {
	float: left
}

.sTeach-c4 .right {
	float: right
}

.sTeach-c4-head {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-top: 8.33333333%;
	padding-bottom: 6.25%;
	text-align: center;
	color: #fff
}

.sTeach-c4-head .bg {
	background-color: #566f84;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat
}

.sTeach-c4-head:after {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: 0;
	border-top: #fff solid 18px;
	border-bottom: rgba(255,255,255,.3) solid 60px;
	pointer-events: none;
	z-index: 6
}

.sTeach-c4-head .snum {
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 124px;
	height: 124px;
	padding: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.sTeach-c4-head .snum .circle {
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: rgba(255,255,255,.2) dashed 1px;
	border-radius: 50%;
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.sTeach-c4-head .snum .circle:after {
	content: " ";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #fff;
	left: 100%;
	top: 50%;
	margin-top: -4px;
	margin-left: -4px;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}

.sTeach-c4-head .snum .this {
	margin-left: auto;
	margin-right: auto;
	width: 124px;
	height: 124px;
	line-height: 124px;
	background-color: rgba(230,0,18,.5);
	font-size: 36px;
	font-family: cg,Arial,sans-serif;
	display: block;
	border-radius: 50%;
	text-transform: uppercase
}

.sTeach-c4-head .p1 {
	margin-top: 40px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .05em;
	padding-left: .05em
}

.sTeach-c4-head .p2 {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.5;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: .05em;
	padding-left: .05em
}

.sTeach-c4-a-body .left {
	padding: 15px 30px;
	width: 600px;
	position: relative;
	z-index: 2
}

.sTeach-c4-a-body .left .vr {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 7px;
	top: 45px;
	bottom: 15px;
	width: 0;
	border-left: rgba(230,0,18,.2) dashed 1px;
	height: auto
}

.sTeach-c4-a-body .left .vr .percent {
	position: absolute;
	left: -1px;
	top: 0;
	width: 1px;
	height: 0;
	background-color: #acd2df;
	-webkit-transition: all .5s ease-out .3s;
	transition: all .5s ease-out .3s
}

.sTeach-c4-a-body .left .section {
	position: relative;
	padding: 15px 0
}

.sTeach-c4-a-body .left .section .dt {
	z-index: 1;
	position: relative;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	color: #acd2df;
	letter-spacing: .05em
}

.sTeach-c4-a-body .left .section .dt:after,.sTeach-c4-a-body .left .section .dt:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: -30px;
	top: 50%;
	border-radius: 50%
}

.sTeach-c4-a-body .left .section .dt:before {
	width: 13px;
	height: 13px;
	margin-top: -8px;
	border: dashed 1px rgba(230,0,18,.4);
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sTeach-c4-a-body .left .section .dt:after {
	width: 5px;
	height: 5px;
	margin-top: -3px;
	margin-left: 5px;
	background-color: rgba(230,0,18,.5)
}

.sTeach-c4-a-body .left .section .dd {
	margin-top: 10px;
	font-size: 14px;
	line-height: 2;
	color: #666;
	letter-spacing: .05em
}

.sTeach-c4-a-body .left .section.on .dt:before {
	-webkit-transition: all .5s ease-out .3s;
	transition: all .5s ease-out .3s;
	opacity: 1;
	visibility: visible
}

.sTeach-c4-a-body .right {
	width: 480px
}

.sTeach-c4-a-body .right .pic {
	width: 480px;
	height: 310px;
	background-color: #eee
}

.sTeach-c4-a-body .right .pic:nth-child(1n+2) {
	margin-top: 20px
}

.sTeach-c4-b-body .left {
	width: 600px
}

.sTeach-c4-b-body .left .pic {
	width: 100%;
	height: 524px
}

.sTeach-c4-b-body .right {
	height: 524px;
	width: 540px
}

.sTeach-c4-b-body .right .dt {
	font-size: 18px;
	color: #acd2df;
	line-height: 1.5;
	letter-spacing: .05em
}

.sTeach-c4-b-body .right .dd {
	margin-top: 10px;
	font-size: 16px;
	line-height: 2;
	color: #666;
	letter-spacing: .05em
}

.sTeach-c4-c-body .left {
	width: 620px
}

.sTeach-c4-c-body .left .dt {
	position: relative;
	font-size: 24px;
	color: #acd2df;
	line-height: 44px;
	padding-bottom: 20px;
	border-bottom: rgba(230,0,18,.1) solid 1px;
	letter-spacing: .05em
}

.sTeach-c4-c-body .left .dt:before {
	content: " ";
	pointer-events: none;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 1em;
	height: 3px;
	background-color: #acd2df
}

.sTeach-c4-c-body .left .dd {
	margin-top: 30px;
	height: 240px;
	letter-spacing: .05em
}

.sTeach-c4-c-body .left .dd .module-scrollBox.y {
	padding-right: 35px
}

.sTeach-c4-c-body .left .df {
	margin-top: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	letter-spacing: .05em
}

.sTeach-c4-c-body .left .df:after {
	display: none
}

.sTeach-c4-c-body .left .df .col .sdt {
	font-family: cg,Arial,sans-serif;
	color: #acd2df
}

.sTeach-c4-c-body .left .df .col .sdt .num {
	font-size: 36px
}

.sTeach-c4-c-body .left .df .col .sdt .unit {
	font-size: 18px
}

.sTeach-c4-c-body .left .df .col .sdd {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.sTeach-c4-c-body .right {
	width: 522px
}

.sTeach-c4-c-body .right .pic {
	width: 100%;
	height: 472px
}

.sTeach-c4-d-body .dt {
	text-align: center;
	font-size: 24px;
	color: #acd2df;
	font-weight: 700;
	line-height: 1.5
}

.sTeach-c4-d-body .dd {
	margin-top: 20px;
	letter-spacing: .05em
}

.sTeam-swiper {
	width: 100%;
	position: relative;
	margin-top: 60px
}

.sTeam-swiper .item {
	position: relative;
	overflow: hidden;
	width: 380px;
	margin-right: 30px
}

.sTeam-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 60.52631579%;
	background-color: #f1f1f1
}

.sTeam-swiper .item .pic:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 7;
	pointer-events: none;
	background-image: -webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 25%,rgba(0,0,0,.4) 100%);
	background-size: 100% 400%;
	background-position: 25% 0;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sTeam-swiper .item .title {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 7;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sTeam-swiper .item .title .zoomer {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	margin-left: -14.5px;
	border: #fff solid 1px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: rotate(2turn);
	transform: rotate(2turn);
	text-indent: -9999px;
	overflow: hidden
}

.sTeam-swiper .item .title .zoomer:after,.sTeam-swiper .item .title .zoomer:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	-webkit-transition: all 320ms ease-out 50ms;
	transition: all 320ms ease-out 50ms
}

.sTeam-swiper .item .title .zoomer:before {
	width: 1px;
	height: 12px;
	margin-left: -.5px;
	margin-top: -6px
}

.sTeam-swiper .item .title .zoomer:after {
	width: 12px;
	height: 1px;
	margin-left: -6px;
	margin-top: -.5px
}

.sTeam-swiper .item:hover .pic:after {
	background-position: 50% 50%
}

.sTeam-swiper .item:hover .title {
	bottom: 50%;
	margin-bottom: -45px;
	padding-bottom: 50px
}

.sTeam-swiper .item:hover .title .zoomer {
	-webkit-transition: all .5s ease-out .2s;
	transition: all .5s ease-out .2s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

.sTeam-swiper .swiper-scrollbar {
	margin-top: 60px;
	z-index: 2;
	position: relative;
	left: 0;
	bottom: 0;
	border-radius: 0;
	width: 100%;
	height: 4px;
	background-color: transparent!important
}

.sTeam-swiper .swiper-scrollbar:after {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	right: 0;
	height: 1px;
	background-color: #ddd;
	width: 100%;
	bottom: 0
}

.sTeam-swiper .swiper-scrollbar .swiper-scrollbar-drag {
	position: absolute;
	width: 0;
	top: 0;
	left: 0;
	height: 4px;
	background-color: #acd2df;
	border-radius: 4px
}

.sProduct-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	margin-top: 50px
}

.sProduct-list:after {
	display: none
}

.sProduct-list .item {
	position: relative;
	overflow: hidden
}

.sProduct-list .item:nth-child(1n+1) {
	width: 30%;
	margin-left: 5%;
	margin-top: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sProduct-list .item:nth-child(3n+1) {
	margin-left: 0
}

.sProduct-list .item:nth-child(1n+4) {
	margin-top: 2.5%
}

.sProduct-list .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 62.85714286%;
	background-color: #eee
}

.sProduct-list .item .pic:after {
	content: " ";
	z-index: 4;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: #acd2df solid 5px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(1.25);
	transform: scale(1.25)
}

.sProduct-list .item .txt {
	padding: 20px;
	text-align: center;
	color: #333
}

.sProduct-list .item .txt .title {
	font-size: 20px;
	line-height: 1.5
}

.sProduct-list .item .txt .aside {
	margin-top: 5px;
	font-size: 14px;
	line-height: 18px;
	opacity: .5
}

.sProduct-list .item:hover .pic:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

.sProduct-list .item:hover .txt {
	color: #acd2df
}

.sApplication-swiper {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 60px;
	overflow: hidden
}

.sApplication-swiper .swiper-container {
	padding: 0 %
}

.sApplication-swiper .swiper-wrapper {
	padding: 50px 0
}

.sApplication-swiper .item {
	font-size: 20px;
	z-index: 2
}

.sApplication-swiper .item:after {
	content: " ";
	position: absolute;
	left: -5%;
	top: -5%;
	z-index: -1;
	pointer-events: none;
	width: 110%;
	height: 110%;
	background-image: url(../images/bgs-yy-item.png);
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: pause;
	animation-play-state: pause;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none
}

.sApplication-swiper .item .pic {
	width: 100%;
	height: 0!important;
	padding-bottom: 100%;
	background-color: transparent!important
}

.sApplication-swiper .item.swiper-slide-active:after {
	-webkit-transition: all 250ms ease-out .3s;
	transition: all 250ms ease-out .3s;
	opacity: 1;
	visibility: visible;
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.sApplication-swiper .item:hover .name {
	color: #acd2df
}

.sApplication-swiper .pagination {
	display: block;
	margin-top: 50px;
	position: relative;
	z-index: 2
}

.sApplication-swiper .pagination:before {
	content: " ";
	position: absolute;
	z-index: -1;
	pointer-events: none;
	top: 10px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #eee
}

.sApplication-swiper .pagination .btn {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	position: relative;
	z-index: 2;
	padding-top: 30px;
	text-align: center
}

.sApplication-swiper .pagination .btn:nth-child(1n+2) {
	margin-left: 100px
}

.sApplication-swiper .pagination .btn .dot {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -10px;
	width: 20px;
	height: 20px
}

.sApplication-swiper .pagination .btn .dot:after,.sApplication-swiper .pagination .btn .dot:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%
}

.sApplication-swiper .pagination .btn .dot:before {
	background-color: #eee;
	width: 10px;
	height: 10px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sApplication-swiper .pagination .btn .dot:after {
	background-color: rgba(230,0,18,.3);
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sApplication-swiper .pagination .btn.on .dot:before {
	background-color: #acd2df
}

.sApplication-swiper .pagination .btn.on .dot:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.sApplication-switch {
	position: relative;
	z-index: 2;
	height: 450px
}

.sApplication-switch .item {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.sApplication-switch .item .pic {
	width: 100%;
	height: 100%;
	background-color: #eee
}

.sApplication-switch .playBtn {
	background-color: rgba(0,0,0,.5)
}

.sApplication-switch .playBtn>s {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: #fff solid 1px;
	z-index: 6;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sApplication-switch .playBtn>s s {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	width: 44px;
	height: 44px
}

.sApplication-switch .playBtn>s s:after,.sApplication-switch .playBtn>s s:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -2.4px;
	margin-top: -6px;
	overflow: hidden;
	width: 0;
	height: 0;
	border-width: 6px 6px;
	border-color: transparent transparent transparent #fff;
	border-style: dashed dashed dashed solid;
	-webkit-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s
}

.sApplication-switch .playBtn>s.paused s:before {
	margin-left: -2.7px;
	border-width: 0 1.5px;
	height: 12px
}

.sApplication-switch .playBtn>s.paused s:after {
	margin-left: .9px;
	border-width: 0 1.5px;
	height: 12px
}

.sApplication-switch .playBtn>s:hover {
	-webkit-transform: rotate(360deg) scale(1.1);
	transform: rotate(360deg) scale(1.1)
}

.sApplication-view .sApplication-switch {
	margin-top: 60px
}

.sApplication-view .view-detail .section {
	position: relative;
	z-index: 2;
	padding: 50px 0
}

.sApplication-view .view-detail .section:nth-child(1n+2) {
	border-top: #ddd solid 1px
}

.sApplication-view .view-detail .section .dt {
	padding-left: 15px;
	border-left: #acd2df solid 3px;
	font-size: 24px;
	height: 1em;
	line-height: 1em;
	color: #111;
	letter-spacing: .1em
}

.sApplication-view .view-detail .section .dd {
	padding: 0 18px;
	margin-top: 20px;
	color: #666;
	min-height: 3.5em;
	line-height: 1.75
}

.sApplication-view .view-foot {
	position: relative;
	padding: 25px;
	border-top: #ddd solid 1px;
	height: 30px
}

.sApplication-view .view-foot .ctr {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.sApplication-view .view-foot .ctr.prev {
	float: left
}

.sApplication-view .view-foot .ctr.next {
	float: right
}

.sApplication-view .view-foot .ctr[href=""],.sApplication-view .view-foot .ctr[href="#"] {
	cursor: not-allowed;
	color: #999!important
}

.sApplication-view .view-foot .ctr .limit {
	display: inline-block;
	vertical-align: top;
	max-width: 16em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative
}

.sApplication-view .view-foot .ctr:hover {
	color: #acd2df
}

.sApplication-view .view-foot .ctr:hover:before {
	background-color: #acd2df
}

.sApplication-view .view-foot .backToList {
	position: absolute;
	right: 50%;
	top: 50%;
	margin-right: -62px;
	margin-top: -20px;
	width: 124px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #acd2df
}

.sApplication-view .view-foot .backToList:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	background-color: currentColor;
	width: 24px;
	height: 24px;
	background-image: url(../images/btns-backtolist.png);
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%
}

.sApplication-view .view-foot .backToList:hover:before {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.sQuality-rotateMove {
	position: relative;
	width: 100%;
	margin-top: 50px
}

.sQuality-rotateMove .item.moveItem.base {
	padding: 0;
	width: 0;
	height: 0;
	top: 235px;
	left: 600px;
	opacity: 0
}

.sQuality-rotateMove .item.moveItem.L1.pOn {
	padding: 0;
	width: 620px;
	height: 360px;
	top: 55px;
	left: 0;
	opacity: 1
}

.sQuality-rotateMove .item.moveItem.L0 {
	padding: 0;
	width: 800px;
	height: 470px;
	top: 0;
	left: 200px;
	opacity: 1
}

.sQuality-rotateMove .item.moveItem.L1.nOn {
	padding: 0;
	width: 620px;
	height: 360px;
	top: 55px;
	left: 580px;
	opacity: 1
}

.sQuality-rotateMove .shade {
	left: 50%;
	width: 1200px;
	height: 470px;
	margin-left: -600px;
	overflow: visible;
	z-index: 1
}

.sQuality-rotateMove .shade:before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	z-index: -1;
	pointer-events: none;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-style: solid;
	border-width: 2px;
	border-color: rgba(0,0,0,.6) rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
	-webkit-animation-name: rotate360;
	animation-name: rotate360;
	-webkit-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-play-state: running;
	animation-play-state: running;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.sQuality-rotateMove .shade._loaded:before {
	-webkit-transition: all .1s ease-out 0s;
	transition: all .1s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.sQuality-rotateMove .shade:before {
	margin: -24px 0 0 -24px;
	width: 48px;
	height: 48px
}

.sQuality-rotateMove .shade:before {
	margin: -24px 0 0 -24px;
	width: 48px;
	height: 48px
}

.sQuality-rotateMove .shade .box {
	opacity: 0;
	-webkit-transition: opacity 320ms ease-out 450ms;
	transition: opacity 320ms ease-out 450ms;
	position: relative;
	z-index: 1;
	height: 100%;
	white-space: nowrap
}

.sQuality-rotateMove._loaded .shade:before {
	-webkit-transition: all 250ms ease-out .4s;
	transition: all 250ms ease-out .4s;
	opacity: 0;
	visibility: hidden
}

.sQuality-rotateMove._loaded .box {
	opacity: 1
}

.sQuality-rotateMove .item {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: auto;
	height: 470px;
	cursor: pointer;
	-webkit-transition: all 480ms ease-out 0s,z-index 0s ease-out 0s;
	transition: all 480ms ease-out 0s,z-index 0s ease-out 0s;
	background-color: #fff
}

.sQuality-rotateMove .item.moveItem {
	position: absolute;
	left: 0;
	top: 0
}

.sQuality-rotateMove .item .pic {
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
	background-color: #e6e6e6;
	opacity: .5
}

.sQuality-rotateMove .item .pic:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.1);
	z-index: 8;
	pointer-events: none
}

.sQuality-rotateMove .item.on {
	-webkit-box-shadow: 0 8px 16.2px 1.8px rgba(168,168,168,.55);
	box-shadow: 0 8px 16.2px 1.8px rgba(168,168,168,.55)
}

.sQuality-rotateMove .item.on .pic {
	-webkit-transform: none!important;
	transform: none!important;
	-webkit-transition: all .6s ease-out 0s;
	transition: all .6s ease-out 0s;
	opacity: 1
}

.sQuality-rotateMove .item.on .pic:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sQuality-rotateMove .txt {
	margin-top: 50px;
	text-align: center;
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	white-space: normal
}

.sQuality-rotateMove .txt .dt {
	font-size: 20px;
	color: #333;
	line-height: 1.5
}

.sQuality-rotateMove .txt .dd {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.625
}

.sResearch .subpage-main {
	padding: 0
}

.sResearch-section {
	position: relative;
	overflow: hidden;
	padding: 88px 0;
	z-index: 2
}

.sResearch-equipment {
	background-color: #ebebeb
}

.sResearch-equipment .sQuality-rotateMove .item:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	pointer-events: none;
	border: #fff solid 5px;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sResearch-equipment .sQuality-rotateMove .item.on:after {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.sResearch-team {
	background-color: #fff
}

.sResearch-team-tab {
	margin-top: 60px;
	position: relative;
	overflow: hidden;
	z-index: 2
}

.sResearch-team-tab .Tt {
	position: relative;
	z-index: 2;
	height: 550px;
	background-color: #eee
}

.sResearch-team-tab .Tt .box {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sResearch-team-tab .Tt .box:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	pointer-events: none;
	background-image: -webkit-linear-gradient(-90deg,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%)
}

.sResearch-team-tab .Tt .box.on {
	position: relative;
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible
}

.sResearch-team-tab .Tt .box .pic {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.sResearch-team-tab .Tt .box .txt {
	position: absolute;
	z-index: 4;
	left: 40px;
	bottom: 25px;
	right: 300px;
	color: #fff;
	line-height: 1.5
}

.sResearch-team-tab .Tt .box .txt .dt {
	font-size: 20px;
	letter-spacing: .1em
}

.sResearch-team-tab .Tt .box .txt .dd {
	margin-top: 5px;
	font-size: 16px
}

.sResearch-team-tab .Tg {
	position: absolute;
	right: 25px;
	top: 25px;
	bottom: 25px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	z-index: 6
}

.sResearch-team-tab .Tg .viewport {
	position: relative;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s;
	right: 0
}

.sResearch-team-tab .Tg .btn {
	position: relative;
	overflow: hidden;
	z-index: 2;
	display: block;
	width: 170px;
	height: 78px
}

.sResearch-team-tab .Tg .btn:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	pointer-events: none;
	border: #fff solid 2px;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sResearch-team-tab .Tg .btn:nth-child(1n+2) {
	margin-top: 25px
}

.sResearch-team-tab .Tg .btn .pic {
	width: 100%;
	height: 100%;
	background-color: #fff
}

.sResearch-team-tab .Tg .btn .pic:before {
	margin: -12px 0 0 -12px;
	width: 24px;
	height: 24px
}

.sResearch-team-tab .Tg .btn.on:after {
	border-color: #acd2df
}

.sResearch-team-tab.hideTg .Tg .viewport {
	right: -160px;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sResearch-positioning .body {
	margin-top: 30px
}

.sResearch-positioning .body .aimAt {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 28px;
	height: 28px;
	background-image: url(../images/icon-aimat.png);
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sResearch-positioning .body .p1 {
	margin-top: 20px;
	text-align: center
}

.sResearch-positioning .body .p1:after,.sResearch-positioning .body .p1:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 220px;
	height: 1px
}

.sResearch-positioning .body .p1:before {
	background-image: -webkit-linear-gradient(0deg,rgba(230,0,18,0) 0,rgba(230,0,18,.6) 100%)
}

.sResearch-positioning .body .p1:after {
	background-image: -webkit-linear-gradient(180deg,rgba(230,0,18,0) 0,rgba(230,0,18,.6) 100%)
}

.sResearch-positioning .body .p1 .this {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: .15em;
	padding-left: .15em;
	margin: 0 15px;
	color: #acd2df;
	font-size: 18px;
	font-weight: 700
}

.sResearch-positioning .body .imax {
	margin-top: 20px;
	text-align: center
}

.sResearch-concept {
	background-color: #fcfcfc;
	background-image: url(../images/bgs-concept.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sResearch-concept .left {
	position: relative;
	z-index: 2;
	float: left;
	padding: 65px 0 65px 45px;
	width: 420px
}

.sResearch-concept .left:before {
	content: " ";
	z-index: -1;
	pointer-events: none;
	position: absolute;
	left: 0;
	top: 65px;
	bottom: 0;
	border-right: #919191 dashed 1px
}

.sResearch-concept .left .subpage-head {
	text-align: left
}

.sResearch-concept .left .subpage-head:before {
	content: " ";
	z-index: 2;
	position: absolute;
	left: -45px;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #acd2df
}

.sResearch-concept .left .subpage-head .cn {
	font-size: 36px;
	margin-top: 0
}

.sResearch-concept .left .subpage-head .en {
	margin-top: 15px;
	font-size: 16px;
	font-family: Arial,sans-serif,"Microsoft YaHei","微软雅黑";
	color: #333;
	opacity: .5
}

.sResearch-concept .left .list {
	margin-top: 50px
}

.sResearch-concept .left .list .line:nth-child(1n+2) {
	margin-top: 60px
}

.sResearch-concept .left .list .line .dt {
	font-size: 16px;
	line-height: 30px;
	color: #acd2df
}

.sResearch-concept .left .list .line .dd {
	margin-top: 10px;
	font-size: 16px;
	line-height: 2;
	color: #666
}

.sResearch-concept .right {
	float: right;
	margin-right: -38px;
	margin-top: -20px;
	margin-bottom: -60px
}

.sResearch-concept .right .pic {
	width: 658px;
	height: 607px
}

.sResearch-development {
	background-image: url(../images/bgs-kf-ln-3.jpg);
	background-size: cover;
	background-position: 50% 100%;
	background-repeat: no-repeat
}

.sResearch-development-swiper {
	margin-top: 40px
}

.sResearch-development-swiper .swiper-wrapper {
	height: 400px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-line-pack: end;
	align-content: flex-end
}

.sResearch-development-swiper .item {
	line-height: 1.5;
	white-space: normal;
	height: auto;
	padding-bottom: 30px;
	padding-left: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.sResearch-development-swiper .item:after,.sResearch-development-swiper .item:before {
	content: " ";
	position: absolute;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sResearch-development-swiper .item:before {
	left: 0;
	top: 4px;
	width: 24px;
	height: 32px;
	background-image: url(../images/icon-position.png);
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sResearch-development-swiper .item:after {
	left: 11px;
	top: 34px;
	width: 1px;
	bottom: 0;
	background-image: -webkit-linear-gradient(-90deg,rgba(230,0,18,.5) 0,rgba(230,0,18,0) 100%)
}

.sResearch-development-swiper .item .dt {
	font-size: 24px;
	font-family: cg,Arial,sans-serif;
	color: #acd2df
}

.sResearch-development-swiper .item .dt small {
	font-size: 16px
}

.sResearch-development-swiper .item .ds {
	margin-top: 10px;
	font-size: 20px;
	color: #333
}

.sResearch-development-swiper .item .dd {
	margin-top: 20px;
	font-size: 16px;
	color: #666;
	min-height: 8.75em;
	line-height: 1.75em
}

.sResearch-development-swiper .item:hover:before {
	top: 0
}

.sResearch-development-swiper .item:hover:after {
	top: 30px
}

.sResearch-Cultural {
	background-color: #2a333c;
	background-image: url(../images/bgs-kf-ln-4.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.sResearch-Cultural .subpage-head .en {
	color: #fff;
	opacity: .5
}

.sResearch-Cultural .subpage-head .cn {
	color: #fff
}

.sResearch-Cultural .oList {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

.sResearch-Cultural .oList:after {
	display: none
}

.sResearch-Cultural .oList .oLi {
	position: relative;
	z-index: 2;
	width: 326px;
	height: 416px;
	color: #fff
}

.sResearch-Cultural .oList .oLi .behind,.sResearch-Cultural .oList .oLi .front {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1
}

.sResearch-Cultural .oList .oLi .front {
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sResearch-Cultural .oList .oLi .front:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	pointer-events: none;
	border: #fff solid 1px;
	opacity: .22;
	background-color: rgba(0,0,0,.4)
}

.sResearch-Cultural .oList .oLi .front .wrapIn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	-webkit-transition: all 320ms ease-out 0s;
	transition: all 320ms ease-out 0s
}

.sResearch-Cultural .oList .oLi .front .wrapIn .icoImg {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	border: rgba(255,255,255,.4) solid 1px
}

.sResearch-Cultural .oList .oLi .front .wrapIn .cn {
	font-size: 24px;
	margin-top: 20px
}

.sResearch-Cultural .oList .oLi .front .wrapIn .en {
	font-size: 16px;
	margin-top: 10px;
	opacity: .2
}

.sResearch-Cultural .oList .oLi .behind {
	background-color: rgba(230,0,18,.8);
	-webkit-transform: translate(-10px,-10px);
	transform: translate(-10px,-10px);
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden;
	padding: 30px
}

.sResearch-Cultural .oList .oLi .behind .dt {
	font-size: 24px;
	text-transform: uppercase;
	padding: 30px 20px;
	border-bottom: rgba(255,255,255,.5) solid 1px
}

.sResearch-Cultural .oList .oLi .behind .dd {
	margin-top: 20px
}

.sResearch-Cultural .oList .oLi .behind .dd .line {
	padding: 20px
}

.sResearch-Cultural .oList .oLi .behind .dd .line:nth-child(1n+2) {
	border-top: rgba(255,255,255,.2) dashed 1px
}

.sResearch-Cultural .oList .oLi .behind .dd .line .sdt {
	font-size: 20px;
	line-height: 30px
}

.sResearch-Cultural .oList .oLi .behind .dd .line .sdd {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.5;
	opacity: .5;
	min-height: 3em
}

.sResearch-Cultural .oList .oLi:hover .front {
	-webkit-transform: translate(10px,10px);
	transform: translate(10px,10px);
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.sResearch-Cultural .oList .oLi:hover .front .wrapIn {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 0;
	visibility: hidden
}

.sResearch-Cultural .oList .oLi:hover .behind {
	-webkit-transition: all 250ms ease-out 0s;
	transition: all 250ms ease-out 0s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: none!important;
	transform: none!important
}

.sResearch-functions .body {
	margin-top: 20px
}

.sResearch-functions .body .p1 {
	font-size: 16px;
	line-height: 1.875;
	color: #666;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.sResearch-functions .oList {
	position: relative;
	overflow: hidden;
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	margin-left: -45px;
	margin-right: -45px
}

.sResearch-functions .oList:after {
	display: none
}

.sResearch-functions .oList .oLi {
	width: 340px;
	position: relative;
	z-index: 2;
	padding: 0 45px
}

.sResearch-functions .oList .oLi:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #eee
}

.sResearch-functions .oList .oLi:nth-child(3n+1):before {
	display: none
}

.sResearch-functions .oList .oLi .pic {
	height: 210px;
	background-color: #eee
}

.sResearch-functions .oList .oLi .txt {
	padding: 20px;
	text-align: center
}

.sResearch-functions .oList .oLi .txt .sdt {
	font-size: 22px;
	line-height: 30px;
	color: #333;
	font-weight: 700;
	-webkit-transition: all 480ms ease-out 0s;
	transition: all 480ms ease-out 0s
}

.sResearch-functions .oList .oLi .txt .sdd {
	margin-top: 10px;
	font-size: 16px;
	line-height: 1.5;
	color: #666
}

.sResearch-functions .oList .oLi:hover .txt .sdt {
	color: #acd2df
}

._framework .fancybox-image {
	background-color: #fff
}

/*aaaa*/

.hexin{
	width:100%;
	padding-bottom:170px;
    position:relative;
    background:#fff; 
}
.hexincon{
	width:1200px;
	margin:0 auto;
	padding:185px 0 90px;
}
.heleft{
	width:450px;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heleft h3{
	font-size:48px;
	/*font-family:'SourceHanSerifSC-Heavy';*/
    font-family: "微软雅黑";
	color:#464646;	
}
.heright{
	width:calc(100% - 450px);
    position:relative;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heright::after{
    position:absolute;
    content: '';
    width:1px;
    height:140px;
    background:#e5e5e5;
    top:50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateY(-50%);
    left:-34px; 
}
.heright p{
	font-size:16px;
	font-family:"微软雅黑";
	color:#333333;
	line-height: 30px;
	letter-spacing: 1px;
    height: 90px;
    overflow: hidden;	
}	
.heixinlistbox{
    position:relative;
}
.heixinlist{
	width:100%;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heixinlist2{
	width:100%;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heixinlist .slick-dots {
	bottom:-81px;
}
.heixinlist .slick-dots li{
	width:16px;
	height:16px;
	background:#e5e5e5;
	border-radius: 0;
    margin: 0 9px;
}
.heixinlist .slick-dots li.slick-active{
	background:#acd2df;
}
.heixinlist2 .slick-dots {
	bottom:-81px;
}
.heixinlist2 .slick-dots li{
	width:16px;
	height:16px;
	background:#e5e5e5;
	border-radius: 0;
    margin: 0 9px;
}
.heixinlist2 .slick-dots li.slick-active{
	background:#acd2df;
}
.hxin_item{
	position:relative;
	width:1200px;
}

.heixinlist .slick-active .hxin_txt{
	display:block;
}
.heixinlist2 .slick-active .hxin_txt{
	display:block;
}
.hitbox{
	width: 100%;
    opacity: 0.3;
}
.heixinlist .slick-active .hitbox{
    opacity: 1;
}
.heixinlist2 .slick-active .hitbox{
    opacity: 1;
}
.hxin_txt{
	position:absolute;
	background:#fff;
	width:380px;
	height:422px;
	bottom:10px;
	left:10px;
	padding:56px 53px 42px;
	display:none;
    z-index: 1;
}
.hxin_txt h2{
	color:#333333;
	font-size:30px;
	font-family:"微软雅黑";	
	position:relative;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt h2::after{
	position: absolute;
	top:8px;
	content: '';
	width:73px;
	height: 2px;
	background:#acd2df;	
	left:-97px;
}
.hxin_txt> p{
	color:#666666;
	font-size:16px;
	font-family:"微软雅黑";	
	margin:30px 0 76px;
	line-height: 30px;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt a{
	color:#acd2df;
	font-size:20px;
	font-family:"微软雅黑";
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;		
}
.gengduo span{
    color:#acd2df;
    font-size:20px;
    font-family:"微软雅黑";
}

.pagebox{
	width:100%;
	text-align: center;
	margin-top:66px;
}
.pagebox p{
	color:#999999;
	font-size:24px;
	font-family:"Arial";		
}
.pagebox p i{
	font-style:normal;
	color:#333333;
	font-size:36px;
	font-family:"Arial";	
}

.heixinlistbox{
    position:relative;
}
.heixinlist{
	width:100%;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heixinlist .slick-dots {
	bottom:-81px;
}
.heixinlist .slick-dots li{
	width:16px;
	height:16px;
	background:#e5e5e5;
	border-radius: 0;
    margin: 0 9px;
}
.heixinlist .slick-dots li.slick-active{
	background:#acd2df;
}
.heixinlist2{
	width:100%;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heixinlist2 .slick-dots {
	bottom:-81px;
}
.heixinlist2 .slick-dots li{
	width:16px;
	height:16px;
	background:#e5e5e5;
	border-radius: 0;
    margin: 0 9px;
}
.heixinlist2 .slick-dots li.slick-active{
	background:#acd2df;
}
.hxin_item{
	position:relative;
	margin: 0 30px;
	width:1200px;
}

.heixinlist .slick-active .hxin_txt{
	display:block;
}
.heixinlist2 .slick-active .hxin_txt{
	display:block;
}
.hitbox{
	width: 100%;
    opacity: 0.3;
}
.heixinlist .slick-active .hitbox{
    opacity: 1;
}
.heixinlist2 .slick-active .hitbox{
    opacity: 1;
}
.hxin_txt{
	position:absolute;
	background:#fff;
	width:380px;
	height:422px;
	bottom:10px;
	left:10px;
	padding:56px 53px 42px;
	display:none;
    z-index: 1;
}
.hxin_txt h2{
	color:#333333;
	font-size:30px;
	font-family:"微软雅黑";	
	position:relative;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt h2::after{
	position: absolute;
	top:8px;
	content: '';
	width:73px;
	height: 2px;
	background:#acd2df;	
	left:-97px;
}
.hxin_txt> p{
	color:#666666;
	font-size:16px;
	font-family:"微软雅黑";	
	margin:30px 0 76px;
	line-height: 30px;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt a{
	color:#acd2df;
	font-size:20px;
	font-family:"微软雅黑";
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;		
}
.hxin_txt .gengduo span:nth-child(2){
    margin-left: 2px;
    transition: all 0.8s;
}
.hitbox a{
    display: block;
    overflow: hidden;
}
.hitbox img{
    transition: all 1s;
}
@media screen and (min-width:1200px){

	.xailabox a:hover{
		color:#000;
	}
	.navitem a:hover{
		color:#009cff;
	}
	.lianhuamore:hover span{
		color:#009cff;
        transition: all 0.8s;
	}
    .lianhuamore:hover .lianhuaspana{
        margin-left:10px;
    }
    .lianhuamore:hover{
       /* border-color:#009cff;*/
       background-color: #fff;
        transition: all 0.8s;
    }
	.ft_itembox a:hover{
		color:#009cff;
	}	
    .hxin_txt:hover .gengduo span:nth-child(2){
        margin-left: 20px;
        transition: all 0.5s;
    }
     .lianjie:hover span:nth-child(2){
        margin-left: 20px;
        transition: all 0.5s;
    }
    .lianjie:hover span{
        color: #009cff;
        transition: all 0.5s;
    }
    .lianjie:hover{
        background-color: #fff;
        transition: all 0.5s;
    }
    .lianjiea:hover .jian{
        margin-left: 30px;
        transition: all 0.5s;
    }
    .neleft h2:hover{
        color:#000;
        transition:all 0.3s;
    }
    .neleft p:hover{
        color:#000;
        transition:all 0.3s;
    }
    .lianjiea:hover span:nth-child(2){
        margin-left: 10px;
        transition: all 0.8s;
    }

    .hxin_item:hover img{
        transition: all 1s;
        transform: scale(1.1);
    }
.heixinlist .slick-prev, .heixinlist .slick-next{
    background:#b2b2b2;
    width:91px;
    height:56px;
    z-index: 50;
}
.heixinlist .slick-prev{
	left:13.3%;
	background:url(../images/prev.png) no-repeat center #b2b2b2;
}
.heixinlist .slick-next{
	right:13.3%;
	background:url(../images/next.png) no-repeat center #b2b2b2;
}
.heixinlist2 .slick-prev, .heixinlist2 .slick-next{
    background:#b2b2b2;
    width:91px;
    height:56px;
    z-index: 50;
}
.heixinlist2 .slick-prev{
	left:13.3%;
	background:url(../images/prev.png) no-repeat center #b2b2b2;
}
.heixinlist2 .slick-next{
	right:13.3%;
	background:url(../images/next.png) no-repeat center #b2b2b2;
}
/**首页核心产业**/
.wrap_textbox {
    position: absolute;
    top: 67px;
    left: 11.6%;
}
.wrap_textbox .box {
    position: absolute;
    left: 140px;
    top: 0;
    width: 380px;
    height: 452px;
    background: #fff;
    box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
    -webkit-box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
    padding: 55px 50px;
	box-sizing: border-box;
}
.wrap_textbox .box .wrap_txt li.active {
    display: block;
}
.wrap_textbox .box .wrap_txt li {
    display: none;
}
.wrap_textbox .box .wrap_txt li .tit {
    font-family: "微软雅黑";
    font-size: 30px;
    color: #333;
    line-height: 30px;
    position:relative;
}
.wrap_textbox .box .wrap_txt li .tit::after{
	position:absolute;
	content:'';
	top:7px;
	width:73px;
	height:2px;
	background:#acd2df;
	left:-98px;
}
.wrap_textbox .box .wrap_txt li .wrap_desc {
    margin-top: 20px;
    color:#666666;
    font-size:16px;
    font-family:"微软雅黑";
    line-height: 30px;
}
.wrap_textbox .box .wrap_txt li .btn_text_6 {
    margin-top: 15px;
    display:block;
}
.btn_text_6 span {
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 20px;
    color: #acd2df;
}
.btn_text_6 span:after {
    display: inline-block;
    content: "";
    width: 6px;
    height: 9px;
    background: url(../images/d4pic00100.png) no-repeat;
    margin-left: 10px;
}
.slide_page {
    position: absolute;
    bottom: 10px;
    left: 10.6%;
}
.slide_page .slides_log {
    padding-left: 380px;
    font-family: nbr;
    font-size: 20px;
    color: #666;
    letter-spacing: 2px;
}
.slide_page .slides_log .slide_num {
    font-size: 36px;
    color: #333;
    font-family:"Arial";
}
.slide_page .slides_log .slide_num span {
    font-family: nbb;
}
.slide_total_num{
    font-size: 24px;
    color: #999999;
    font-family:"Arial";    
}
.mapboxa{
    display:none;
    width:100%;
}
.mapboxa img{
    width:100%;
}
.video_boxoo{
    display:none;
    width:auto;
    position:relative;
    height:100%;
    top:0;
    left:0;
}
.pcxiala{
    width:100%;
    height:400px;
    background:rgba(255,255,255,0.92);
    position:absolute;
    top:86px;
    left:0;
    display:none;
}
.pcxialacon{
    width:1200px;
    margin:0 auto;
    padding:65px 0px;
}
.pcxialaa h3{
    color:#333333;
    font-size: 36px;
    font-family:"微软雅黑";
    position:relative;
}
.pcxialaa h3::after{
    position:absolute;
    content:'';
    width:51px;
    height:3px;
    background:#1785ff;
    left:0;
    bottom:-37px;
}
.pcxialaa p{
    color:#333333;
    font-size: 16px;
    font-family:"微软雅黑";
    line-height: 36px;
    margin-top:75px;
}
.pcxialacon .pcxialaa:nth-child(1){
    width:304px;
    overflow: hidden;
}
.pcxialacon .pcxialaa:nth-child(2){
    width:592px;
    overflow: hidden;
    padding-left:197px;
}
.pcxialacon .pcxialaa:nth-child(3){
    width:303px;
    overflow: hidden;
}
.pxialapic{
    width:100%;
}
.pxialapic img{
    width:100%;
}
.pcxialaa h4{
    color:#333333;
    font-size: 18px;
    font-family:"微软雅黑";
    margin-top:27px;    
}
.pcxialaaboxa a{
    display:block; 
    color:#666666!important;
    font-size: 18px;
    font-family:"微软雅黑";
    margin-bottom:25px;
}
.nav_aside{
    width:260px;
    text-align: center;
    /*padding-left:12px;*/
    position:absolute;
    top:86px;
    right:-260px;
    background:#fff;
    height:100vh;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
    z-index: 66;
}
.nav_aside.active{
    right:0;
}
.nav_asida{
    /*border-bottom:1px solid #eaebeb;*/
    padding-left:12px;
}
.nav_asida a{
    display:block;
    padding:30px 0;
    color:#666666;
    font-size:16px;
    font-family:"微软雅黑";
    border-bottom: 1px solid #eaebeb;
}
.lanjian{
    transform: translateX(-65px);
    opacity: 0;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s;
}
.nav_asida:hover .nav_cela{
    display:block;
} 
.nav_cela{
    width: 258px;
    padding:0 25px;
    background:rgba(255,255,255,0.92);
    position:absolute;
    top:0;
    right:260px;
    height:100vh;
    display:none;
}
.nav_class{
    border-bottom:1px solid rgba(0,0,0,0.06);
}

.wrap_textbox .box .wrap_txt2 li.active {
    display: block;
}
.wrap_textbox .box .wrap_txt2 li {
    display: none;
}
.wrap_textbox .box .wrap_txt2 li .tit {
    font-family: "微软雅黑";
    font-size: 30px;
    color: #333;
    line-height: 30px;
    position:relative;
}
.wrap_textbox .box .wrap_txt2 li .tit::after{
	position:absolute;
	content:'';
	top:7px;
	width:73px;
	height:2px;
	background:#acd2df;
	left:-98px;
}
.wrap_textbox .box .wrap_txt2 li .wrap_desc {
    margin-top: 20px;
    color:#666666;
    font-size:16px;
    font-family:"微软雅黑";
    line-height: 30px;
}
.wrap_textbox .box .wrap_txt2 li .btn_text_6 {
    margin-top: 77px;
    display:block;
}