.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translateZ(0)
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height .5s ease-in-out;
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0)
}
.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
	float: left
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-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: translateZ(0);
	transform: translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-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 {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-webkit-transition-property: height, -webkit-transform;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: 50%;
	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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
	left: 10px;
	right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
	right: 10px;
	left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	transition: .3s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}
button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-pagination-progress {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
	background: hsla(0,0%,100%,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}
.swiper-container-3d {
	-webkit-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	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(transparent));
	background-image: linear-gradient(270deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(transparent));
	background-image: linear-gradient(90deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(transparent));
	background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(transparent));
	background-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent)
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
	overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	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-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-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
	animation: swiper-preloader-spin 1s steps(12) infinite
}
.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%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 viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform:rotate(1turn)
}
}
@keyframes swiper-preloader-spin {
to {
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
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;
	backface-visibility: hidden;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	height: 100%;
	left: 0;
	position: fixed;
	-webkit-tap-highlight-color: transparent;
	top: 0;
	-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: .87;
	-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, visibility 0s linear .25s;
	transition: opacity .25s, visibility 0s linear .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, visibility 0s;
	transition: opacity .25s, visibility 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;
	text-align: center;
	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);
	z-index: 99994
}
.fancybox-is-open .fancybox-stage {
	overflow: hidden
}
.fancybox-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	transition-property: opacity, -webkit-transform;
	-webkit-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;
	height: 100%;
	margin-right: -.25em;
	vertical-align: middle;
	width: 0
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
	display: block
}
.fancybox-slide--next {
	z-index: 99995
}
.fancybox-slide--image {
	overflow: visible;
	padding: 44px 0
}
.fancybox-slide--image:before {
	display: none
}
.fancybox-slide--html {
	padding: 6px 6px 0
}
.fancybox-slide--iframe {
	padding: 44px 44px 0
}
.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0 0 6px;
	max-width: 100%;
	overflow: auto;
	padding: 0;
	padding: 24px;
	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;
	backface-visibility: hidden;
	background: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	margin: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	transition-property: opacity, -webkit-transform;
	-webkit-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-drag .fancybox-content {
	cursor: -webkit-grab;
	cursor: grab
}
.fancybox-is-dragging .fancybox-content {
	cursor: -webkit-grabbing;
	cursor: grabbing
}
.fancybox-container [data-selectable=true] {
	cursor: text
}
.fancybox-image, .fancybox-spaceball {
	background: transparent;
	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--html .fancybox-content {
	margin-bottom: 6px
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
	height: 100%;
	margin: 0;
	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;
	height: calc(100% - 44px);
	margin-bottom: 44px
}
.fancybox-iframe, .fancybox-video {
	background: transparent;
	border: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%
}
.fancybox-iframe {
	vertical-align: top
}
.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;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	outline: none;
	padding: 10px;
	-webkit-transition: color .2s;
	transition: color .2s;
	vertical-align: top;
	width: 44px
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
	color: #ccc
}
.fancybox-button:focus, .fancybox-button:hover {
	color: #fff
}
.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
	color: #888;
	cursor: default
}
.fancybox-button svg {
	display: block;
	overflow: visible;
	position: relative;
	shape-rendering: geometricPrecision
}
.fancybox-button svg path {
	fill: transparent;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3
}
.fancybox-button--pause svg path:first-child, .fancybox-button--play svg path:nth-child(2) {
	display: none
}
.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
	fill: currentColor
}
.fancybox-button--share svg path {
	stroke-width: 1
}
.fancybox-navigation .fancybox-button {
	height: 38px;
	opacity: 0;
	padding: 6px;
	position: absolute;
	top: 50%;
	width: 38px
}
.fancybox-show-nav .fancybox-navigation .fancybox-button {
	-webkit-transition: opacity .25s, visibility 0s, color .25s;
	transition: opacity .25s, visibility 0s, color .25s
}
.fancybox-navigation .fancybox-button:after {
	content: "";
	left: -25px;
	padding: 50px;
	position: absolute;
	top: -25px
}
.fancybox-navigation .fancybox-button--arrow_left {
	left: 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
	right: 6px
}
.fancybox-close-small {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #555;
	cursor: pointer;
	height: 44px;
	margin: 0;
	padding: 6px;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	z-index: 10
}
.fancybox-close-small svg {
	fill: transparent;
	opacity: .8;
	stroke: currentColor;
	stroke-width: 1.5;
	-webkit-transition: stroke .1s;
	transition: stroke .1s
}
.fancybox-close-small:focus {
	outline: none
}
.fancybox-close-small:hover svg {
	opacity: 1
}
.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
	color: #ccc;
	padding: 5px;
	right: -12px;
	top: -44px
}
.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
	background: transparent;
	color: #fff
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
	display: none
}
.fancybox-caption {
	bottom: 0;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 25px 44px;
	right: 0
}
.fancybox-caption:before {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
	background-repeat: repeat-x;
	background-size: contain;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: -25px;
	z-index: -1
}
.fancybox-caption:after {
	border-bottom: 1px solid hsla(0,0%,100%,.3);
	content: "";
	display: block;
	left: 44px;
	position: absolute;
	right: 44px;
	top: 0
}
.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 .8s infinite linear;
	animation: a .8s infinite linear;
	background: transparent;
	border: 6px solid rgba(99,99,99,.5);
	border-radius: 100%;
	border-top-color: #fff;
	height: 60px;
	left: 50%;
	margin: -30px 0 0 -30px;
	opacity: .6;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 60px;
	z-index: 99999
}
@-webkit-keyframes a {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg)
}
}
@keyframes a {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg)
}
}
.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(0deg);
	transform: rotate(0deg)
}
.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)
}
.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: transparent;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0;
	outline: none;
	padding: 10px 15px;
	width: 100%
}
.fancybox-thumbs {
	background: #fff;
	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>ul {
	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>ul {
	overflow: hidden
}
.fancybox-thumbs-y>ul::-webkit-scrollbar {
width:7px
}
.fancybox-thumbs-y>ul::-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>ul::-webkit-scrollbar-thumb {
background:#2a2a2a;
border-radius:10px
}
.fancybox-thumbs>ul>li {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	width: 100px
}
.fancybox-thumbs-loading {
	background: rgba(0,0,0,.1)
}
.fancybox-thumbs>ul>li {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}
.fancybox-thumbs>ul>li:before {
	border: 4px solid #4ea7f9;
	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 .fancybox-thumbs-active:before {
	opacity: 1
}
@media (max-width:800px) {
.fancybox-thumbs {
	width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
	right: 110px
}
.fancybox-thumbs>ul>li {
	max-width: calc(100% - 10px)
}
}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font: 14px/1.5 Source Han Serif CN, Arial, Microsoft Yahei, Hiragino Sans GB, sans-serif;
	-webkit-tap-highlight-color: transparent
}
body, dd, dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
	margin: 0
}
ol, td, ul {
	padding: 0
}
ol, ul {
	list-style-type: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 100
}
a, button, img, input, textarea {
	outline: none
}
a {
	color: #C70000;
	text-decoration: none
}
img {
	border: 0;
	vertical-align: top
}
button, input, textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	border: 1px solid #999;
	font-size: 100%
}
input, textarea {
	display: block;
	width: 100%;
	font-size: inherit;
	font-family: inherit
}
input {
	height: 40px;
	padding: 0 8px
}
textarea {
	height: 150px;
	padding: 8px;
	resize: none
}
button {
	cursor: pointer
}
hr {
	margin: 0;
	border: 0;
	height: 1px;
	background-color: #000
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
video::-internal-media-controls-download-button {
display:none
}
video::-webkit-media-controls-enclosure {
overflow:hidden
}
video::-webkit-media-controls-panel {
width:calc(100% + 30px)
}
.f-clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}
.f-pointer {
	cursor: pointer
}
.f-full {
	width: 100%;
	height: 100%
}
.f-table {
	display: table;
	table-layout: fixed;
	max-width: 100%
}
.f-cell {
	display: table-cell;
	vertical-align: middle
}
.f-bgcover {
	background: no-repeat 50%/cover
}
.f-none {
	display: none
}
.playerbox .player-title {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
#g-goTop, .aboutBirthBox .wrapper2 .img img, .aboutBirthBox .wrapper .birthImg img, .aboutFixedNavBox ul li, .aboutFixedNavBox ul li:after, .aboutFixedNavBox ul li:before, .aboutFixedNavBox ul li a, .aboutFixedNavBox ul li span:after, .careerBox .careerList .listBox .listItem .listTitle, .careerBox .downBox, .careerBox .downBox a, .contactUs .submit-box .submit, .fixedNavBox ul li, .fixedNavBox ul li:after, .fixedNavBox ul li:before, .fixedNavBox ul li a, .fixedNavBox ul li span:after, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem .contactImg, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem a, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem i, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem span, .footerBox .footFollowBox div span, .headBox .headBottom .headContactBox li i, .headBox .headBottom .headContactBox li img, .headBox .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle a:after, .headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li a p, .headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li a span, .headBox .headBottom .searchBox i, .headBox .headBottom .searchBox input, .headBoxWap .headWapContent .headContactBoxWap li img, .headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap .wap-next-btn img, .headBoxWap .headWapTop .headMenuBtn span, .indexBannerBox .bannerSwiper .textBox .toMore a, .indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper ul, .indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .img img, .indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide a .img img, .industryEcological .img img, .industryExperience .imgBox li img, .industryHealthy .imgBox li .img img, .industryHeat .imgBox img, .industryMaterial .listBox li img, .industryTechnology .imgBox img, .lifeBox .listBox .listItem .img img, .lifeBox .listBox .listItem .text, .newsBox .listBox .listItem a .imgBox .img, .newsBox .listBox .listItem a .imgBox .videoBtn, .newsBox .navBox li a:after, .productsBox .listBox .listItem a .img img, .productxqBanner .textBox .wrapper a, .queryBox .checkBox .checkTitle ul li span:after, .queryBox .checkBox .inputBox span, .queryBox .navBox .navItem, .toMore a {
	-webkit-transition: all .3s linear;
	transition: all .3s linear
}
.f-cell, .f-table {
	width: 100%;
	height: 100%
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem .contactImg, .groupBox .groupList .groupItem .borderEmp, .headBox .headBottom .headContactBox li img, .headBox .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle a:after, .headBoxWap .headWapContent .headContactBoxWap li img, .newsBox .navBox li a:after, .queryBox .checkBox .checkTitle ul li span:after {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
.aboutBanner .wrapper .text, .careerBox .careerList .listBox .listItem.active .listTitle .careerBtn, .careerBox .careerList .listBox .listItem .listTitle .careerBtn, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem span, .groupBox .groupBoxWap .groupNavBox .swiper-next, .groupBox .groupBoxWap .groupNavBox .swiper-prev, .headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap .wap-next-btn, .headBoxWap .headWapTop .headMenuBtn, .headBoxWap .headWapTop .headMenuBtn span, .industryBanner .wrapper .text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%)
}
.aboutFixedNavBox ul li span:after, .fixedNavBox ul li span:after, .groupBox .groupList .groupItem .borderEmp:after, .groupBox .groupList .groupItem .borderEmp:before, .indexBannerBox .bannerSwiper .textBox, .indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper, .indexEcologicalBase .wrapper .text .text-wrapper, .lifeBox .listBox .listItem .text .wrapper, .newsBox .listBox .listItem a .imgBox .videoBtn, .productxqBanner .textBox .wrapper, .publicBanner .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.39063deg) skewY(.39063deg);
transform:skewX(.39063deg) skewY(.39063deg)
}
88.8% {
-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);
transform:skewX(-.19531deg) skewY(-.19531deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.39063deg) skewY(.39063deg);
transform:skewX(.39063deg) skewY(.39063deg)
}
88.8% {
-webkit-transform:skewX(-.19531deg) skewY(-.19531deg);
transform:skewX(-.19531deg) skewY(-.19531deg)
}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
.flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity: 0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
.headBox {
	position: relative;
	font-size: 0;
	border-bottom: 1px solid #f8f8f8;
	line-height: normal;
	padding-top: 5px;
	background-color: #fff
}
@media screen and (max-width:991px) {
.headBox {
	display: none
}
}
.headBox .log {
	text-align: center;
	margin-bottom: 16px
}
.headBox .log i {
	font-size: 108px;
	color: #97c21c
}
.headBox .headBottom {
	text-align: center
}
.headBox .headBottom .searchBox {
	position: absolute;
	left: 100px;
	display: inline-block;
	vertical-align: middle;
	width: 160px;
	text-align: left
}
@media screen and (max-width:1400px) {
.headBox .headBottom .searchBox {
	display: none
}
}
.headBox .headBottom .searchBox input {
	border: none;
	font-size: 12px;
	color: #444;
	display: inline-block;
	vertical-align: middle;
	width: 75px;
	height: 20px;
	line-height: 20px;
	padding: 0
}
.headBox .headBottom .searchBox input:focus {
	width: 135px;
	border-bottom: 1px solid #333
}
@media screen and (max-width:1200px) {
.headBox .headBottom .searchBox input:focus {
	width: 110px
}
}
.headBox .headBottom .searchBox input.active {
	width: 135px;
	border-bottom: 1px solid #333
}
@media screen and (max-width:1200px) {
.headBox .headBottom .searchBox input.active {
	width: 110px
}
}
.headBox .headBottom .searchBox i {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #757575;
	margin-left: 6px;
	cursor: pointer
}
.headBox .headBottom .searchBox i:hover {
	color: #000
}
.headBox .headBottom .headNavBox {
	display: inline-block;
	vertical-align: middle
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem {
	display: inline-block;
	vertical-align: middle;
	width: 170px
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle {
	padding-bottom: 16px;
	position: relative
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle a {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #444;
	font-weight: lighter;
	position: relative;
	height: 100%;
	z-index: 999
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle a:after {
	bottom: -17px;
	content: "";
	height: 3px;
	width: 0;
	background-color: #97c21c
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle a.en {
	display: none;
	font-size: 12px
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle i {
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #cdc0ab;
	position: absolute;
	right: 0;
	top: 8px
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox {
	border-top: 1px solid #f8f8f8;
	display: none;
	position: absolute;
	z-index: 998;
	left: 0;
	bottom: 0;
	width: 100%;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	background-color: #fff;
	text-align: center
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper {
	padding-top: 40px;
	padding-bottom: 75px;
	width: 940px;
	display: inline-block;
	text-align: left
}
@media screen and (max-width:1200px) {
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper {
	padding-top: 30px;
	padding-bottom: 60px
}
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList {
	display: inline-block;
	vertical-align: top;
	margin-right: 95px;
	margin-left: 178px;
	min-width: 240px
}
@media screen and (max-width:1500px) {
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList {
	margin-left: 156px;
	margin-right: 50px
}
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li {
	padding-bottom: 15px
}
@media screen and (max-width:1200px) {
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li {
	padding-bottom: 10px
}
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li a span {
	display: inline-block;
	vertical-align: middle;
	color: #97c21c;
	font-size: 12px;
	font-weight: lighter;
	opacity: 0
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li a p {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #666;
	font-weight: lighter;
	margin-left: 12px
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li a p.en {
	display: none
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li:last-of-type {
	margin-bottom: 0
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li.active a span {
	opacity: 1
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li.active a p {
	color: #444;
	font-weight: 400
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li.active a p.cn {
	display: none
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li.active a p.en {
	display: inline-block
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li:hover a span {
	opacity: 1
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li:hover a p {
	color: #444;
	font-weight: 400
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li:hover a p.cn {
	display: none
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .secondNavList li:hover a p.en {
	display: inline-block
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .navImgBox {
	display: inline-block;
	vertical-align: top
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .navImgBox li {
	display: none
}
@media screen and (max-width:1200px) {
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .navImgBox li img {
	width: 310px
}
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem .secondNavBox .secondNavBoxWrapper .navImgBox li.active {
	display: block
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:hover .firstNavTitle a.cn {
	display: none
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:hover .firstNavTitle a.en {
	display: inline-block
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:hover .firstNavTitle a:after {
	width: 100%
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:hover .secondNavBox {
	display: block
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem.active .firstNavTitle a:after {
	width: 100%
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:last-of-type, .headBox .headBottom .headNavBox .firstNavBox .firstNavItem:last-of-type .firstNavTitle a {
	margin-right: 0
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:last-of-type .firstNavTitle i {
	display: none
}
@media screen and (max-width:1500px) {
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:first-of-type {
	width: 80px;
	text-align: left
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:nth-of-type(2), .headBox .headBottom .headNavBox .firstNavBox .firstNavItem:nth-of-type(3) {
	width: 150px
}
.headBox .headBottom .headNavBox .firstNavBox .firstNavItem:last-of-type {
	width: 120px;
	text-align: right
}
}
.headBox .headBottom .headContactBox {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: 100px
}
@media screen and (max-width:1400px) {
.headBox .headBottom .headContactBox {
	display: none
}
}
.headBox .headBottom .headContactBox li {
	display: inline-block;
	vertical-align: middle;
	position: relative
}
.headBox .headBottom .headContactBox li:nth-of-type(2) {
	margin: 0 34px
}
@media screen and (max-width:1200px) {
.headBox .headBottom .headContactBox li:nth-of-type(2) {
	margin: 0 20px
}
}
.headBox .headBottom .headContactBox li i {
	color: #7b7473;
	font-size: 18px
}
.headBox .headBottom .headContactBox li img {
	z-index: 99;
	width: 125px;
	top: 20px;
	visibility: hidden
}
@media screen and (max-width:767px) {
.headBox .headBottom .headContactBox li img {
	width: 100px
}
}
.headBox .headBottom .headContactBox li:hover i {
	color: #000
}
.headBox .headBottom .headContactBox li:hover img {
	top: 35px;
	visibility: visible
}
.headBox.headFixedTop {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 0
}
.headBox.headFixedTop .log {
	margin: 5px 0
}
.headBox.headFixedTop .log i {
	font-size: 72px
}
.headBox.headFixedTop .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle {
	padding-bottom: 10px
}
.headBox.headFixedTop .headBottom .headNavBox .firstNavBox .firstNavItem .firstNavTitle a:after {
	bottom: -11px
}
.headBoxWap {
	line-height: normal;
	background-color: #fff;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	border-bottom: 1px solid #f8f8f8
}
@media screen and (max-width:991px) {
.headBoxWap {
	display: block;
	padding: 10px 0
}
}
@media screen and (max-width:767px) {
.headBoxWap {
	padding: 6px 0
}
}
.headBoxWap .headWapTop {
	text-align: center;
	position: relative
}
.headBoxWap .headWapTop .log {
	display: inline-block
}
.headBoxWap .headWapTop .log i {
	font-size: 80px;
	color: #97c21c
}
@media screen and (max-width:767px) {
.headBoxWap .headWapTop .log i {
	font-size: 60px
}
}
.headBoxWap .headWapTop .headMenuBtn {
	display: inline-block;
	width: 50px;
	height: 30px;
	right: 30px;
	font-size: 0
}
@media screen and (max-width:767px) {
.headBoxWap .headWapTop .headMenuBtn {
	right: 24px;
	width: 28px;
	height: 20px
}
}
.headBoxWap .headWapTop .headMenuBtn:after, .headBoxWap .headWapTop .headMenuBtn:before {
	-webkit-transition: -webkit-transform .35s linear;
	transition: -webkit-transform .35s linear;
	transition: transform .35s linear;
	transition: transform .35s linear, -webkit-transform .35s linear;
	content: "";
	position: absolute;
	right: 0;
	width: 100%;
	height: 4px;
	background-color: #97c21c;
	-webkit-transform-origin: left;
	transform-origin: left
}
@media screen and (max-width:767px) {
.headBoxWap .headWapTop .headMenuBtn:after, .headBoxWap .headWapTop .headMenuBtn:before {
	height: 2px
}
}
.headBoxWap .headWapTop .headMenuBtn:before {
	top: 0
}
.headBoxWap .headWapTop .headMenuBtn:after {
	bottom: 0
}
.headBoxWap .headWapTop .headMenuBtn span {
	right: 0;
	width: 40px;
	height: 4px;
	background-color: #97c21c;
	display: inline-block
}
@media screen and (max-width:767px) {
.headBoxWap .headWapTop .headMenuBtn span {
	width: 20px;
	height: 2px
}
}
.headBoxWap .headWapTop.active .headMenuBtn:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
@media screen and (max-width:991px) {
.headBoxWap .headWapTop.active .headMenuBtn:before {
	top: -5px
}
}
@media screen and (max-width:767px) {
.headBoxWap .headWapTop.active .headMenuBtn:before {
	top: -1px
}
}
.headBoxWap .headWapTop.active .headMenuBtn:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
@media screen and (max-width:991px) {
.headBoxWap .headWapTop.active .headMenuBtn:after {
	bottom: -5px
}
}
@media screen and (max-width:767px) {
.headBoxWap .headWapTop.active .headMenuBtn:after {
	bottom: -1px
}
}
.headBoxWap .headWapTop.active .headMenuBtn span {
	opacity: 0
}
.headBoxWap .headWapContent {
	margin-top: 25px;
	display: none
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap {
	border-bottom: 1px solid #f8f8f8;
	padding: 20px 0;
	text-align: center
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap {
	padding: 14px 0
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap {
	position: relative
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap a p {
	font-size: 26px;
	color: #000
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap a p {
	font-size: 16px
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap a p.en {
	font-size: 14px;
	color: #888
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap a p.en {
	font-size: 12px
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap .wap-next-btn {
	right: 30px
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap .wap-next-btn {
	right: 24px;
	height: 20px;
	line-height: 16px
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap .wap-next-btn img {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap .firstItemTitleWap .wap-next-btn img {
	width: 12px;
	vertical-align: middle
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .secondNavBoxWap {
	display: none;
	margin-top: 16px
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap .secondNavBoxWap {
	margin-top: 12px
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .secondNavBoxWap .secondNavItemWap {
	margin-bottom: 14px
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap .secondNavBoxWap .secondNavItemWap {
	margin-bottom: 10px
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .secondNavBoxWap .secondNavItemWap a p {
	font-size: 18px;
	color: #333
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .wrapper .firstNavItemWap .secondNavBoxWap .secondNavItemWap a p {
	font-size: 14px
}
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap .secondNavBoxWap .secondNavItemWap a p.en {
	font-size: 12px;
	color: #888
}
.headBoxWap .headWapContent .wrapper .firstNavItemWap.active .firstItemTitleWap .wap-next-btn img {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
.headBoxWap .headWapContent .headContactBoxWap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 30px
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .headContactBoxWap {
	padding: 15px 24px
}
}
.headBoxWap .headWapContent .headContactBoxWap li {
	display: inline-block;
	vertical-align: middle;
	position: relative
}
.headBoxWap .headWapContent .headContactBoxWap li i {
	color: #7b7473;
	font-size: 32px
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .headContactBoxWap li i {
	font-size: 20px
}
}
.headBoxWap .headWapContent .headContactBoxWap li img {
	z-index: 99;
	width: 120px;
	top: 30px;
	visibility: hidden
}
@media screen and (max-width:767px) {
.headBoxWap .headWapContent .headContactBoxWap li img {
	width: 100px
}
}
.headBoxWap .headWapContent .headContactBoxWap li:hover i {
	color: #000
}
.headBoxWap .headWapContent .headContactBoxWap li:hover img {
	top: 45px;
	visibility: visible
}
.footerBox {
	font-size: 0;
	text-align: center
}
.footerBox .footFollowBox {
	margin-bottom: 80px;
	margin-top: 40px
}
@media screen and (max-width:1200px) {
.footerBox .footFollowBox {
	margin-bottom: 60px
}
}
@media screen and (max-width:991px) {
.footerBox .footFollowBox {
	margin-bottom: 50px
}
}
@media screen and (max-width:767px) {
.footerBox .footFollowBox {
	margin-bottom: 35px
}
}
.footerBox .footFollowBox h3 {
	font-size: 26px;
	font-family: CormorantGaramond;
	font-weight: 400
}
@media screen and (max-width:991px) {
.footerBox .footFollowBox h3 {
	font-size: 20px
}
}
@media screen and (max-width:767px) {
.footerBox .footFollowBox h3 {
	font-size: 18px
}
}
.footerBox .footFollowBox .en {
	font-size: 12px;
	font-family: CormorantGaramond;
	color: #666
}
.footerBox .footFollowBox div {
	height: 46px;
	line-height: 46px;
	width: 390px;
	display: inline-block;
	margin-top: 25px
}
@media screen and (max-width:650px) {
.footerBox .footFollowBox div {
	width: 75%;
	height: 35px;
	line-height: 35px;
	margin-top: 20px
}
}
.footerBox .footFollowBox div input {
	height: 100%;
	font-size: 12px;
	color: #666;
	border: 1px solid #000;
	display: inline-block;
	vertical-align: middle;
	width: 270px;
	padding: 0 18px
}
@media screen and (max-width:650px) {
.footerBox .footFollowBox div input {
	width: calc(100% - 98px)
}
}
.footerBox .footFollowBox div span {
	display: inline-block;
	vertical-align: middle;
	background-color: #2f2f2f;
	color: #fff;
	height: 100%;
	width: 110px;
	font-size: 18px;
	text-align: center;
	margin-left: 8px;
	cursor: pointer
}
@media screen and (max-width:991px) {
.footerBox .footFollowBox div span {
	font-size: 16px
}
}
@media screen and (max-width:650px) {
.footerBox .footFollowBox div span {
	font-size: 14px;
	width: 90px
}
}
.footerBox .footFollowBox div span:hover {
	background-color: #fff;
	border: 1px solid #000;
	color: #000
}
.footerBox .footerContent {
	background-color: #2f2f2f;
	line-height: normal
}
.footerBox .footerContent .footerTop {
	border-bottom: 1px solid hsla(0,0%,100%,.1)
}
.footerBox .footerContent .footerTop .wrapper {
	position: relative;
	display: inline-block;
	width: 1400px;
	margin-top: 72px;
	margin-bottom: 64px;
	text-align: left
}
@media screen and (max-width:1600px) {
.footerBox .footerContent .footerTop .wrapper {
	width: 80%
}
}
@media screen and (max-width:1200px) {
.footerBox .footerContent .footerTop .wrapper {
	margin-top: 60px;
	margin-bottom: 50px
}
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerTop .wrapper {
	width: 100%;
	padding: 0 30px
}
}
@media screen and (max-width:767px) {
.footerBox .footerContent .footerTop .wrapper {
	padding: 0 24px;
	margin-bottom: 35px
}
}
.footerBox .footerContent .footerTop .wrapper .log {
	display: inline-block;
	vertical-align: top
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerTop .wrapper .log {
	display: none
}
}
.footerBox .footerContent .footerTop .wrapper .log i {
	color: #acacac;
	font-size: 120px
}
.footerBox .footerContent .footerTop .wrapper .footRight {
	position: absolute;
	right: 0;
	top: 6px;
	display: inline-block;
	vertical-align: top;
	width: 500px
}
@media screen and (max-width:1200px) {
.footerBox .footerContent .footerTop .wrapper .footRight {
	width: 420px
}
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerTop .wrapper .footRight {
	position: static;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav {
	display: inline-block;
	vertical-align: top
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem {
	position: relative;
	margin-bottom: 22px
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem {
	margin-bottom: 18px
}
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem:last-of-type {
	margin-bottom: 0
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem a, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem span {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: hsla(0,0%,100%,.7)
}
@media screen and (max-width:767px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem a, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem span {
	font-size: 14px
}
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem i {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: hsla(0,0%,100%,.7)
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem .iconImg {
	display: inline-block;
	vertical-align: middle;
	width: 20px
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem .contactImg {
	width: 120px;
	bottom: 45px;
	visibility: hidden
}
@media screen and (max-width:767px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem .contactImg {
	width: 100px
}
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem span {
	left: 30px;
	white-space: nowrap
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem:hover a, .footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem:hover span {
	color: #fff
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox .footNav .footItem:hover .contactImg {
	bottom: 35px;
	visibility: visible
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavFirst {
	width: 100%;
	position: relative;
	margin-bottom: 40px
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavFirst .footNav {
	width: 100%
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavFirst .footNav .footItem {
	margin-bottom: 0;
	display: inline-block
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavFirst .footNav .footItem:nth-of-type(2) {
	position: absolute;
	left: 42%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavFirst .footNav .footItem:last-of-type {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
}
@media screen and (max-width:767px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavFirst {
	margin-bottom: 30px
}
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavContact .footNav:first-of-type {
	margin: 0 130px
}
@media screen and (max-width:1200px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavContact .footNav:first-of-type {
	margin: 0 70px
}
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavContact .footNav:first-of-type {
	margin: 0
}
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavContact {
	width: 100%;
	position: relative
}
.footerBox .footerContent .footerTop .wrapper .footRight .footNavBox.footNavContact .footNav:nth-of-type(2) {
	position: absolute;
	left: 42%;
	top: 0
}
}
.footerBox .footerContent .footerBottom {
	padding: 30px 0
}
@media screen and (max-width:991px) {
.footerBox .footerContent .footerBottom {
	padding: 20px 0
}
}
@media screen and (max-width:767px) {
.footerBox .footerContent .footerBottom {
	padding: 15px 0
}
}
.footerBox .footerContent .footerBottom .wrapper {
	font-size: 12px;
	color: hsla(0,0%,100%,.6)
}
.footerBox .footerContent .footerBottom .wrapper a {
	color: hsla(0,0%,100%,.6)
}
#g-goTop {
	position: fixed;
	bottom: 135px;
	right: 110px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border-radius: 50%;
	background-color: #d5af71;
	cursor: pointer;
	z-index: 6;
	display: none
}
#g-goTop:hover {
	background-color: #000
}
@media screen and (max-width:1434px) {
#g-goTop {
	right: 50px
}
}
@media screen and (max-width:991px) {
#g-goTop {
	right: 12px;
	width: 35px;
	height: 35px;
	line-height: 35px
}
}
#g-goTop img {
	vertical-align: middle
}
@-webkit-keyframes loading-gezi {
0% {
left:-100%
}
to {
	left: 100%
}
}
@keyframes loading-gezi {
0% {
left:-100%
}
to {
	left: 100%
}
}
.loading-gezi {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	background-color: #fff
}
.loading-gezi>.inner {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 140px
}
.loading-gezi>.inner span {
	position: relative;
	display: block;
	width: 100%;
	height: 1px;
	margin: 0 auto;
	overflow: hidden
}
.loading-gezi>.inner span:before {
	content: "";
	width: 100%;
	height: 1px;
	background: transparent;
	position: absolute;
	bottom: 0;
	left: 0
}
.loading-gezi>.inner span:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #97c21c;
	position: absolute;
	bottom: 0;
	left: -100%;
	-webkit-animation: loading-gezi 1s cubic-bezier(.77, 0, .175, 1) infinite .2s;
	animation: loading-gezi 1s cubic-bezier(.77, 0, .175, 1) infinite .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.loading-gezi>.inner i {
	font-size: 120px;
	color: #97c21c;
	line-height: normal
}
@media screen and (max-width:991px) {
.loading-gezi>.inner i {
	font-size: 90px
}
}
@font-face {
	font-family: xystH;
	font-display: swap;
	src: url("https://at.alicdn.com/t/webfont_tq9003m3e.eot");
	src: url("https://at.alicdn.com/t/webfont_tq9003m3e.eot?#iefix") format("embedded-opentype"), url("https://at.alicdn.com/t/webfont_tq9003m3e.woff2") format("woff2"), url("https://at.alicdn.com/t/webfont_tq9003m3e.woff") format("woff"), url("https://at.alicdn.com/t/webfont_tq9003m3e.ttf") format("truetype"), url("https://at.alicdn.com/t/webfont_tq9003m3e.svg#after") format("svg")
}
@font-face {
	font-family: CormorantGaramond;
	src: url(../fonts/CormorantGaramond-Regular.eot);
	src: url(../fonts/CormorantGaramond-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/CormorantGaramond-Regular.woff2) format("woff2"), url(../fonts/CormorantGaramond-Regular.woff) format("woff"), url(../fonts/CormorantGaramond-Regular.ttf) format("truetype")
}
.bodyso {
	overflow-y: hidden!important;
	height: 100%
}
@media screen and (min-width:768px) {
.lazyEle {
	visibility: hidden
}
}
#g-loading {
	visibility: visible
}
@media screen and (max-width:991px) {
#g-content {
	margin-top: 108px
}
}
@media screen and (max-width:767px) {
#g-content {
	margin-top: 78px
}
}
.grid-loader {
	position: relative;
	margin: 0 auto;
	width: 100%;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-align: center
}
@media screen and (max-width:991px) {
.grid-loader {
	margin-bottom: 40px;
	display: none
}
}
@media screen and (max-width:767px) {
.grid-loader {
	margin-bottom: 20px
}
}
.grid-loader p {
	font-size: 12px;
	color: #000;
	font-family: CormorantGaramond;
	margin-top: 30px
}
@media screen and (max-width:767px) {
.grid-loader p {
	margin-top: 15px
}
}
.grid-loader img {
	-webkit-animation: loading-rotate .8s linear infinite;
	animation: loading-rotate .8s linear infinite
}
@media screen and (max-width:767px) {
.grid-loader img {
	width: 40px
}
}
.grid-loader.grid-loader-show {
	opacity: 1;
	display: block
}
@keyframes loading-rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}
}
@-webkit-keyframes loading-rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}
}
.playerbox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease .3s;
	transition: all .5s ease .3s
}
.playerbox.show {
	opacity: 1;
	visibility: visible
}
.playerbox .player {
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	line-height: 1
}
.playerbox .player-hd {
	position: relative;
	background-color: #fff
}
.playerbox .player-title {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	font-size: 18px;
	font-weight: 500;
	color: #333
}
.playerbox .player-close {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 99;
	-webkit-transition: all .35s ease .3s;
	transition: all .35s ease .3s
}
.playerbox .player-close:after, .playerbox .player-close:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 7px;
	width: 16px;
	height: 1px;
	background-color: #fff;
	-webkit-transition: all .35s ease .3s;
	transition: all .35s ease .3s
}
.playerbox .player-close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.playerbox .player-close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
@media screen and (min-width:992px) {
.playerbox .player-close:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.playerbox .player-close:hover:after, .playerbox .player-close:hover:before {
	background-color: #000
}
}
.playerbox .player-bd {
	width: 100%;
	height: calc(100% - 48px);
	overflow: hidden
}
.playerbox video {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
@media screen and (max-width:991px) {
.playerbox .player {
	position: absolute;
	top: 50%;
	left: 12px;
	right: 12px;
	width: auto;
	height: auto;
	border-radius: 4px;
	-webkit-box-shadow: 3px 5px 25px rgba(0,0,0,.15);
	box-shadow: 3px 5px 25px rgba(0,0,0,.15);
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.playerbox .player-bd {
	width: 100%;
	height: auto
}
}
.fbalert {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 8;
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 600px;
	height: 280px;
	margin-top: -140px;
	margin-left: -300px;
	padding: 50px 0;
	border-radius: 6px;
	background-color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
@media screen and (max-width:767px) {
.fbalert {
	left: 5%;
	width: 90%;
	margin-left: 0
}
}
.fbalert .closer {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	background: url(../assets/images/icons/close.png) 0 0/100% auto no-repeat;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .35s;
	transition: -webkit-transform .35s;
	transition: transform .35s;
	transition: transform .35s, -webkit-transform .35s
}
.fbalert .closer:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.fbalert img {
	display: block;
	width: 80px;
	margin: 0 auto 30px
}
.fbalert h1 {
	margin: 0 0 15px;
	font-size: 24px;
	text-align: center;
	color: #222
}
@media screen and (max-width:767px) {
.fbalert h1 {
	font-size: 18px
}
}
.fbalert .autocounter {
	display: none;
	height: 30px
}
.fbalert .btn-ok {
	display: block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	background: #000
}
.fbalert .btn-ok, .module-title {
	text-align: center
}
.module-title p.en {
	color: #fff;
	font-size: 16px;
	font-family: CormorantGaramond;
	letter-spacing: 2px
}
@media screen and (max-width:991px) {
.module-title p.en {
	font-size: 14px;
	color: #fff;
}
}
@media screen and (max-width:767px) {
.module-title p.en {
	font-size: 12px;
	color: #fff;
}
}
.module-title .borderEmpty {
	display: inline-block;
	width: 270px;
	height: 2px;
	background-color: #fff;
	margin-top: 18px;
	margin-bottom: 14px
}
@media screen and (max-width:991px) {
.module-title .borderEmpty {
	margin-top: 12px;
	margin-bottom: 8px
}
}
@media screen and (max-width:767px) {
.module-title .borderEmpty {
	margin-top: 10px;
	margin-bottom: 6px
}
}
.title-h2 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 6px;
	color: #fff;
}
@media screen and (max-width:991px) {
.title-h2 {
	font-size: 26px;
	color: #fff;
}
}
@media screen and (max-width:767px) {
.title-h2 {
	font-size: 20px;
	color: #fff;
}
}
.toMore {
	margin-top: 48px
}
.toMore a {
	display: inline-block;
	width: 186px;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	color: #333;
	/* border-radius: 30px; */
	font-size: 16px;
	text-align: center
}
@media screen and (max-width:1200px) {
.toMore a {
	width: 160px
}
}
@media screen and (max-width:991px) {
.toMore a {
	width: 135px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px
}
}
@media screen and (max-width:767px) {
.toMore a {
	width: 120px;
	height: 35px;
	line-height: 35px
}
}
.toMore a:hover {
	background-color: #000;
	color: #fff
}
.title-left-40 {
	margin-left: 41%
}
@media screen and (max-width:1500px) {
.title-left-40 {
	margin-left: 35%
}
}
@media screen and (max-width:991px) {
.title-left-40 {
	margin-left: 0;
	text-align: center
}
}
.title-left-40 h3 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 4px
}
@media screen and (max-width:991px) {
.title-left-40 h3 {
	font-size: 24px
}
}
@media screen and (max-width:767px) {
.title-left-40 h3 {
	font-size: 20px
}
}
.title-left-40 p {
	font-size: 16px;
	font-family: CormorantGaramond;
	letter-spacing: 2px
}
@media screen and (max-width:991px) {
.title-left-40 p {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.title-left-40 p {
	font-size: 12px
}
}
.content-left-40 {
	display: inline-block;
	vertical-align: top;
	width: 41%;
	padding-right: 7%;
	text-align: right
}
@media screen and (max-width:1500px) {
.content-left-40 {
	width: 35%
}
}
.content-left-40 p {
	font-size: 20px;
	color: #444;
	font-family: CormorantGaramond;
	font-style: italic
}
.content-right-60 {
	display: inline-block;
	vertical-align: top;
	width: 59%;
	padding-right: 35px;
	max-width: 750px
}
@media screen and (max-width:1500px) {
.content-right-60 {
	width: 65%
}
}
@media screen and (max-width:991px) {
.content-right-60 {
	max-width: none;
	width: 100%;
	padding-right: 0
}
}
#video_box {
	width: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(38,50,56,.5);
	z-index: 999
}
#video_box #video_content {
	width: 75%;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
#video_box #close_vd {
	position: absolute;
	top: -10px;
	z-index: 20;
	cursor: pointer
}
@media screen and (max-width:768px) {
#video_box #close_vd {
	right: -30px
}
}
@media screen and (min-width:769px) {
#video_box #close_vd {
	right: -35px
}
}
#video_box #close_vd i {
	font-size: 35px;
	color: #fff
}
#video_box #video {
	height: auto
}
#g-bg {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(../assets/images/icons/pageBg.png);
	background-size: 38%;
	background-position: 50%;
	background-repeat: no-repeat
}
@media screen and (max-width:991px) {
#g-bg {
	background-size: 80%
}
}
.en-10 {
	letter-spacing: 0!important;
	line-height: 24px!important;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.en-10 {
	line-height: 20px!important
}
}
.indexBannerBox {
	margin-top: 25px;
	padding: 0 100px;
	height: 620px
}
@media screen and (max-width:1200px) {
.indexBannerBox {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.indexBannerBox {
	padding: 0 30px;
	height: 380px
}
}
@media screen and (max-width:767px) {
.indexBannerBox {
	padding: 0 24px;
	height: 210px
}
}
.indexBannerBox .bannerSwiper {
	height: 100%;
	overflow: hidden;
	position: relative
}
.indexBannerBox .bannerSwiper .swiper-wrapper .swiper-slide {
	height: 100%;
	max-height: 620px
}
.indexBannerBox .bannerSwiper .swiper-wrapper .swiper-slide .img {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: 50%
}
.indexBannerBox .bannerSwiper .textBox {
	z-index: 1;
	color: #fff;
	text-align: center
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .textBox {
	width: 80%
}
}
.indexBannerBox .bannerSwiper .textBox p.en {
	font-family: CormorantGaramond;
	font-size: 26px;
	margin-top: 18px;
	margin-bottom: 16px
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .textBox p.en {
	font-size: 20px
}
}
@media screen and (max-width:767px) {
.indexBannerBox .bannerSwiper .textBox p.en {
	font-size: 18px;
	margin-top: 8px;
	margin-bottom: 2px
}
}
.indexBannerBox .bannerSwiper .textBox p.cn {
	font-size: 20px;
	font-weight: lighter
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .textBox p.cn {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.indexBannerBox .bannerSwiper .textBox p.cn {
	font-size: 12px
}
}
.indexBannerBox .bannerSwiper .textBox .toMore {
	margin-top: 48px
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .textBox .toMore {
	margin-top: 35px
}
}
@media screen and (max-width:767px) {
.indexBannerBox .bannerSwiper .textBox .toMore {
	margin-top: 20px
}
}
.indexBannerBox .bannerSwiper .textBox .toMore a:hover {
	background-color: #000;
	color: #fff
}
.indexBannerBox .bannerSwiper .textBox .btn-box {
	margin-top: 34px
}
@media screen and (max-width:767px) {
.indexBannerBox .bannerSwiper .textBox .btn-box {
	margin-top: 14px
}
}
.indexBannerBox .bannerSwiper .textBox .btn-box img {
	width: 60px;
	cursor: pointer
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .textBox .btn-box img {
	width: 46px
}
}
@media screen and (max-width:767px) {
.indexBannerBox .bannerSwiper .textBox .btn-box img {
	width: 28px
}
}
.indexBannerBox .bannerSwiper .BannerVideo {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .BannerVideo {
	visibility: hidden
}
}
.indexBannerBox .bannerSwiper .swiper-pagination {
	z-index: 1;
	right: 70px
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .swiper-pagination {
	bottom: 25px;
	right: 0
}
}
@media screen and (max-width:767px) {
.indexBannerBox .bannerSwiper .swiper-pagination {
	bottom: 15px
}
}
.indexBannerBox .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background-color: #fff;
	opacity: .3;
	margin: 28px 0
}
@media screen and (max-width:991px) {
.indexBannerBox .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
	margin: 0 10px;
	opacity: .6
}
}
@media screen and (max-width:767px) {
.indexBannerBox .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
	margin: 0 6px;
	width: 8px;
	height: 8px
}
}
.indexBannerBox .bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}
.indexEcologicalBase {
	padding: 90px 100px 0
}
@media screen and (max-width:1200px) {
.indexEcologicalBase {
	padding: 90px 60px 0
}
}
@media screen and (max-width:991px) {
.indexEcologicalBase {
	padding: 85px 30px 0
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase {
	padding: 56px 24px 0
}
}
.indexEcologicalBase .title ul li {
	font-size: 16px;
	color: #666;
	font-weight: lighter;
	margin-bottom: 4px;
	letter-spacing: 1px
}
@media screen and (max-width:991px) {
.indexEcologicalBase .title ul li {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .title ul li {
	font-size: 12px;
	margin-bottom: 2px
}
}
.indexEcologicalBase .wrapper {
	height: 580px;
	font-size: 0;
	margin-top: 96px
}
@media screen and (max-width:991px) {
.indexEcologicalBase .wrapper {
	margin-top: 45px
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .wrapper {
	margin-top: 32px;
	height: auto
}
}
.indexEcologicalBase .wrapper .img {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	height: 100%;
	background-size: cover;
	background-position: 50%
}
@media screen and (max-width:1200px) {
.indexEcologicalBase .wrapper .img {
	width: 50%
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .wrapper .img {
	width: 100%;
	height: 260px
}
}
.indexEcologicalBase .wrapper .text {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	position: relative;
	background-color: #fafaf9
}
@media screen and (max-width:1200px) {
.indexEcologicalBase .wrapper .text {
	width: 50%
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .wrapper .text {
	width: 100%
}
}
.indexEcologicalBase .wrapper .text .text-wrapper {
	width: 380px
}
@media screen and (max-width:1200px) {
.indexEcologicalBase .wrapper .text .text-wrapper {
	width: 80%
}
}
@media screen and (max-width:991px) {
.indexEcologicalBase .wrapper .text .text-wrapper {
	width: 85%
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .wrapper .text .text-wrapper {
	width: 100%;
	position: static;
	-webkit-transform: none;
	transform: none;
	padding: 30px 15px 65px
}
}
.indexEcologicalBase .wrapper .text .text-wrapper ul li {
	color: #333;
	font-size: 26px;
	font-family: CormorantGaramond;
	font-style: italic;
	letter-spacing: 1px
}
@media screen and (max-width:991px) {
.indexEcologicalBase .wrapper .text .text-wrapper ul li {
	font-size: 20px
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .wrapper .text .text-wrapper ul li {
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .wrapper .text .text-wrapper .toMore {
	margin-top: 40px
}
}
.indexEcologicalBase .wrapper .text .text-wrapper .toMore a {
	background-color: #000;
	color: #fff
}
.indexEcologicalBase .wrapper .text .text-wrapper .toMore a:hover {
	border: 1px solid #000;
	background-color: #fff;
	color: #000
}
.indexEcologicalBase .emptyborder {
	height: 3px;
	background-color: #f0eeea;
	margin-top: 100px
}
@media screen and (max-width:991px) {
.indexEcologicalBase .emptyborder {
	margin-top: 90px
}
}
@media screen and (max-width:767px) {
.indexEcologicalBase .emptyborder {
	display: none
}
}
.indexProductBox {
	padding: 5px 95px 100px;
	text-align: center;
	background: #083844;
}
@media screen and (max-width:1200px) {
.indexProductBox {
	padding: 5px 55px 100px;
	background: #083844;
}
}
@media screen and (max-width:991px) {
.indexProductBox {
	padding: 5px 30px 90px;
	background: #083844;
}
}
@media screen and (max-width:767px) {
.indexProductBox {
	padding: 0 24px 60px;
	background: #083844;
}
}
.indexProductBox .wrapper {
	position: relative
}
.indexProductBox .wrapper:before {
	content: "";
	width: calc(100% - 10px);
	background-color: #f0eeea;
	/* height: 1px; */
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper:before {
	display: none
}
}
.indexProductBox .wrapper .title {
	padding-bottom: 60px;
	padding-top: 90px
}
@media screen and (max-width:991px) {
.indexProductBox .wrapper .title {
	padding-top: 85px;
	padding-bottom: 34px
}
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper .title {
	padding-top: 56px;
	padding-bottom: 20px
}
}
.indexProductBox .wrapper .product-list {
	font-size: 0;
	overflow: hidden;
	position: relative
}
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide {
	text-align: center
}
@media screen and (min-width:992px) {
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	width: calc((100% - 50px) / 5)
}
}
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide a .img {
	overflow: hidden
}
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide a .img img {
	width: 100%
}
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide a p {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-top: 46px
}
@media screen and (max-width:1200px) {
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide a p {
	font-size: 14px;
	margin-top: 30px
}
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide a p {
	font-size: 12px;
	margin-top: 20px
}
}
.indexProductBox .wrapper .product-list .swiper-wrapper .swiper-slide:hover a .img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}
.indexProductBox .wrapper .product-list .button-next, .indexProductBox .wrapper .product-list .button-prev {
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(calc(-50% - 25px));
	transform: translateY(calc(-50% - 25px));
	z-index: 3
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper .product-list .button-next, .indexProductBox .wrapper .product-list .button-prev {
	-webkit-transform: translateY(calc(-50% - 20px));
	transform: translateY(calc(-50% - 20px))
}
}
.indexProductBox .wrapper .product-list .button-next i, .indexProductBox .wrapper .product-list .button-prev i {
	color: #fff;
	font-size: 40px
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper .product-list .button-next i, .indexProductBox .wrapper .product-list .button-prev i {
	font-size: 26px
}
}
@media screen and (min-width:992px) {
.indexProductBox .wrapper .product-list .button-next, .indexProductBox .wrapper .product-list .button-prev {
	display: none
}
}
.indexProductBox .wrapper .product-list .button-prev {
	left: 20px
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper .product-list .button-prev {
	left: 10px
}
}
.indexProductBox .wrapper .product-list .button-next {
	right: 20px
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper .product-list .button-next {
	right: 10px
}
}
.indexProductBox .wrapper .toMore {
	margin-top: 65px
}
@media screen and (max-width:991px) {
.indexProductBox .wrapper .toMore {
	margin-top: 50px
}
}
@media screen and (max-width:767px) {
.indexProductBox .wrapper .toMore {
	margin-top: 40px
}
}
.indexProductBox .wrapper .toMore a {
	background-color: #000;
	color: #fff
}
.indexProductBox .wrapper .toMore a:hover {
	border: 1px solid #000;
	background-color: #fff;
	color: #000
}
.indexBrandBox {
	padding: 0 100px 100px;
	background: #125768;
}
@media screen and (max-width:1200px) {
.indexBrandBox {
	padding: 0 60px 100px;
	background: #125768;
}
}
@media screen and (max-width:991px) {
.indexBrandBox {
	padding: 0 30px 85px;
	background: #125768;
}
}
@media screen and (max-width:767px) {
.indexBrandBox {
	padding: 0 24px 60px;
	background: #125768;
}
}
.indexBrandBox .title {
	padding-top: 90px;
	margin-bottom: 72px;
	/* border-top: 1px solid #f0eeea */
}
@media screen and (max-width:991px) {
.indexBrandBox .title {
	padding-top: 85px;
	margin-bottom: 45px
}
}
@media screen and (max-width:767px) {
.indexBrandBox .title {
	padding-top: 56px;
	margin-bottom: 30px
}
}
.indexBrandBox .title .sub_en {
	font-size: 18px;
	font-family: CormorantGaramond;
	color: #000;
	font-style: italic
}
@media screen and (max-width:991px) {
.indexBrandBox .title .sub_en {
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.indexBrandBox .title .sub_en {
	font-size: 14px
}
}
.indexBrandBox .wrapper {
	position: relative;
	height: 660px
}
@media screen and (max-width:1200px) {
.indexBrandBox .wrapper {
	height: 580px
}
}
@media screen and (max-width:991px) {
.indexBrandBox .wrapper {
	height: auto
}
}
.indexBrandBox .wrapper .indexBrandSwiper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: hidden
}
@media screen and (max-width:991px) {
.indexBrandBox .wrapper .indexBrandSwiper {
	position: relative;
	height: 460px
}
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandSwiper {
	height: 260px
}
}
.indexBrandBox .wrapper .indexBrandSwiper .swiper-wrapper .swiper-slide .img {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: 50%
}
.indexBrandBox .wrapper .indexBrandSwiper .button-next, .indexBrandBox .wrapper .indexBrandSwiper .button-prev {
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	display: none
}
@media screen and (max-width:991px) {
.indexBrandBox .wrapper .indexBrandSwiper .button-next, .indexBrandBox .wrapper .indexBrandSwiper .button-prev {
	display: inline-block
}
}
.indexBrandBox .wrapper .indexBrandSwiper .button-next i, .indexBrandBox .wrapper .indexBrandSwiper .button-prev i {
	color: #fff;
	font-size: 40px
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandSwiper .button-next i, .indexBrandBox .wrapper .indexBrandSwiper .button-prev i {
	font-size: 26px
}
}
@media screen and (min-width:992px) {
.indexBrandBox .wrapper .indexBrandSwiper .button-next, .indexBrandBox .wrapper .indexBrandSwiper .button-prev {
	display: none
}
}
.indexBrandBox .wrapper .indexBrandSwiper .button-prev {
	left: 20px
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandSwiper .button-prev {
	left: 10px
}
}
.indexBrandBox .wrapper .indexBrandSwiper .button-next {
	right: 20px
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandSwiper .button-next {
	right: 10px
}
}
.indexBrandBox .wrapper .indexBrandNavBox {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	font-size: 0
}
@media screen and (max-width:991px) {
.indexBrandBox .wrapper .indexBrandNavBox {
	display: none
}
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 25%;
	border-right: 1px solid hsla(0,0%,100%,.2);
	position: relative;
	text-align: center
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem:last-of-type {
	border-right: none
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper {
	color: #fff;
	width: 80%;
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper h3 {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 4px
}
@media screen and (max-width:1200px) {
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper h3 {
	font-size: 26px
}
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper .en {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:1200px) {
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper .en {
	font-size: 12px
}
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper .border2 {
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #fff;
	margin-top: 23px
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper ul {
	margin-top: 0;
	visibility: hidden;
	width: 90%;
    margin: auto;
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper ul li {
	font-size: 14px;
	margin-bottom: 4px
}
@media screen and (max-width:1200px) {
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem .item-wrapper ul li {
	font-size: 12px
}
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem:hover {
	cursor: pointer
}
.indexBrandBox .wrapper .indexBrandNavBox .brandNavItem:hover .item-wrapper ul {
	margin-top: 16px;
	visibility: visible
}
.indexBrandBox .wrapper .indexBrandNavBoxWap {
	position: relative;
	overflow: hidden;
	display: none
}
@media screen and (max-width:991px) {
.indexBrandBox .wrapper .indexBrandNavBoxWap {
	display: block
}
}
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide {
	background-color: #fff;
	text-align: center
}
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide h3 {
	margin-top: 42px;
	font-size: 20px;
	font-weight: 700
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide h3 {
	font-size: 16px;
	margin-top: 28px
}
}
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide .en {
	font-size: 14px
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide .en {
	font-size: 12px
}
}
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide .border2 {
	display: inline-block;
	width: 20px;
	height: 2px;
	background-color: #000;
	margin-top: 14px
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide .border2 {
	margin-top: 10px
}
}
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide ul {
	margin-top: 24px
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide ul {
	margin-top: 16px
}
}
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide ul li {
	font-size: 14px;
	margin-bottom: 2px
}
@media screen and (max-width:767px) {
.indexBrandBox .wrapper .indexBrandNavBoxWap .swiper-wrapper .swiper-slide ul li {
	font-size: 12px
}
}
.indexNewsBox {
	padding: 0 100px 100px;
	background: #166072;
}
@media screen and (max-width:1200px) {
.indexNewsBox {
	padding: 0 60px 100px;
	background: #166072;
}
}
@media screen and (max-width:991px) {
.indexNewsBox {
	padding: 0 30px 80px;
	background: #166072;
}
}
@media screen and (max-width:767px) {
.indexNewsBox {
	padding: 0 24px 60px;
	background: #166072;
}
}
.indexNewsBox .wrapper .title {
	padding-top: 90px;
	/* border-top: 1px solid #f0eeea */
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .title {
	padding-top: 85px
}
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .title {
	padding-top: 56px
}
}
.indexNewsBox .wrapper .newsListSwiper {
	font-size: 0;
	margin-top: 60px
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .newsListSwiper {
	margin-top: 35px;
	position: relative;
	overflow: hidden
}
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper {
	margin-top: 22px
}
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 120px) / 3)
}
@media screen and (max-width:1200px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide {
	width: calc((100% - 60px) / 3)
}
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide {
	width: 100%
}
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide:nth-of-type(2) {
	margin: 0 60px
}
@media screen and (max-width:1200px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide:nth-of-type(2) {
	margin: 0 30px
}
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide:nth-of-type(2) {
	margin: 0
}
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .img {
	overflow: hidden;
	border-radius: 5px
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .img {
	border-radius: 6px
}
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .img img {
	width: 100%;
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text {
	text-align: center;
	margin-top: 33px
}
@media screen and (max-width:1200px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text {
	margin-top: 25px
}
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text {
	margin-top: 20px;
	padding: 0 10px
}
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text {
	margin-top: 16px;
	padding: 0 10px
}
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text p {
	color: #fff;
	font-size: 16px;
	font-family: CormorantGaramond
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text h3 {
	font-size: 16px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 35px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
@media screen and (max-width:1200px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text h3 {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 26px
}
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text h3 {
	margin-top: 12px;
	margin-bottom: 20px;
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text h3 {
	margin-top: 6px;
	margin-bottom: 18px;
	font-size: 14px
}
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide a .text span {
	font-size: 16px;
	display: inline-block;
	width: 95px;
	height: 26px;
	line-height: 26px;
	background-color: #000;
	color: #fff;
	font-family: CormorantGaramond
}
.indexNewsBox .wrapper .newsListSwiper .swiper-wrapper .swiper-slide:hover a .img img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08)
}
.indexNewsBox .wrapper .newsListSwiper .button-next, .indexNewsBox .wrapper .newsListSwiper .button-prev {
	display: inline-block;
	position: absolute;
	top: 50%;
	z-index: 3;
	display: none;
	-webkit-transform: translateY(calc(-50% - 48px));
	transform: translateY(calc(-50% - 48px))
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .newsListSwiper .button-next, .indexNewsBox .wrapper .newsListSwiper .button-prev {
	display: inline-block
}
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper .button-next, .indexNewsBox .wrapper .newsListSwiper .button-prev {
	-webkit-transform: translateY(calc(-50% - 42px));
	transform: translateY(calc(-50% - 42px))
}
}
.indexNewsBox .wrapper .newsListSwiper .button-next i, .indexNewsBox .wrapper .newsListSwiper .button-prev i {
	color: #fff;
	font-size: 40px
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper .button-next i, .indexNewsBox .wrapper .newsListSwiper .button-prev i {
	font-size: 26px
}
}
@media screen and (min-width:992px) {
.indexNewsBox .wrapper .newsListSwiper .button-next, .indexNewsBox .wrapper .newsListSwiper .button-prev {
	display: none
}
}
.indexNewsBox .wrapper .newsListSwiper .button-prev {
	left: 20px
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper .button-prev {
	left: 10px
}
}
.indexNewsBox .wrapper .newsListSwiper .button-next {
	right: 20px
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .newsListSwiper .button-next {
	right: 10px
}
}
.indexNewsBox .wrapper .toMore {
	margin-top: 90px;
	text-align: center
}
@media screen and (max-width:991px) {
.indexNewsBox .wrapper .toMore {
	margin-top: 60px
}
}
@media screen and (max-width:767px) {
.indexNewsBox .wrapper .toMore {
	margin-top: 45px
}
}
.indexNewsBox .wrapper .toMore a {
	background-color: #000;
	color: #fff
}
.indexNewsBox .wrapper .toMore a:hover {
	background-color: #fff;
	color: #000;
	border: 1px solid #000
}
.aboutBanner {
	margin-top: 25px;
	padding: 0 100px;
	height: 620px
}
@media screen and (max-width:1200px) {
.aboutBanner {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.aboutBanner {
	padding: 0 30px;
	height: 500px
}
}
@media screen and (max-width:767px) {
.aboutBanner {
	padding: 0 24px;
	height: 310px
}
}
.aboutBanner .wrapper {
	position: relative;
	height: 100%
}
.aboutBanner .wrapper .img {
	height: 100%;
	background-size: cover;
	background-position: 50%
}
.aboutBanner .wrapper .text {
	left: 250px
}
@media screen and (max-width:1200px) {
.aboutBanner .wrapper .text {
	left: 120px
}
}
@media screen and (max-width:991px) {
.aboutBanner .wrapper .text {
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center
}
}
.aboutBanner .wrapper .text p {
	font-size: 26px;
	color: #444;
	font-family: CormorantGaramond;
	margin-top: 15px
}
@media screen and (max-width:991px) {
.aboutBanner .wrapper .text p {
	font-size: 20px;
	margin-top: 6px
}
}
@media screen and (max-width:767px) {
.aboutBanner .wrapper .text p {
	font-size: 18px;
	margin-top: 2px
}
}
.aboutBirthBox {
	padding: 160px 100px 0;
	font-size: 0
}
@media screen and (max-width:1200px) {
.aboutBirthBox {
	padding: 130px 60px 0
}
}
@media screen and (max-width:991px) {
.aboutBirthBox {
	padding: 90px 30px 0
}
}
@media screen and (max-width:767px) {
.aboutBirthBox {
	padding: 55px 24px 0
}
}
.aboutBirthBox .title {
	color: #444
}
.aboutBirthBox .title h3 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 3px
}
@media screen and (max-width:991px) {
.aboutBirthBox .title h3 {
	font-size: 24px
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .title h3 {
	font-size: 20px
}
}
.aboutBirthBox .title p {
	font-size: 16px;
	font-family: CormorantGaramond;
	letter-spacing: 2px
}
@media screen and (max-width:991px) {
.aboutBirthBox .title p {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .title p {
	font-size: 12px;
	letter-spacing: 0
}
}
.aboutBirthBox .wrapper .title {
	padding-left: 41%;
	margin-bottom: 38px
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper .title {
	padding-left: 35%
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper .title {
	margin-bottom: 35px;
	padding-left: 24%;
	padding-right: 30px
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .wrapper .title {
	margin-bottom: 25px;
	padding-right: 15px;
	padding-left: 20%
}
}
.aboutBirthBox .wrapper .text .birthBox h4 {
	font-size: 20px;
	color: #444;
	font-family: CormorantGaramond;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: 41%;
	padding-right: 7%;
	font-style: italic
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper .text .birthBox h4 {
	width: 35%
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper .text .birthBox h4 {
	width: 100%;
	display: none;
	margin-bottom: 20px;
	font-weight: 700
}
}
.aboutBirthBox .wrapper .text .birthBox ul {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	max-width: 765px
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper .text .birthBox ul {
	width: 65%
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper .text .birthBox ul {
	width: 100%;
	max-width: none;
	padding-left: 24%;
	padding-right: 30px;
	position: relative
}
.aboutBirthBox .wrapper .text .birthBox ul:after {
	content: "";
	display: inline-block;
	width: 25px;
	/* height: 1px; */
	position: absolute;
	background-color: #888;
	left: 18%;
	top: 12px
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .wrapper .text .birthBox ul {
	padding-right: 15px;
	padding-left: 20%
}
.aboutBirthBox .wrapper .text .birthBox ul:after {
	width: 18px;
	left: 10%
}
}
.aboutBirthBox .wrapper .text .birthBox ul li {
	font-size: 14px;
	line-height: 28px;
	color: #888;
	font-weight: lighter;
	margin-bottom: 14px;
	letter-spacing: 1px
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper .text .birthBox ul li {
	margin-bottom: 8px;
	line-height: 26px
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .wrapper .text .birthBox ul li {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 6px;
	letter-spacing: 0
}
}
.aboutBirthBox .wrapper .text .aboutStructure {
	margin-top: 43px;
	margin-left: 41%;
	margin-bottom: 110px;
	width: 60%;
	max-width: 774px
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper .text .aboutStructure {
	width: 65%;
	margin-left: 35%
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper .text .aboutStructure {
	margin-left: 0;
	width: 100%;
	max-width: none;
	margin-top: 40px;
	margin-bottom: 58px
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .wrapper .text .aboutStructure {
	margin-top: 20px;
	margin-bottom: 32px
}
}
.aboutBirthBox .wrapper .birthImg {
	width: 71%;
	margin-left: 29%;
	overflow: hidden
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper .birthImg {
	width: 79%;
	margin-left: 21%
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper .birthImg {
	width: 100%;
	margin-left: 0
}
}
@media screen and (max-width:560px) {
.aboutBirthBox .wrapper .birthImg {
	height: 260px;
	position: relative
}
}
.aboutBirthBox .wrapper .birthImg img {
	width: 100%
}
@media screen and (max-width:560px) {
.aboutBirthBox .wrapper .birthImg img {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 100%;
	width: auto
}
}
.aboutBirthBox .wrapper .birthImg:hover img {
	-webkit-transform: scale(1.02);
	transform: scale(1.02)
}
.aboutBirthBox .wrapper2 {
	padding-top: 210px;
	padding-bottom: 170px
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper2 {
	padding-top: 180px;
	padding-bottom: 145px
}
}
@media screen and (max-width:1200px) {
.aboutBirthBox .wrapper2 {
	padding-top: 160px;
	padding-bottom: 120px
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper2 {
	padding-top: 96px;
	padding-bottom: 90px;
	padding-left: 0
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .wrapper2 {
	padding-top: 60px;
	padding-bottom: 56px
}
}
.aboutBirthBox .wrapper2 .img {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	width: 41%;
	padding-right: 12%;
	overflow: hidden
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper2 .img {
	width: 35%;
	padding-right: 14%
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper2 .img {
	display: block;
	width: 58%;
	margin: 0 auto;
	padding-right: 0
}
}
.aboutBirthBox .wrapper2 .img img {
	width: 100%
}
@media screen and (min-width:992px) {
.aboutBirthBox .wrapper2 .img img {
	max-width: 217px
}
}
.aboutBirthBox .wrapper2 .img:hover img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.aboutBirthBox .wrapper2 .text {
	display: inline-block;
	vertical-align: middle;
	width: 59%
}
@media screen and (max-width:1500px) {
.aboutBirthBox .wrapper2 .text {
	width: 65%
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper2 .text {
	width: 100%;
	padding: 60px 30px 0
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .wrapper2 .text {
	padding: 30px 15px 0
}
}
.aboutBirthBox .wrapper2 .text .title {
	max-width: 445px
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper2 .text .title {
	max-width: none
}
}
.aboutBirthBox .wrapper2 .text p {
	max-width: 760px
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper2 .text p {
	max-width: none
}
}
.aboutBirthBox .wrapper2 .text p.sub_title {
	font-size: 20px;
	color: #888;
	font-weight: lighter;
	margin-bottom: 18px;
	margin-top: 35px;
	font-style: italic
}
@media screen and (max-width:1200px) {
.aboutBirthBox .wrapper2 .text p.sub_title {
	margin-top: 23px;
	margin-bottom: 14px
}
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper2 .text p.sub_title {
	font-size: 18px
}
}
@media screen and (max-width:767px) {
.aboutBirthBox .wrapper2 .text p.sub_title {
	font-size: 13px;
	margin-bottom: 6px
}
}
.aboutBirthBox .wrapper2 .text p.txt {
	font-size: 14px;
	line-height: 28px;
	color: #888;
	font-weight: lighter
}
@media screen and (max-width:991px) {
.aboutBirthBox .wrapper2 .text p.txt {
	font-size: 12px;
	line-height: 24px
}
}
.aboutScreen3 {
	padding: 0 100px
}
@media screen and (max-width:1200px) {
.aboutScreen3 {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.aboutScreen3 {
	padding: 0 30px
}
}
@media screen and (max-width:767px) {
.aboutScreen3 {
	padding: 0 24px
}
}
.aboutScreen3 .wrapper {
	position: relative;
	font-size: 0;
	width: 100%
}
.aboutScreen3 .wrapper img {
	width: 100%
}
.aboutScreen3 .wrapper .text {
	position: absolute;
	left: 0;
	bottom: 110px;
	z-index: 2;
	width: 100%
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text {
	position: relative;
	bottom: 0;
	width: 100%
}
}
.aboutScreen3 .wrapper .text .title {
	color: #444;
	width: 500px;
	margin-left: 41%
}
@media screen and (max-width:1500px) {
.aboutScreen3 .wrapper .text .title {
	margin-left: 35%
}
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text .title {
	margin-left: 0;
	width: 100%;
	margin-top: 40px;
	padding-left: 24%;
	padding-right: 30px
}
}
@media screen and (max-width:767px) {
.aboutScreen3 .wrapper .text .title {
	margin-top: 30px;
	padding-right: 15px;
	padding-left: 20%
}
}
.aboutScreen3 .wrapper .text .title h3 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 2px
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text .title h3 {
	font-size: 24px
}
}
@media screen and (max-width:767px) {
.aboutScreen3 .wrapper .text .title h3 {
	font-size: 20px
}
}
.aboutScreen3 .wrapper .text .title p {
	font-size: 16px;
	font-family: CormorantGaramond;
	letter-spacing: 1px
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text .title p {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.aboutScreen3 .wrapper .text .title p {
	font-size: 12px;
	letter-spacing: 0
}
}
.aboutScreen3 .wrapper .text .cultureBox {
	margin-top: 32px
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text .cultureBox {
	position: relative;
	margin-top: 20px;
	padding-left: 24%;
	padding-right: 30px
}
.aboutScreen3 .wrapper .text .cultureBox:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 1px;
	position: absolute;
	background-color: #888;
	left: 18%;
	top: 12px
}
}
@media screen and (max-width:767px) {
.aboutScreen3 .wrapper .text .cultureBox {
	margin-top: 22px;
	padding-right: 15px;
	padding-left: 20%
}
.aboutScreen3 .wrapper .text .cultureBox:after {
	width: 18px;
	left: 10%
}
}
.aboutScreen3 .wrapper .text .cultureBox h4 {
	font-size: 20px;
	color: #444;
	font-family: CormorantGaramond;
	display: inline-block;
	vertical-align: top;
	width: 41%;
	padding-right: 7%;
	text-align: right;
	font-style: italic
}
@media screen and (max-width:1500px) {
.aboutScreen3 .wrapper .text .cultureBox h4 {
	width: 35%
}
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text .cultureBox h4 {
	padding-right: 0;
	width: 100%;
	display: none;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 18px
}
}
@media screen and (max-width:767px) {
.aboutScreen3 .wrapper .text .cultureBox h4 {
	margin-bottom: 10px
}
}
.aboutScreen3 .wrapper .text .cultureBox div {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	max-width: 750px
}
.aboutScreen3 .wrapper .text .cultureBox div p {
	font-size: 14px;
	line-height: 28px;
	color: #666;
	font-weight: lighter;
	letter-spacing: 1px
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text .cultureBox div p {
	line-height: 26px
}
}
@media screen and (max-width:767px) {
.aboutScreen3 .wrapper .text .cultureBox div p {
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0
}
}
@media screen and (max-width:1500px) {
.aboutScreen3 .wrapper .text .cultureBox div {
	width: 65%;
	padding-right: 20px
}
}
@media screen and (max-width:991px) {
.aboutScreen3 .wrapper .text .cultureBox div {
	width: 100%;
	max-width: none;
	padding-right: 0
}
}
.aboutScreen4 {
	padding: 45px 100px 0;
	font-size: 0
}
@media screen and (max-width:1200px) {
.aboutScreen4 {
	padding: 60px 60px 0
}
}
@media screen and (max-width:991px) {
.aboutScreen4 {
	padding: 40px 30px 0
}
}
@media screen and (max-width:767px) {
.aboutScreen4 {
	padding: 10px 24px 0
}
}
.aboutScreen4 .wrapper .title {
	margin-bottom: 36px;
	margin-left: 41%;
	color: #444
}
@media screen and (max-width:1500px) {
.aboutScreen4 .wrapper .title {
	margin-left: 35%
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .title {
	margin-left: 0;
	margin-bottom: 40px;
	padding-left: 24%;
	padding-right: 30px
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .title {
	margin-bottom: 25px;
	padding-left: 20%;
	padding-right: 15px
}
}
.aboutScreen4 .wrapper .title h3 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 3px
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .title h3 {
	font-size: 24px
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .title h3 {
	font-size: 20px
}
}
.aboutScreen4 .wrapper .title p {
	font-size: 16px;
	font-family: CormorantGaramond;
	letter-spacing: 2px
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .title p {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .title p {
	font-size: 12px;
	letter-spacing: 0
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem {
	padding-top: 146px
}
@media screen and (max-width:1500px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem {
	padding-top: 98px
}
}
@media screen and (max-width:1200px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem {
	padding-top: 90px
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem {
	padding-top: 55px
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text {
	margin-bottom: 150px
}
@media screen and (max-width:1500px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text {
	margin-bottom: 100px
}
}
@media screen and (max-width:1200px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text {
	margin-bottom: 75px
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text {
	margin-bottom: 40px
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text {
	margin-bottom: 30px
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .left {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	width: 41%;
	padding-right: 7%
}
@media screen and (max-width:1500px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .left {
	width: 35%
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .left {
	width: 100%;
	padding-right: 0;
	text-align: center;
	display: none
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .left p {
	display: inline-block;
	font-size: 20px;
	line-height: 28px;
	color: #444;
	font-family: CormorantGaramond;
	width: 250px;
	font-style: italic
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .left p {
	width: 100%
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	max-width: 750px
}
@media screen and (max-width:1500px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right {
	width: 56%
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right {
	width: 100%;
	max-width: none
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right .sub_title {
	font-size: 22px;
	color: #444;
	font-weight: 700;
	margin-bottom: 15px;
	letter-spacing: 1px
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right .sub_title {
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 24%;
	padding-right: 30px
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right .sub_title {
	font-size: 14px;
	margin-bottom: 8px;
	letter-spacing: 0;
	padding-right: 15px;
	padding-left: 20%
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right ul {
	padding-left: 24%;
	padding-right: 30px;
	position: relative
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right ul:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 1px;
	position: absolute;
	background-color: #888;
	left: 18%;
	top: 12px
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right ul {
	padding-right: 15px;
	padding-left: 20%
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right ul:after {
	width: 18px;
	left: 10%
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right ul li {
	font-size: 14px;
	line-height: 28px;
	color: #888;
	letter-spacing: 1px
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right ul li {
	letter-spacing: 0
}
}
@media screen and (max-width:767px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .text .right ul li {
	font-size: 12px;
	line-height: 24px
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .img {
	text-align: left
}
@media screen and (max-width:560px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .img {
	position: relative;
	overflow: hidden;
	height: 260px
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .img img {
	width: 100%
}
@media screen and (max-width:560px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem .img img {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 100%
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:first-of-type .img {
	width: 71%;
	margin-left: 29%
}
@media screen and (max-width:1500px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:first-of-type .img {
	width: 85%;
	margin-left: 15%
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:first-of-type .img {
	width: 100%;
	margin-left: 0
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:first-of-type .img img {
	width: 960px
}
@media screen and (max-width:1600px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:first-of-type .img img {
	width: 90%
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:first-of-type .img img {
	width: 100%
}
}
@media screen and (max-width:560px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:first-of-type .img img {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 100%
}
}
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:nth-of-type(2) .img {
	width: 71%;
	margin-left: 29%
}
@media screen and (max-width:1500px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:nth-of-type(2) .img {
	width: 79%;
	margin-left: 21%
}
}
@media screen and (max-width:991px) {
.aboutScreen4 .wrapper .aboutRegimenList .aboutRegimenItem:nth-of-type(2) .img {
	width: 100%;
	margin-left: 0
}
}
.aboutScreen5 {
	font-size: 0;
	padding: 140px 100px 80px
}
@media screen and (max-width:1200px) {
.aboutScreen5 {
	padding: 120px 60px 80px
}
}
@media screen and (max-width:991px) {
.aboutScreen5 {
	padding: 90px 30px 20px
}
}
@media screen and (max-width:767px) {
.aboutScreen5 {
	padding: 55px 24px 10px
}
}
.aboutScreen5 .title {
	color: #444;
	width: 468px;
	margin-left: 41%
}
@media screen and (max-width:1500px) {
.aboutScreen5 .title {
	margin-left: 35%
}
}
@media screen and (max-width:991px) {
.aboutScreen5 .title {
	margin-left: 0;
	width: 100%;
	padding-left: 24%;
	padding-right: 30px
}
}
@media screen and (max-width:767px) {
.aboutScreen5 .title {
	padding-right: 15px;
	padding-left: 20%
}
}
.aboutScreen5 .title h3 {
	font-size: 36px;
	font-weight: 700
}
@media screen and (max-width:991px) {
.aboutScreen5 .title h3 {
	font-size: 24px
}
}
@media screen and (max-width:767px) {
.aboutScreen5 .title h3 {
	font-size: 20px
}
}
.aboutScreen5 .title p {
	font-size: 16px;
	font-family: CormorantGaramond
}
@media screen and (max-width:991px) {
.aboutScreen5 .title p {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.aboutScreen5 .title p {
	font-size: 12px
}
}
.aboutScreen5 .wrapper {
	margin-top: 40px
}
@media screen and (max-width:991px) {
.aboutScreen5 .wrapper {
	margin-top: 36px;
	padding-left: 24%;
	padding-right: 30px;
	position: relative
}
.aboutScreen5 .wrapper:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 1px;
	position: absolute;
	background-color: #888;
	left: 18%;
	top: 12px
}
}
@media screen and (max-width:767px) {
.aboutScreen5 .wrapper {
	margin-top: 28px;
	padding-right: 15px;
	padding-left: 20%
}
.aboutScreen5 .wrapper:after {
	width: 18px;
	left: 10%
}
}
.aboutScreen5 .wrapper .left {
	display: inline-block;
	vertical-align: top;
	width: 41%;
	padding-right: 7%;
	text-align: right
}
@media screen and (max-width:1500px) {
.aboutScreen5 .wrapper .left {
	width: 35%
}
}
@media screen and (max-width:991px) {
.aboutScreen5 .wrapper .left {
	display: none
}
}
.aboutScreen5 .wrapper .left p {
	font-size: 20px;
	color: #444;
	font-family: CormorantGaramond
}
.aboutScreen5 .wrapper .right {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	max-width: 725px;
	padding-right: 35px
}
@media screen and (max-width:1500px) {
.aboutScreen5 .wrapper .right {
	width: 65%
}
}
@media screen and (max-width:991px) {
.aboutScreen5 .wrapper .right {
	width: 100%;
	max-width: none;
	padding-right: 0
}
}
.aboutScreen5 .wrapper .right li {
	margin-bottom: 28px
}
@media screen and (max-width:991px) {
.aboutScreen5 .wrapper .right li {
	margin-bottom: 20px
}
}
.aboutScreen5 .wrapper .right li h4 {
	font-size: 20px;
	color: #333;
	font-weight: 700;
	margin-bottom: 8px
}
@media screen and (max-width:991px) {
.aboutScreen5 .wrapper .right li h4 {
	margin-bottom: 16px
}
}
@media screen and (max-width:767px) {
.aboutScreen5 .wrapper .right li h4 {
	font-size: 14px;
	margin-bottom: 5px
}
}
.aboutScreen5 .wrapper .right li p {
	font-size: 14px;
	color: #888;
	line-height: 28px
}
@media screen and (max-width:767px) {
.aboutScreen5 .wrapper .right li p {
	font-size: 12px;
	line-height: 26px;
	margin-bottom: 0
}
}
.aboutFixedNavBox {
	position: fixed;
	z-index: 9;
	left: 48px;
	top: 30%;
	font-size: 0
}
@media screen and (max-width:991px) {
.aboutFixedNavBox {
	display: none
}
}
.aboutFixedNavBox ul li {
	position: relative;
	cursor: pointer
}
.aboutFixedNavBox ul li:after, .aboutFixedNavBox ul li:before {
	display: inline-block;
	content: "";
	width: 5px;
	height: 7px;
	background-color: #ccc;
	margin-left: 2px
}
.aboutFixedNavBox ul li:first-of-type:before, .aboutFixedNavBox ul li:last-of-type:after {
	display: none
}
.aboutFixedNavBox ul li span {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	width: 16px;
	height: 16px;
	background-color: #ccc
}
.aboutFixedNavBox ul li span:after {
	content: "";
	width: 0;
	height: 0;
	border-radius: 50%;
	border: 1px solid #97c21c;
	visibility: hidden
}
.aboutFixedNavBox ul li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #fff
}
.aboutFixedNavBox ul li:hover:before {
	margin-bottom: 7px
}
.aboutFixedNavBox ul li:hover:after {
	margin-top: 7px
}
.aboutFixedNavBox ul li:hover:after, .aboutFixedNavBox ul li:hover:before {
	height: 21px
}
.aboutFixedNavBox ul li:hover a {
	color: #000;
	font-size: 16px;
	font-weight: 700
}
.aboutFixedNavBox ul li:hover span:after {
	width: 22px;
	height: 22px;
	visibility: visible
}
.industryBanner {
	margin-top: 25px;
	padding: 0 100px;
	height: 620px
}
@media screen and (max-width:1200px) {
.industryBanner {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.industryBanner {
	margin-top: 0;
	padding: 0 30px;
	height: 500px
}
}
@media screen and (max-width:767px) {
.industryBanner {
	padding: 0 24px;
	height: 310px
}
}
.industryBanner .wrapper {
	height: 100%;
	position: relative
}
.industryBanner .wrapper .img {
	height: 100%;
	background-size: cover;
	background-position: 50%
}
.industryBanner .wrapper .text {
	right: 240px;
	color: #fff;
	text-align: right
}
@media screen and (max-width:1200px) {
.industryBanner .wrapper .text {
	right: 160px
}
}
@media screen and (max-width:991px) {
.industryBanner .wrapper .text {
	right: 50%;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	width: 80%;
	text-align: center
}
}
.industryBanner .wrapper .text p {
	font-size: 26px;
	font-family: CormorantGaramond;
	margin-top: 14px;
	padding-right: 6px
}
@media screen and (max-width:991px) {
.industryBanner .wrapper .text p {
	font-size: 18px;
	margin-top: 6px;
	padding-right: 0
}
}
@media screen and (max-width:767px) {
.industryBanner .wrapper .text p {
	font-size: 14px;
	margin-top: 2px
}
}
.industryMaterial {
	font-size: 0;
	padding: 156px 100px 0
}
@media screen and (max-width:1200px) {
.industryMaterial {
	padding: 120px 60px 0
}
}
@media screen and (max-width:991px) {
.industryMaterial {
	padding: 90px 30px 0
}
}
@media screen and (max-width:767px) {
.industryMaterial {
	padding: 55px 24px 0
}
}
.industryMaterial .title {
	color: #444
}
@media screen and (max-width:767px) {
.industryMaterial .title {
	padding-left: 20%;
	padding-right: 15px;
	text-align: left
}
}
.industryMaterial .wrapper {
	margin-top: 36px;
	margin-bottom: 110px
}
@media screen and (max-width:1200px) {
.industryMaterial .wrapper {
	margin-bottom: 70px
}
}
@media screen and (max-width:991px) {
.industryMaterial .wrapper {
	margin: 35px
}
}
@media screen and (max-width:767px) {
.industryMaterial .wrapper {
	margin: 25px 0 28px;
	padding-left: 20%;
	padding-right: 15px;
	position: relative
}
.industryMaterial .wrapper:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	background-color: #888;
	top: 12px;
	width: 18px;
	left: 10%
}
}
@media screen and (max-width:991px) {
.industryMaterial .wrapper .left {
	display: none
}
}
.industryMaterial .wrapper .left p {
	font-size: 20px;
	color: #444;
	font-family: CormorantGaramond;
	font-style: italic
}
.industryMaterial .wrapper .right {
	display: inline-block;
	vertical-align: top;
	color: #888;
	font-weight: lighter
}
@media screen and (max-width:991px) {
.industryMaterial .wrapper .right {
	max-width: none;
	text-align: center
}
}
@media screen and (max-width:767px) {
.industryMaterial .wrapper .right {
	text-align: left
}
}
.industryMaterial .wrapper .right h4 {
	font-size: 20px;
	margin-bottom: 25px;
	font-style: italic
}
@media screen and (max-width:991px) {
.industryMaterial .wrapper .right h4 {
	margin-bottom: 16px;
	font-size: 15px
}
}
@media screen and (max-width:767px) {
.industryMaterial .wrapper .right h4 {
	font-size: 13px;
	margin-bottom: 12px
}
}
.industryMaterial .wrapper .right p {
	font-size: 14px;
	line-height: 28px
}
@media screen and (max-width:767px) {
.industryMaterial .wrapper .right p {
	font-size: 12px;
	line-height: 24px
}
}
.industryMaterial .listBox {
	text-align: center
}
.industryMaterial .listBox li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	width: 510px;
	overflow: hidden
}
@media screen and (max-width:1300px) {
.industryMaterial .listBox li {
	width: 35%
}
}
@media screen and (max-width:991px) {
.industryMaterial .listBox li {
	width: calc((100% - 20px) / 2);
	margin: 0
}
.industryMaterial .listBox li:first-of-type {
	margin-right: 20px
}
}
@media screen and (max-width:767px) {
.industryMaterial .listBox li {
	width: 100%;
	margin-bottom: 35px
}
.industryMaterial .listBox li:first-of-type {
	margin-right: 0
}
}
.industryMaterial .listBox li img {
	width: 100%
}
@media screen and (max-width:767px) {
.industryMaterial .listBox li img {
	width: 72%
}
}
.industryMaterial .listBox li img:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.industryTechnology {
	font-size: 0;
	padding: 140px 100px 0
}
@media screen and (max-width:1200px) {
.industryTechnology {
	padding: 100px 60px 0
}
}
@media screen and (max-width:991px) {
.industryTechnology {
	padding: 90px 30px 0
}
}
@media screen and (max-width:767px) {
.industryTechnology {
	padding: 25px 24px 0
}
}
.industryTechnology .title {
	color: #444
}
@media screen and (max-width:767px) {
.industryTechnology .title {
	padding-left: 20%;
	padding-right: 15px;
	text-align: left
}
}
.industryTechnology .wrapper {
	margin-top: 36px;
	margin-bottom: 110px
}
@media screen and (max-width:1200px) {
.industryTechnology .wrapper {
	margin-bottom: 70px
}
}
@media screen and (max-width:991px) {
.industryTechnology .wrapper {
	margin-bottom: 40px;
	margin-top: 30px
}
}
@media screen and (max-width:767px) {
.industryTechnology .wrapper {
	margin: 25px 0 28px;
	padding-left: 20%;
	padding-right: 15px;
	position: relative
}
.industryTechnology .wrapper:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	background-color: #888;
	top: 12px;
	width: 18px;
	left: 10%
}
}
@media screen and (max-width:991px) {
.industryTechnology .wrapper .left {
	display: none
}
}
.industryTechnology .wrapper .left p {
	font-size: 20px;
	color: #444;
	font-family: CormorantGaramond;
	font-style: italic
}
.industryTechnology .wrapper .right {
	display: inline-block;
	vertical-align: top;
	color: #888;
	font-weight: lighter;
	max-width: 750px
}
@media screen and (max-width:991px) {
.industryTechnology .wrapper .right {
	max-width: none;
	text-align: center
}
}
@media screen and (max-width:767px) {
.industryTechnology .wrapper .right {
	text-align: left
}
}
.industryTechnology .wrapper .right h4 {
	font-size: 20px;
	margin-bottom: 25px
}
@media screen and (max-width:991px) {
.industryTechnology .wrapper .right h4 {
	margin-bottom: 16px
}
}
@media screen and (max-width:767px) {
.industryTechnology .wrapper .right h4 {
	font-size: 14px;
	margin-bottom: 12px
}
}
.industryTechnology .wrapper .right p {
	font-size: 14px;
	line-height: 28px
}
@media screen and (max-width:767px) {
.industryTechnology .wrapper .right p {
	font-size: 12px;
	line-height: 24px
}
}
.industryTechnology .imgBox {
	padding: 0 100px;
	overflow: hidden
}
@media screen and (max-width:1200px) {
.industryTechnology .imgBox {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.industryTechnology .imgBox {
	padding: 0
}
}
@media screen and (max-width:560px) {
.industryTechnology .imgBox {
	height: 160px;
	position: relative
}
}
.industryTechnology .imgBox img {
	width: 100%
}
.industryTechnology .imgBox img:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
@media screen and (max-width:560px) {
.industryTechnology .imgBox img {
	height: 100%;
	width: auto;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}
}
.industryHeat {
	font-size: 0;
	padding: 140px 100px 0
}
@media screen and (max-width:1200px) {
.industryHeat {
	padding: 100px 60px 0
}
}
@media screen and (max-width:991px) {
.industryHeat {
	padding: 90px 30px 0
}
}
@media screen and (max-width:767px) {
.industryHeat {
	padding: 55px 24px 0
}
}
.industryHeat .title {
	color: #444
}
@media screen and (max-width:767px) {
.industryHeat .title {
	padding-left: 20%;
	padding-right: 15px;
	text-align: left
}
}
.industryHeat .wrapper {
	margin-top: 36px;
	margin-bottom: 110px
}
@media screen and (max-width:1200px) {
.industryHeat .wrapper {
	margin-bottom: 70px
}
}
@media screen and (max-width:991px) {
.industryHeat .wrapper {
	margin-bottom: 40px;
	margin-top: 30px
}
}
@media screen and (max-width:767px) {
.industryHeat .wrapper {
	margin: 25px 0 28px;
	padding-left: 20%;
	padding-right: 15px;
	position: relative
}
.industryHeat .wrapper:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	background-color: #888;
	top: 12px;
	width: 18px;
	left: 10%
}
}
@media screen and (max-width:991px) {
.industryHeat .wrapper .left {
	display: none
}
}
.industryHeat .wrapper .right {
	color: #888;
	font-weight: lighter;
	max-width: 750px
}
@media screen and (max-width:991px) {
.industryHeat .wrapper .right {
	max-width: none;
	text-align: center
}
}
@media screen and (max-width:767px) {
.industryHeat .wrapper .right {
	text-align: left
}
}
.industryHeat .wrapper .right h4 {
	font-size: 20px;
	margin-bottom: 25px
}
@media screen and (max-width:991px) {
.industryHeat .wrapper .right h4 {
	font-size: 16px;
	margin-bottom: 16px
}
}
@media screen and (max-width:767px) {
.industryHeat .wrapper .right h4 {
	font-size: 14px;
	margin-bottom: 12px
}
}
.industryHeat .wrapper .right p {
	font-size: 14px;
	line-height: 28px
}
@media screen and (max-width:767px) {
.industryHeat .wrapper .right p {
	font-size: 12px;
	line-height: 24px
}
}
.industryHeat .imgBox {
	overflow: hidden;
	width: 965px;
	margin: 0 auto
}
@media screen and (max-width:1200px) {
.industryHeat .imgBox {
	width: 90%
}
}
@media screen and (max-width:991px) {
.industryHeat .imgBox {
	width: 100%
}
}
@media screen and (max-width:560px) {
.industryHeat .imgBox {
	position: relative;
	height: 180px
}
}
.industryHeat .imgBox img {
	width: 100%
}
@media screen and (min-width:992px) {
.industryHeat .imgBox img:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
}
@media screen and (max-width:560px) {
.industryHeat .imgBox img {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 100%
}
}
.industryHealthy {
	font-size: 0;
	padding: 140px 100px 0
}
@media screen and (max-width:1200px) {
.industryHealthy {
	padding: 100px 60px 0
}
}
@media screen and (max-width:991px) {
.industryHealthy {
	padding: 90px 30px 0
}
}
@media screen and (max-width:767px) {
.industryHealthy {
	padding: 55px 24px 0
}
}
.industryHealthy .title {
	color: #444
}
@media screen and (max-width:767px) {
.industryHealthy .title {
	padding-left: 20%;
	padding-right: 15px;
	text-align: left
}
}
.industryHealthy .imgBox {
	padding: 85px 100px 0
}
@media screen and (max-width:1200px) {
.industryHealthy .imgBox {
	padding: 85px 60px 0
}
}
@media screen and (max-width:991px) {
.industryHealthy .imgBox {
	padding: 30px 0 0
}
}
@media screen and (max-width:767px) {
.industryHealthy .imgBox {
	padding-top: 30px
}
}
.industryHealthy .imgBox li {
	display: inline-block;
	vertical-align: top;
	width: 50%
}
@media screen and (max-width:767px) {
.industryHealthy .imgBox li {
	width: 100%;
	margin-bottom: 35px
}
}
.industryHealthy .imgBox li .img {
	width: 100%;
	overflow: hidden
}
.industryHealthy .imgBox li .img img {
	width: 100%
}
.industryHealthy .imgBox li .img img:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.industryHealthy .imgBox li .text {
	padding-left: 80px;
	padding-top: 40px
}
@media screen and (max-width:991px) {
.industryHealthy .imgBox li .text {
	padding-left: 60px;
	padding-top: 30px
}
}
@media screen and (max-width:767px) {
.industryHealthy .imgBox li .text {
	padding-top: 30px;
	padding-left: 20%;
	padding-right: 15px
}
}
.industryHealthy .imgBox li .text h4 {
	font-size: 20px;
	color: #444;
	font-weight: 400
}
@media screen and (max-width:991px) {
.industryHealthy .imgBox li .text h4 {
	font-size: 16px;
	font-weight: 600
}
}
@media screen and (max-width:767px) {
.industryHealthy .imgBox li .text h4 {
	font-size: 14px
}
}
.industryHealthy .imgBox li .text h4.en {
	font-size: 16px;
	font-family: CormorantGaramond;
	letter-spacing: 2px;
	margin-bottom: 25px
}
@media screen and (max-width:991px) {
.industryHealthy .imgBox li .text h4.en {
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 400
}
}
@media screen and (max-width:767px) {
.industryHealthy .imgBox li .text h4.en {
	font-size: 12px
}
}
.industryHealthy .imgBox li .text p {
	font-size: 14px;
	line-height: 28px;
	color: #888
}
@media screen and (max-width:767px) {
.industryHealthy .imgBox li .text p {
	font-size: 12px;
	line-height: 24px
}
}
.industryExperience {
	font-size: 0;
	padding: 156px 100px 0
}
@media screen and (max-width:1200px) {
.industryExperience {
	padding: 100px 60px 0
}
}
@media screen and (max-width:991px) {
.industryExperience {
	padding: 90px 30px 0
}
}
@media screen and (max-width:767px) {
.industryExperience {
	padding: 16px 24px 0
}
}
.industryExperience .imgBox {
	text-align: center;
	margin-bottom: 110px
}
@media screen and (max-width:1200px) {
.industryExperience .imgBox {
	margin-bottom: 80px
}
}
@media screen and (max-width:991px) {
.industryExperience .imgBox {
	margin-bottom: 50px
}
}
@media screen and (max-width:767px) {
.industryExperience .imgBox {
	margin-bottom: 0
}
}
.industryExperience .imgBox li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	width: 510px;
	overflow: hidden
}
@media screen and (max-width:1200px) {
.industryExperience .imgBox li {
	width: 35%
}
}
@media screen and (max-width:991px) {
.industryExperience .imgBox li {
	width: calc((100% - 20px) / 2);
	margin: 0
}
.industryExperience .imgBox li:first-of-type {
	margin-right: 20px
}
}
@media screen and (max-width:767px) {
.industryExperience .imgBox li {
	width: 72%;
	margin-bottom: 35px
}
.industryExperience .imgBox li:first-of-type {
	margin-right: 0
}
}
.industryExperience .imgBox li img {
	width: 100%
}
.industryExperience .imgBox li img:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.industryExperience .title {
	color: #444
}
@media screen and (max-width:767px) {
.industryExperience .title {
	padding-left: 20%;
	padding-right: 15px;
	text-align: left
}
}
.industryExperience .wrapper {
	margin-top: 36px
}
@media screen and (max-width:991px) {
.industryExperience .wrapper {
	margin-top: 20px
}
}
@media screen and (max-width:767px) {
.industryExperience .wrapper {
	margin-top: 28px;
	padding-left: 20%;
	padding-right: 15px;
	position: relative
}
.industryExperience .wrapper:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	background-color: #888;
	top: 12px;
	width: 18px;
	left: 10%
}
}
@media screen and (max-width:991px) {
.industryExperience .wrapper .left {
	display: none
}
}
@media screen and (max-width:991px) {
.industryExperience .wrapper .right {
	text-align: center
}
}
@media screen and (max-width:767px) {
.industryExperience .wrapper .right {
	text-align: left
}
}
.industryExperience .wrapper .right li {
	margin-bottom: 20px
}
@media screen and (max-width:767px) {
.industryExperience .wrapper .right li {
	margin-bottom: 12px
}
}
.industryExperience .wrapper .right li p {
	font-size: 14px;
	line-height: 28px;
	color: #888
}
@media screen and (max-width:767px) {
.industryExperience .wrapper .right li p {
	font-size: 12px;
	line-height: 24px
}
}
.industryEcological {
	font-size: 0;
	padding: 143px 100px 88px
}
@media screen and (max-width:1200px) {
.industryEcological {
	padding: 100px 60px 60px
}
}
@media screen and (max-width:991px) {
.industryEcological {
	padding: 90px 30px 0
}
}
@media screen and (max-width:767px) {
.industryEcological {
	padding: 43px 24px 0
}
}
.industryEcological .img {
	margin-bottom: 110px;
	overflow: hidden
}
@media screen and (max-width:991px) {
.industryEcological .img {
	margin-bottom: 50px
}
}
@media screen and (max-width:767px) {
.industryEcological .img {
	margin-bottom: 30px;
	height: 180px;
	position: relative
}
}
.industryEcological .img img {
	width: 100%
}
.industryEcological .img img:hover {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
@media screen and (max-width:560px) {
.industryEcological .img img {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	height: 100%
}
}
.industryEcological .title {
	margin-bottom: 35px;
	color: #444
}
@media screen and (max-width:991px) {
.industryEcological .title {
	margin-bottom: 18px
}
}
@media screen and (max-width:767px) {
.industryEcological .title {
	margin-bottom: 28px;
	padding-left: 20%;
	padding-right: 15px;
	text-align: left
}
}
@media screen and (max-width:767px) {
.industryEcological .wrapper {
	padding-left: 20%;
	padding-right: 15px;
	position: relative
}
.industryEcological .wrapper:after {
	content: "";
	display: inline-block;
	height: 1px;
	position: absolute;
	background-color: #888;
	top: 12px;
	width: 18px;
	left: 10%
}
}
@media screen and (max-width:991px) {
.industryEcological .wrapper .left {
	display: none
}
}
.industryEcological .wrapper .right li {
	margin-bottom: 40px
}
@media screen and (max-width:991px) {
.industryEcological .wrapper .right li {
	margin-bottom: 25px;
	text-align: center
}
}
@media screen and (max-width:767px) {
.industryEcological .wrapper .right li {
	text-align: left
}
}
.industryEcological .wrapper .right li h4 {
	font-size: 20px;
	color: #444;
	font-weight: 700;
	margin-bottom: 5px
}
@media screen and (max-width:991px) {
.industryEcological .wrapper .right li h4 {
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.industryEcological .wrapper .right li h4 {
	font-size: 14px
}
}
.industryEcological .wrapper .right li p {
	font-size: 14px;
	line-height: 25px;
	color: #888;
	font-weight: lighter;
	margin-bottom: 30px
}
@media screen and (max-width:991px) {
.industryEcological .wrapper .right li p {
	margin-bottom: 23px;
	text-align: justify
}
}
@media screen and (max-width:767px) {
.industryEcological .wrapper .right li p {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 16px
}
}
.groupBox {
	padding: 0px 20% 160px
}
@media screen and (max-width:1200px) {
.groupBox {
	padding: 100px 20% 90px
}
}
@media screen and (max-width:991px) {
.groupBox {
	padding: 70px 30px 60px
}
}
@media screen and (max-width:767px) {
.groupBox {
	padding: 45px 24px 60px
}
}
.titleBox {
	text-align: center;
	padding: 0px 20% 0px;
	margin: 0 auto
}
@media screen and (max-width:991px) {
.titleBox {
	padding: 0 30px;
	text-align: center
}
}
@media screen and (max-width:767px) {
.titleBox {
	padding: 0 15px
}
}
.titleBox .title p {
	font-size: 14px
}
@media screen and (max-width:767px) {
.titleBox .title p {
	font-size: 12px
}
}
.titleBox .content {
	margin-top: 45px
}
@media screen and (max-width:991px) {
..titleBox .content {
	margin-top: 30px
}
}
@media screen and (max-width:767px) {
.titleBox .content {
	margin-top: 20px
}
}
.titleBox .content h5 {
	font-size: 20px;
	color: #FFF;
	font-weight: 700;
	margin-bottom: 15px
}
@media screen and (max-width:991px) {
.titleBox .content h5 {
	font-size: 18px
}
}
@media screen and (max-width:767px) {
.titleBox .content h5 {
	font-size: 16px
}
}
.titleBox .content p {
	color: #cbbfb5;
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 25px;
	text-align: justify
}
@media screen and (max-width:991px) {
.titleBox .content p {
	text-align: left
}
}
@media screen and (max-width:767px) {
.titleBox .content p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 14px
}
}
.groupBox .groupList {
	padding-top: 90px
}
@media screen and (max-width:991px) {
.groupBox .groupList {
	display: none;
	margin-top: 75px
}
}
@media screen and (max-width:767px) {
.groupBox .groupList {
	margin-top: 55px
}
}
.groupBox .groupList .groupItem {
	font-size: 0;
	position: relative;
	padding: 80px 0
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem {
	padding: 60px 0
}
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 40px 0
}
}
@media screen and (max-width:767px) {
.groupBox .groupList .groupItem {
	padding: 20px 0
}
}
.groupBox .groupList .groupItem:first-of-type {
	padding-top: 0
}
.groupBox .groupList .groupItem .borderEmp {
	top: 0;
	width: 3px;
	height: 100%;
	background-color: #d7d7d7
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem .borderEmp {
	display: none
}
}
.groupBox .groupList .groupItem .borderEmp:after {
	content: "";
	width: 15px;
	height: 15px;
	background-color: #97c21c;
	border-radius: 50%;
	z-index: 4
}
.groupBox .groupList .groupItem .borderEmp:before {
	content: "";
	width: 29px;
	height: 29px;
	border-radius: 50%;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	z-index: 3
}
.groupBox .groupList .groupItem .textBox {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem .textBox {
	width: 100%;
	margin-top: 26px;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}
}
@media screen and (max-width:767px) {
.groupBox .groupList .groupItem .textBox {
	margin-top: 16px
}
}
.groupBox .groupList .groupItem .textBox .text {
	text-align: center
}
.groupBox .groupList .groupItem .textBox .text h2 {
	font-size: 60px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem .textBox .text h2 {
	font-size: 45px
}
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem .textBox .text h2 {
	font-size: 30px
}
}
@media screen and (max-width:767px) {
.groupBox .groupList .groupItem .textBox .text h2 {
	font-size: 20px;
	margin-bottom: 6px
}
}
.groupBox .groupList .groupItem .textBox .text h4 {
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 2px
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem .textBox .text h4 {
	font-size: 20px
}
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem .textBox .text h4 {
	font-size: 18px
}
}
@media screen and (max-width:767px) {
.groupBox .groupList .groupItem .textBox .text h4 {
	font-size: 14px;
	margin-top: 10px
}
}
.groupBox .groupList .groupItem .textBox .text p {
	font-size: 16px;
	line-height: 30px;
	color: #fff
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem .textBox .text p {
	line-height: 28px
}
}
@media screen and (max-width:767px) {
.groupBox .groupList .groupItem .textBox .text p {
	font-size: 12px;
	line-height: 24px
}
}
.groupBox .groupList .groupItem .textBox .text h5 {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	font-weight: 600;
	margin-top: 8px
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem .textBox .text h5 {
	line-height: 28px
}
}
@media screen and (max-width:767px) {
.groupBox .groupList .groupItem .textBox .text h5 {
	font-size: 12px;
	line-height: 24px
}
}
.groupBox .groupList .groupItem .textBox .text h5:first-of-type {
	margin-top: 0
}
.groupBox .groupList .groupItem .textBox .text .text-content {
	margin-top: 10px;
	font-size: 14px;
	line-height: 26px;
	color: #fff
}
.groupBox .groupList .groupItem .imgBox {
	display: inline-block;
	vertical-align: middle;
	width: 50%
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem .imgBox {
	width: 100%;
	text-align: center;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}
}
.groupBox .groupList .groupItem .imgBox .img {
	position: relative;
	display: inline-block;
	/* width: 67%; */
	text-align: center
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem .imgBox .img {
	width: 75%
}
}
@media screen and (max-width:600px) {
.groupBox .groupList .groupItem .imgBox .img {
	width: 100%
}
}
.groupBox .groupList .groupItem .imgBox .img img {
	width: 300px;
    height: 300px;
    border-radius: 50%;
}
@media screen and (max-width:600px) {
.groupBox .groupList .groupItem .imgBox .img img {
	width: 80%
}
}
.groupBox .groupList .groupItem .imgBox .img:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	
	
	z-index: -1
}
.groupBox .groupList .groupItem:nth-of-type(odd) .textBox {
	padding-left: 10%
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem:nth-of-type(odd) .textBox {
	padding-left: 50px
}
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem:nth-of-type(odd) .textBox {
	padding-left: 0
}
}
.groupBox .groupList .groupItem:nth-of-type(odd) .imgBox {
	padding-left: 20px
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem:nth-of-type(odd) .imgBox {
	padding-left: 0
}
}
.groupBox .groupList .groupItem:nth-of-type(odd) .imgBox .img:after {
	left: -20px
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem:nth-of-type(odd) .imgBox .img:after {
	display: none
}
}
.groupBox .groupList .groupItem:nth-of-type(2n) .textBox {
	padding-right: 10%
}
@media screen and (max-width:1200px) {
.groupBox .groupList .groupItem:nth-of-type(2n) .textBox {
	padding-right: 50px
}
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem:nth-of-type(2n) .textBox {
	padding-right: 0
}
}
.groupBox .groupList .groupItem:nth-of-type(2n) .imgBox {
	padding-right: 20px;
	text-align: right
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem:nth-of-type(2n) .imgBox {
	padding-right: 0;
	text-align: center
}
}
.groupBox .groupList .groupItem:nth-of-type(2n) .imgBox .img:after {
	right: -20px
}
@media screen and (max-width:991px) {
.groupBox .groupList .groupItem:nth-of-type(2n) .imgBox .img:after {
	display: none
}
}
.groupBox .groupBoxWap {
	display: none
}
@media screen and (max-width:991px) {
.groupBox .groupBoxWap {
	display: block
}
}
.groupBox .groupBoxWap .groupNavBox {
	position: relative;
	overflow: hidden;
	padding: 0 15px;
	margin: 82px 0
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupNavBox {
	margin: 56px 0
}
}
.groupBox .groupBoxWap .groupNavBox .swiper-wrapper .swiper-slide p {
	text-align: center;
	font-size: 20px;
	color: #fff
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupNavBox .swiper-wrapper .swiper-slide p {
	font-size: 18px
}
}
.groupBox .groupBoxWap .groupNavBox .swiper-wrapper .swiper-slide.swiper-slide-active p {
	color: #97c21c;
	font-weight: 700
}
.groupBox .groupBoxWap .groupNavBox .swiper-next, .groupBox .groupBoxWap .groupNavBox .swiper-prev {
	display: inline-block;
	z-index: 9;
	font-size: 0
}
.groupBox .groupBoxWap .groupNavBox .swiper-next.swiper-button-disabled, .groupBox .groupBoxWap .groupNavBox .swiper-prev.swiper-button-disabled {
	opacity: .6
}
.groupBox .groupBoxWap .groupNavBox .swiper-next i, .groupBox .groupBoxWap .groupNavBox .swiper-prev i {
	font-size: 30px;
	line-height: 30px;
	color: #000
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupNavBox .swiper-next i, .groupBox .groupBoxWap .groupNavBox .swiper-prev i {
	font-size: 24px;
	line-height: 24px;
	color: #97c21c;
    font-weight: 900;
}
}
.groupBox .groupBoxWap .groupNavBox .swiper-prev {
	left: -5px
}
.groupBox .groupBoxWap .groupNavBox .swiper-next {
	right: -5px
}
.groupBox .groupBoxWap .groupSwiperBox {
	position: relative;
	overflow: hidden
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide {
	text-align: center
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide img {
	width: 280px;
    height: 280px;
    border-radius: 50%;
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text {
	margin-top: 36px;
	padding: 0 30px
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text {
	margin-top: 26px;
	padding: 0 15px
}
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text h2 {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text h2 {
	font-size: 24px;
	margin-bottom: 6px
}
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text h4 {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 2px
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text h4 {
	font-size: 18px;
	margin-top: 10px
}
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text p {
	font-size: 16px;
	line-height: 28px;
	color: #fff
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text p {
	font-size: 16px;
	line-height: 24px
}
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text h5 {
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	font-weight: 600;
	margin-top: 8px
}
@media screen and (max-width:767px) {
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text h5 {
	font-size: 16px;
	line-height: 24px
}
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text h5:first-of-type {
	margin-top: 0
}
.groupBox .groupBoxWap .groupSwiperBox .swiper-wrapper .swiper-slide .text .text-content {
	margin-top: 10px;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	text-align: center
}
.fixedNavBox {
	position: absolute;
	z-index: 9;
	left: 100px;
	top: 40%;
	font-size: 0
}
@media screen and (max-width:1300px) {
.fixedNavBox {
	left: 50px
}
}
@media screen and (max-width:991px) {
.fixedNavBox {
	display: none
}
}
.fixedNavBox.inFixed {
	position: fixed;
	top: 30%
}
.fixedNavBox ul li {
	position: relative;
	cursor: pointer
}
.fixedNavBox ul li:after, .fixedNavBox ul li:before {
	display: inline-block;
	content: "";
	width: 2px;
	height: 7px;
	background-color: #ccc;
	margin-left: 7px
}
.fixedNavBox ul li:first-of-type:before, .fixedNavBox ul li:last-of-type:after {
	display: none
}
.fixedNavBox ul li span {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	width: 16px;
	height: 16px;
	background-color: #ccc
}
.fixedNavBox ul li span:after {
	content: "";
	width: 0;
	height: 0;
	border-radius: 50%;
	border: 10px solid #97c21c;
	visibility: hidden
}
.fixedNavBox ul li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	color: #fff;
	font-weight: 700
}
.fixedNavBox ul li:hover:before {
	margin-bottom: 7px
}
.fixedNavBox ul li:hover:after {
	margin-top: 7px
}
.fixedNavBox ul li:hover:after, .fixedNavBox ul li:hover:before {
	height: 21px
}
.fixedNavBox ul li:hover a {
	color: #97c21c;
	font-size: 16px;
	font-weight: 700
}
.fixedNavBox ul li:hover span:after {
	width: 22px;
	height: 22px;
	visibility: visible
}
.publicBanner {
	margin-top: 25px;
	padding: 0 100px;
	height: 620px;
	position: relative
}
@media screen and (max-width:1200px) {
.publicBanner {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.publicBanner {
	padding: 0 30px;
	margin-top: 0;
	height: 500px
}
}
@media screen and (max-width:767px) {
.publicBanner {
	padding: 0 24px;
	height: 310px
}
}
.publicBanner .img {
	height: 100%;
	background-size: cover;
	background-position: 50%
}
.publicBanner .text {
	color: #fff;
	text-align: center
}
@media screen and (max-width:991px) {
.publicBanner .text {
	width: 80%
}
}
.publicBanner .text p {
	font-size: 26px;
	font-family: CormorantGaramond;
	margin-top: 15px
}
@media screen and (max-width:991px) {
.publicBanner .text p {
	font-size: 20px;
	margin-top: 6px
}
}
@media screen and (max-width:767px) {
.publicBanner .text p {
	font-size: 16px;
	margin-top: 2px
}
}
.publicBox {
	font-size: 0;
	padding: 156px 100px 120px
}
@media screen and (max-width:1200px) {
.publicBox {
	padding: 130px 60px 90px
}
}
@media screen and (max-width:991px) {
.publicBox {
	padding: 84px 30px 60px
}
}
@media screen and (max-width:767px) {
.publicBox {
	padding: 56px 24px 50px
}
}
.publicBox .title {
	margin-bottom: 40px
}
@media screen and (max-width:991px) {
.publicBox .title {
	padding-left: 24%;
	padding-right: 30px;
	text-align: left
}
}
@media screen and (max-width:767px) {
.publicBox .title {
	padding-left: 20%;
	padding-right: 15px;
	margin-bottom: 25px
}
}
@media screen and (max-width:991px) {
.publicBox .wrapper .left {
	display: none
}
}
.publicBox .wrapper .right {
	max-width: 750px
}
@media screen and (max-width:991px) {
.publicBox .wrapper .right {
	max-width: none;
	text-align: left
}
}
.publicBox .wrapper .right li {
	margin-bottom: 30px
}
@media screen and (max-width:767px) {
.publicBox .wrapper .right li {
	margin-bottom: 20px
}
}
.publicBox .wrapper .right li h4 {
	font-size: 20px;
	color: #333;
	font-weight: 700;
	margin-bottom: 18px
}
@media screen and (max-width:991px) {
.publicBox .wrapper .right li h4 {
	padding-left: 24%;
	padding-right: 30px
}
}
@media screen and (max-width:767px) {
.publicBox .wrapper .right li h4 {
	font-size: 14px;
	padding-left: 20%;
	padding-right: 15px;
	margin-bottom: 10px
}
}
.publicBox .wrapper .right li p {
	font-size: 14px;
	line-height: 28px;
	color: #888;
	margin-bottom: 3px
}
@media screen and (max-width:991px) {
.publicBox .wrapper .right li p {
	padding-left: 24%;
	padding-right: 30px;
	position: relative
}
.publicBox .wrapper .right li p:after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 1px;
	position: absolute;
	background-color: #888;
	left: 18%;
	top: 12px
}
.publicBox .wrapper .right li p.en-10:after {
	display: none
}
}
@media screen and (max-width:767px) {
.publicBox .wrapper .right li p {
	padding-left: 20%;
	padding-right: 15px;
	font-size: 12px;
	line-height: 24px
}
.publicBox .wrapper .right li p:after {
	width: 18px;
	left: 10%
}
}
.publicBox .listNum {
	text-align: center;
	margin: 70px 0 100px
}
@media screen and (max-width:1200px) {
.publicBox .listNum {
	margin: 50px 0 80px
}
}
@media screen and (max-width:991px) {
.publicBox .listNum {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 50px 0 60px
}
}
@media screen and (max-width:767px) {
.publicBox .listNum {
	margin: 30px 0 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
}
.publicBox .listNum .numItem {
	display: inline-block;
	margin-right: 12%
}
@media screen and (max-width:1300px) {
.publicBox .listNum .numItem {
	margin-right: 8%
}
}
@media screen and (max-width:991px) {
.publicBox .listNum .numItem {
	margin-right: 0
}
}
@media screen and (max-width:767px) {
.publicBox .listNum .numItem {
	width: 40%;
	margin-bottom: 20px
}
}
.publicBox .listNum .numItem:last-of-type {
	margin-right: 0
}
.publicBox .listNum .numItem div {
	color: #444
}
.publicBox .listNum .numItem div h2 {
	font-size: 100px;
	font-weight: 700;
	display: inline-block
}
@media screen and (max-width:1200px) {
.publicBox .listNum .numItem div h2 {
	font-size: 80px
}
}
@media screen and (max-width:991px) {
.publicBox .listNum .numItem div h2 {
	font-size: 40px
}
}
.publicBox .listNum .numItem div span {
	font-size: 20px
}
@media screen and (max-width:1200px) {
.publicBox .listNum .numItem div span {
	font-size: 18px
}
}
@media screen and (max-width:991px) {
.publicBox .listNum .numItem div span {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.publicBox .listNum .numItem div span {
	font-size: 12px
}
}
.publicBox .listNum .numItem p {
	font-size: 16px;
	color: #666
}
@media screen and (max-width:991px) {
.publicBox .listNum .numItem p {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.publicBox .listNum .numItem p {
	font-size: 12px
}
}
.productsBox {
	font-size: 0;
	padding: 0 100px 15px
}
@media screen and (max-width:1200px) {
.productsBox {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.productsBox {
	padding: 70px 30px 30px
}
}
@media screen and (max-width:767px) {
.productsBox {
	padding: 45px 24px 20px
}
}
.productsBox .title {
	text-align: center;
	margin: 95px 0
}
@media screen and (max-width:1200px) {
.productsBox .title {
	margin: 65px 0
}
}
@media screen and (max-width:991px) {
.productsBox .title {
	margin: 0 0 40px
}
}
@media screen and (max-width:767px) {
.productsBox .title {
	margin-bottom: 30px
}
}
.productsBox .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.productsBox .title p {
	font-size: 12px
}
}
.productsBox .listBox {
	margin-bottom: 30px
}
@media screen and (max-width:767px) {
.productsBox .listBox {
	margin-bottom: 20px
}
}
.productsBox .listBox .listItem {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 100px) /3);
	margin-bottom: 65px
}
@media screen and (max-width:1200px) {
.productsBox .listBox .listItem {
	width: calc((100% - 60px) / 3);
	margin-bottom: 50px
}
}
@media screen and (max-width:991px) {
.productsBox .listBox .listItem {
	width: calc((100% - 30px) / 2);
	margin-bottom: 45px
}
}
@media screen and (max-width:620px) {
.productsBox .listBox .listItem {
	width: 100%;
	margin-bottom: 30px
}
}
.productsBox .listBox .listItem:nth-of-type(3n-1) {
	margin-left: 50px;
	margin-right: 50px
}
@media screen and (max-width:1200px) {
.productsBox .listBox .listItem:nth-of-type(3n-1) {
	margin-left: 30px;
	margin-right: 30px
}
}
@media screen and (max-width:991px) {
.productsBox .listBox .listItem:nth-of-type(3n-1) {
	margin-left: 0;
	margin-right: 0
}
}
@media screen and (max-width:991px) {
.productsBox .listBox .listItem:nth-of-type(odd) {
	margin-right: 30px
}
}
@media screen and (max-width:620px) {
.productsBox .listBox .listItem:nth-of-type(odd) {
	margin-right: 0
}
}
.productsBox .listBox .listItem a .img {
	width: 100%;
	overflow: hidden;
	border-radius: 20px
}
.productsBox .listBox .listItem a .img img {
	width: 100%
}
.productsBox .listBox .listItem a .text {
	margin-top: 32px
}
@media screen and (max-width:1200px) {
.productsBox .listBox .listItem a .text {
	margin-top: 26px
}
}
@media screen and (max-width:991px) {
.productsBox .listBox .listItem a .text {
	margin-top: 20px
}
}
@media screen and (max-width:620px) {
.productsBox .listBox .listItem a .text {
	text-align: center;
	margin-top: 14px
}
}
.productsBox .listBox .listItem a .text h4 {
	font-size: 18px;
	color: #444;
	font-weight: 700
}
@media screen and (max-width:991px) {
.productsBox .listBox .listItem a .text h4 {
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.productsBox .listBox .listItem a .text h4 {
	font-size: 14px
}
}
.productsBox .listBox .listItem a .text p {
	font-size: 12px;
	color: #444;
	margin-top: 4px
}
.productsBox .listBox .listItem:hover a .img img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.lifeBox {
	font-size: 0;
	padding: 0 100px 10px
}
@media screen and (max-width:1200px) {
.lifeBox {
	padding: 0 60px 10px
}
}
@media screen and (max-width:991px) {
.lifeBox {
	padding: 70px 30px 30px
}
}
@media screen and (max-width:767px) {
.lifeBox {
	padding: 45px 24px 20px
}
}
.lifeBox .title {
	text-align: center;
	margin: 95px 0
}
@media screen and (max-width:1200px) {
.lifeBox .title {
	margin: 65px 0
}
}
@media screen and (max-width:991px) {
.lifeBox .title {
	margin: 0 0 40px
}
}
@media screen and (max-width:767px) {
.lifeBox .title {
	margin-bottom: 26px
}
}
.lifeBox .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.lifeBox .title p {
	font-size: 12px
}
}
.lifeBox .listBox {
	margin-bottom: 90px
}
@media screen and (max-width:1200px) {
.lifeBox .listBox {
	margin-bottom: 60px
}
}
@media screen and (max-width:991px) {
.lifeBox .listBox {
	margin-bottom: 40px
}
}
.lifeBox .listBox .listItem {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 23px) / 2);
	margin-bottom: 23px
}
@media screen and (max-width:991px) {
.lifeBox .listBox .listItem {
	width: 100%;
	margin-bottom: 30px
}
}
@media screen and (max-width:767px) {
.lifeBox .listBox .listItem {
	margin-bottom: 25px
}
}
.lifeBox .listBox .listItem .img {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	overflow: hidden
}
@media screen and (max-width:660px) {
.lifeBox .listBox .listItem .img {
	width: 100%
}
}
.lifeBox .listBox .listItem .img img {
	width: 100%
}
.lifeBox .listBox .listItem .text {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%;
	background-color: #fafafa
}
@media screen and (max-width:660px) {
.lifeBox .listBox .listItem .text {
	width: 100%;
	position: static;
	height: auto;
	padding: 15px 10px 25px
}
}
.lifeBox .listBox .listItem .text .wrapper {
	width: 85%;
	text-align: center
}
@media screen and (max-width:660px) {
.lifeBox .listBox .listItem .text .wrapper {
	position: static;
	-webkit-transform: none;
	transform: none;
	width: 100%
}
}
.lifeBox .listBox .listItem .text .wrapper a p {
	font-size: 12px;
	color: #666;
	font-family: CormorantGaramond
}
.lifeBox .listBox .listItem .text .wrapper a h4 {
	font-size: 20px;
	font-weight: 700;
	color: #444;
	margin-bottom: 32px;
	margin-top: 10px
}
@media screen and (max-width:1400px) {
.lifeBox .listBox .listItem .text .wrapper a h4 {
	margin-top: 8px;
	margin-bottom: 20px;
	font-size: 18px
}
}
@media screen and (max-width:1200px) {
.lifeBox .listBox .listItem .text .wrapper a h4 {
	margin-top: 5px;
	margin-bottom: 12px
}
}
@media screen and (max-width:767px) {
.lifeBox .listBox .listItem .text .wrapper a h4 {
	font-size: 16px
}
}
.lifeBox .listBox .listItem .text .wrapper a div span {
	display: inline-block;
	vertical-align: middle;
	color: #444;
	font-size: 12px;
	font-family: CormorantGaramond;
	margin-right: 8px
}
.lifeBox .listBox .listItem .text .wrapper a div img {
	display: inline-block;
	vertical-align: middle
}
.lifeBox .listBox .listItem:nth-of-type(odd) {
	margin-right: 23px
}
@media screen and (max-width:991px) {
.lifeBox .listBox .listItem:nth-of-type(odd) {
	margin-right: 0
}
}
@media screen and (min-width:992px) {
.lifeBox .listBox .listItem:nth-of-type(4n+1), .lifeBox .listBox .listItem:nth-of-type(4n+2) {
	text-align: left
}
.lifeBox .listBox .listItem:nth-of-type(4n+1) .text, .lifeBox .listBox .listItem:nth-of-type(4n+2) .text {
	right: 0
}
.lifeBox .listBox .listItem:nth-of-type(4n+1) .text:after, .lifeBox .listBox .listItem:nth-of-type(4n+2) .text:after {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	z-index: 6;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 20px solid #e2e6d8;
	border-bottom: 15px solid transparent;
	opacity: 0
}
}
@media screen and (min-width:992px) {
.lifeBox .listBox .listItem:nth-of-type(4n), .lifeBox .listBox .listItem:nth-of-type(4n-1) {
	text-align: right
}
.lifeBox .listBox .listItem:nth-of-type(4n) .text, .lifeBox .listBox .listItem:nth-of-type(4n-1) .text {
	left: 0
}
.lifeBox .listBox .listItem:nth-of-type(4n) .text:after, .lifeBox .listBox .listItem:nth-of-type(4n-1) .text:after {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
	z-index: 6;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 20px solid #e2e6d8;
	border-bottom: 15px solid transparent;
	opacity: 0
}
}
.lifeBox .listBox .listItem:hover .text {
	background-color: #e2e6d8
}
.lifeBox .listBox .listItem:hover .text:after {
	opacity: 1
}
.lifeBox .listBox .listItem:hover .img img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.xueweiBox {
	font-size: 0;
	padding: 0 100px 130px
}
@media screen and (max-width:1200px) {
.xueweiBox {
	padding: 0 60px 100px
}
}
@media screen and (max-width:991px) {
.xueweiBox {
	padding: 70px 30px 60px
}
}
@media screen and (max-width:767px) {
.xueweiBox {
	padding: 45px 24px 40px
}
}
.xueweiBox .title {
	text-align: center;
	margin: 100px 0
}
@media screen and (max-width:1200px) {
.xueweiBox .title {
	margin: 70px 0
}
}
@media screen and (max-width:991px) {
.xueweiBox .title {
	margin: 0 0 40px
}
}
@media screen and (max-width:767px) {
.xueweiBox .title {
	margin-bottom: 30px
}
}
.xueweiBox .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.xueweiBox .title p {
	font-size: 12px
}
}
.xueweiBox .listBox {
	text-align: center
}
.xueweiBox .listBox .listItem {
	display: inline-block;
	vertical-align: top;
	width: 248px;
	margin: 0 50px
}
@media screen and (max-width:991px) {
.xueweiBox .listBox .listItem {
	margin: 0 15px
}
}
@media screen and (max-width:767px) {
.xueweiBox .listBox .listItem {
	margin: 0 10px 30px;
	width: 80%;
	max-width: 200px
}
}
.xueweiBox .listBox .listItem img {
	width: 100%
}
.xueweiBox .listBox .listItem p {
	font-size: 20px;
	color: #444;
	font-weight: 700;
	margin-top: 32px
}
@media screen and (max-width:991px) {
.xueweiBox .listBox .listItem p {
	font-size: 18px;
	margin-top: 20px
}
}
@media screen and (max-width:767px) {
.xueweiBox .listBox .listItem p {
	font-size: 16px;
	margin-top: 14px
}
}
.productxqBanner {
	padding: 0 100px;
	height: 620px;
	position: relative;
	font-size: 0;
	margin-top: 25px
}
@media screen and (max-width:1200px) {
.productxqBanner {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.productxqBanner {
	padding: 0 30px;
	height: auto
}
}
@media screen and (max-width:767px) {
.productxqBanner {
	padding: 0 24px
}
}
.productxqBanner .bannerSwiper {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: relative
}
@media screen and (max-width:991px) {
.productxqBanner .bannerSwiper {
	width: 100%;
	height: 460px
}
}
@media screen and (max-width:767px) {
.productxqBanner .bannerSwiper {
	height: 320px
}
}
.productxqBanner .bannerSwiper .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: 50%
}
.productxqBanner .bannerSwiper .swiper-pagination {
	bottom: 20px
}
.productxqBanner .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
	background-color: #fff;
	opacity: .5;
	margin: 0 10px
}
.productxqBanner .bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1
}
.productxqBanner .textBox {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 100%;
	position: relative;
	background-color: #fafaf9
}
@media screen and (max-width:991px) {
.productxqBanner .textBox {
	width: 100%;
	height: auto;
	padding: 30px 20px 50px
}
}
@media screen and (max-width:767px) {
.productxqBanner .textBox {
	padding: 30px 15px 40px
}
}
.productxqBanner .textBox .wrapper {
	width: 70%
}
@media screen and (max-width:1500px) {
.productxqBanner .textBox .wrapper {
	width: 85%
}
}
@media screen and (max-width:991px) {
.productxqBanner .textBox .wrapper {
	position: static;
	-webkit-transform: none;
	transform: none;
	width: 100%
}
}
.productxqBanner .textBox .wrapper .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.productxqBanner .textBox .wrapper .title p {
	font-size: 12px
}
}
.productxqBanner .textBox .wrapper .title h4 {
	margin-top: 5px;
	font-size: 22px;
	color: #000;
	font-weight: 700
}
@media screen and (max-width:991px) {
.productxqBanner .textBox .wrapper .title h4 {
	font-size: 18px;
	margin-top: 10px
}
}
@media screen and (max-width:767px) {
.productxqBanner .textBox .wrapper .title h4 {
	margin-top: 8px;
	font-size: 16px
}
}
.productxqBanner .textBox .wrapper span {
	font-size: 16px;
	color: #444;
	font-weight: 700;
	display: block;
	margin-top: 40px
}
@media screen and (max-width:991px) {
.productxqBanner .textBox .wrapper span {
	margin-top: 30px
}
}
@media screen and (max-width:767px) {
.productxqBanner .textBox .wrapper span {
	font-size: 14px;
	margin-top: 20px
}
}
.productxqBanner .textBox .wrapper a {
	display: inline-block;
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
	font-size: 18px;
	text-align: center;
	padding: 14px 114px;
	border-radius: 30px;
	margin-top: 56px
}
.productxqBanner .textBox .wrapper a:hover {
	color: #000;
	background-color: #fff
}
@media screen and (max-width:1300px) {
.productxqBanner .textBox .wrapper a {
	padding: 12px 80px
}
}
@media screen and (max-width:991px) {
.productxqBanner .textBox .wrapper a {
	font-size: 14px;
	padding: 10px 50px;
	margin-top: 40px
}
}
@media screen and (max-width:767px) {
.productxqBanner .textBox .wrapper a {
	font-size: 12px;
	padding: 10px 40px;
	margin-top: 35px
}
}
.productxqText {
	padding: 0 100px 120px;
	text-align: center;
	font-size: 14px;
	line-height: 26px;
	color: #888
}
@media screen and (max-width:1200px) {
.productxqText {
	padding: 0 60px 100px
}
}
@media screen and (max-width:991px) {
.productxqText {
	padding: 0 30px 80px
}
}
@media screen and (max-width:767px) {
.productxqText {
	padding: 0 24px 60px
}
}
.productxqText .wrapper {
	max-width: 880px;
	margin: 130px 0 50px;
	display: inline-block;
	text-align: left
}
@media screen and (max-width:1500px) {
.productxqText .wrapper {
	margin: 100px 0 50px
}
}
@media screen and (max-width:1200px) {
.productxqText .wrapper {
	margin: 80px 0 50px
}
}
@media screen and (max-width:991px) {
.productxqText .wrapper {
	width: 100%;
	margin: 60px 0 30px
}
}
@media screen and (max-width:767px) {
.productxqText .wrapper {
	margin: 40px 0 20px
}
}
.productxqText .wrapper h4 {
	font-size: 22px;
	color: #000;
	font-weight: 700;
	margin-bottom: 16px
}
@media screen and (max-width:991px) {
.productxqText .wrapper h4 {
	font-size: 18px;
	margin-bottom: 10px
}
}
@media screen and (max-width:767px) {
.productxqText .wrapper h4 {
	font-size: 16px;
	margin-bottom: 8px
}
}
.productxqText .wrapper p {
	font-size: 14px;
	line-height: 26px;
	color: #888;
	font-weight: lighter;
	margin-bottom: 4px
}
@media screen and (max-width:767px) {
.productxqText .wrapper p {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 2px
}
}
.productxqText img {
	width: auto;
	max-width: 100%;
	margin-bottom: 20px
}
.productxqBox {
	padding: 0 100px;
	text-align: center
}
@media screen and (max-width:1200px) {
.productxqBox {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.productxqBox {
	padding: 0 30px
}
}
@media screen and (max-width:767px) {
.productxqBox {
	padding: 0 24px
}
}
.productxqBox img {
	margin: 80px 0;
	max-width: 100%
}
@media screen and (max-width:1500px) {
.productxqBox img {
	margin: 50px 0
}
}
@media screen and (max-width:1200px) {
.productxqBox img {
	margin: 35px 0
}
}
@media screen and (max-width:991px) {
.productxqBox img {
	margin: 20px 0
}
}
@media screen and (max-width:767px) {
.productxqBox img {
	margin: 10px 0
}
}
.productxqBottom {
	margin-top: 80px;
	margin-bottom: 150px;
	padding: 0 100px;
	font-size: 0
}
@media screen and (max-width:1500px) {
.productxqBottom {
	margin-top: 50px
}
}
@media screen and (max-width:1200px) {
.productxqBottom {
	padding: 0 60px;
	margin-top: 35px;
	margin-bottom: 80px
}
}
@media screen and (max-width:991px) {
.productxqBottom {
	padding: 0 30px
}
}
@media screen and (max-width:767px) {
.productxqBottom {
	padding: 0 24px;
	margin-top: 20px
}
}
.productxqBottom .title {
	text-align: center;
	margin-bottom: 60px
}
@media screen and (max-width:991px) {
.productxqBottom .title {
	margin-bottom: 30px
}
}
@media screen and (max-width:767px) {
.productxqBottom .title {
	margin-bottom: 20px
}
}
.productxqBottom .title span {
	display: inline-block;
	width: 28px;
	height: 1px;
	background-color: #000;
	margin-top: 20px
}
@media screen and (max-width:991px) {
.productxqBottom .title span {
	margin-top: 10px
}
}
@media screen and (max-width:767px) {
.productxqBottom .title span {
	margin-top: 6px
}
}
.productxqBottom img {
	width: 100%
}
.newsBox {
	font-size: 0;
	padding: 0 100px 10px
}
@media screen and (max-width:1200px) {
.newsBox {
	padding: 0 60px 10px
}
}
@media screen and (max-width:991px) {
.newsBox {
	padding: 70px 30px 10px
}
}
@media screen and (max-width:767px) {
.newsBox {
	padding: 45px 24px 10px
}
}
.newsBox .title {
	text-align: center;
	margin: 95px 0 64px
}
@media screen and (max-width:1200px) {
.newsBox .title {
	margin: 65px 0 40px
}
}
@media screen and (max-width:991px) {
.newsBox .title {
	margin: 0 0 40px
}
}
@media screen and (max-width:767px) {
.newsBox .title {
	margin-bottom: 30px
}
}
.newsBox .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.newsBox .title p {
	font-size: 12px
}
}
.newsBox .navBox {
	text-align: center;
	margin-bottom: 80px
}
@media screen and (max-width:1200px) {
.newsBox .navBox {
	margin-bottom: 60px
}
}
@media screen and (max-width:991px) {
.newsBox .navBox {
	margin-bottom: 45px
}
}
@media screen and (max-width:767px) {
.newsBox .navBox {
	margin-bottom: 30px
}
}
.newsBox .navBox li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 22px;
	cursor: pointer
}
.newsBox .navBox li img {
	display: none;
	vertical-align: middle
}
.newsBox .navBox li a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 26px;
	color: #444;
	padding: 0 10px;
	position: relative;
	margin: 0 3px
}
.newsBox .navBox li a:after {
	content: "";
	height: 1px;
	width: 0;
	background-color: #000;
	bottom: 0
}
.newsBox .navBox li.active img {
	display: inline-block
}
.newsBox .navBox li.active a:after, .newsBox .navBox li:hover a:after {
	width: 100%
}
.newsBox .newsListBox {
	display: none
}
.newsBox .newsListBox.active {
	display: block
}
.newsBox .videoListBox {
	display: none
}
.newsBox .videoListBox.active {
	display: block
}
@media screen and (max-width:991px) {
.newsBox .listBox {
	margin-bottom: 50px
}
}
@media screen and (max-width:767px) {
.newsBox .listBox {
	margin-bottom: 30px
}
}
.newsBox .listBox .listItem {
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 100px) /3);
	margin-bottom: 90px
}
@media screen and (max-width:1200px) {
.newsBox .listBox .listItem {
	width: calc((100% - 60px) / 3);
	margin-bottom: 60px
}
}
@media screen and (max-width:991px) {
.newsBox .listBox .listItem {
	width: calc((100% - 30px) / 2);
	margin-bottom: 50px
}
}
@media screen and (max-width:620px) {
.newsBox .listBox .listItem {
	width: 100%;
	margin-bottom: 35px
}
}
.newsBox .listBox .listItem:nth-of-type(3n-1) {
	margin-left: 50px;
	margin-right: 50px
}
@media screen and (max-width:1200px) {
.newsBox .listBox .listItem:nth-of-type(3n-1) {
	margin-left: 30px;
	margin-right: 30px
}
}
@media screen and (max-width:991px) {
.newsBox .listBox .listItem:nth-of-type(3n-1) {
	margin-left: 0;
	margin-right: 0
}
}
@media screen and (max-width:991px) {
.newsBox .listBox .listItem:nth-of-type(odd) {
	margin-right: 30px
}
}
@media screen and (max-width:620px) {
.newsBox .listBox .listItem:nth-of-type(odd) {
	margin-right: 0
}
}
.newsBox .listBox .listItem a .imgBox {
	overflow: hidden;
	position: relative;
	border-radius: 20px
}
@media screen and (max-width:767px) {
.newsBox .listBox .listItem a .imgBox {
	border-radius: 6px
}
}
.newsBox .listBox .listItem a .imgBox .img {
	width: 100%
}
.newsBox .listBox .listItem a .imgBox .videoBtn {
	cursor: pointer;
	width: 75px
}
@media screen and (max-width:1200px) {
.newsBox .listBox .listItem a .imgBox .videoBtn {
	width: 60px
}
}
@media screen and (max-width:767px) {
.newsBox .listBox .listItem a .imgBox .videoBtn {
	width: 50px
}
}
.newsBox .listBox .listItem a .imgBox .videoBtn:hover {
	width: 60px
}
@media screen and (max-width:1200px) {
.newsBox .listBox .listItem a .imgBox .videoBtn:hover {
	width: 45px
}
}
@media screen and (max-width:767px) {
.newsBox .listBox .listItem a .imgBox .videoBtn:hover {
	width: 35px
}
}
.newsBox .listBox .listItem a .text {
	text-align: center;
	margin-top: 33px
}
@media screen and (max-width:1200px) {
.newsBox .listBox .listItem a .text {
	margin-top: 24px
}
}
@media screen and (max-width:991px) {
.newsBox .listBox .listItem a .text {
	margin-top: 20px
}
}
@media screen and (max-width:767px) {
.newsBox .listBox .listItem a .text {
	margin-top: 16px
}
}
.newsBox .listBox .listItem a .text p {
	color: #444;
	font-size: 12px;
	font-family: CormorantGaramond
}
.newsBox .listBox .listItem a .text h3 {
	font-size: 18px;
	color: #444;
	margin-top: 16px;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
@media screen and (max-width:1200px) {
.newsBox .listBox .listItem a .text h3 {
	font-size: 16px;
	margin-top: 10px
}
}
@media screen and (max-width:991px) {
.newsBox .listBox .listItem a .text h3 {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.newsBox .listBox .listItem a .text h3 {
	margin-top: 8px
}
}
.newsBox .listBox .listItem a .text span {
	margin-top: 36px;
	font-size: 12px;
	display: inline-block;
	width: 60px;
	height: 18px;
	line-height: 18px;
	background-color: #000;
	color: #fff;
	font-family: CormorantGaramond
}
@media screen and (max-width:1200px) {
.newsBox .listBox .listItem a .text span {
	margin-top: 18px
}
}
.newsBox .listBox .listItem:hover a .imgBox .img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04)
}
.newsBox h2 {
	display: none;
	font-size: 20px;
	margin-bottom: 80px;
	text-align: center
}
@media screen and (max-width:991px) {
.newsBox h2 {
	font-size: 16px;
	margin-bottom: 60px
}
}
.shopBanner {
	margin-top: 25px;
	padding: 0 100px;
	height: 620px;
	position: relative
}
@media screen and (max-width:1200px) {
.shopBanner {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.shopBanner {
	margin-top: 0;
	padding: 0 30px;
	height: 500px
}
}
@media screen and (max-width:767px) {
.shopBanner {
	padding: 0 24px;
	height: 310px
}
}
.shopBanner .img {
	height: 100%;
	background-size: cover;
	background-position: 50%
}
.shopBox {
	font-size: 0;
	margin: 85px auto 123px;
	width: 1370px;
	text-align: center
}
@media screen and (max-width:1600px) {
.shopBox {
	width: 80%
}
}
@media screen and (max-width:991px) {
.shopBox {
	width: 100%;
	padding: 0 30px
}
}
@media screen and (max-width:767px) {
.shopBox {
	padding: 0 24px;
	margin-top: 56px;
	margin-bottom: 100px
}
}
.shopBox .title {
	margin-bottom: 40px
}
@media screen and (max-width:991px) {
.shopBox .title {
	margin-bottom: 36px
}
}
@media screen and (max-width:767px) {
.shopBox .title {
	margin-bottom: 26px
}
}
.shopBox .wrapper {
	background-color: #fbfbf7;
	padding: 100px 0 40px
}
@media screen and (max-width:1300px) {
.shopBox .wrapper {
	padding: 80px 0 40px
}
}
@media screen and (max-width:991px) {
.shopBox .wrapper {
	padding: 50px 0 10px
}
}
.shopBox .wrapper ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 60px;
	text-align: left
}
@media screen and (max-width:1300px) {
.shopBox .wrapper ul li {
	padding: 0 35px
}
}
@media screen and (max-width:991px) {
.shopBox .wrapper ul li {
	display: block;
	padding: 0;
	text-align: center;
	margin-bottom: 30px
}
}
@media screen and (max-width:767px) {
.shopBox .wrapper ul li {
	margin-bottom: 20px
}
}
.shopBox .wrapper ul li:first-of-type {
	border-right: 1px dashed rgba(0,0,0,.2)
}
@media screen and (max-width:991px) {
.shopBox .wrapper ul li:first-of-type {
	border-right: none
}
}
.shopBox .wrapper ul li img {
	display: inline-block;
	vertical-align: middle;
	width: 125px
}
@media screen and (max-width:767px) {
.shopBox .wrapper ul li img {
	width: 100px
}
}
.shopBox .wrapper ul li div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px
}
@media screen and (max-width:1300px) {
.shopBox .wrapper ul li div {
	margin-left: 15px
}
}
@media screen and (max-width:991px) {
.shopBox .wrapper ul li div {
	text-align: left;
	margin-left: 30px
}
}
@media screen and (max-width:767px) {
.shopBox .wrapper ul li div {
	margin-left: 20px
}
}
.shopBox .wrapper ul li div p {
	font-size: 16px;
	font-weight: 700;
	color: #444;
	margin-bottom: 4px
}
@media screen and (max-width:767px) {
.shopBox .wrapper ul li div p {
	font-size: 14px;
	margin-bottom: 2px
}
}
.shopBox .wrapper ul li div a {
	font-size: 14px;
	color: #666;
	font-weight: lighter
}
@media screen and (max-width:767px) {
.shopBox .wrapper ul li div a {
	font-size: 12px
}
}
.shopBox .wrapper .text {
	padding: 60px 0
}
@media screen and (max-width:1300px) {
.shopBox .wrapper .text {
	padding: 40px 0
}
}
@media screen and (max-width:767px) {
.shopBox .wrapper .text {
	padding-top: 20px
}
}
.shopBox .wrapper .text h5 {
	font-size: 18px;
	color: #444;
	font-weight: 700;
	margin-bottom: 12px
}
@media screen and (max-width:767px) {
.shopBox .wrapper .text h5 {
	font-size: 16px;
	margin-bottom: 10px
}
}
.shopBox .wrapper .text p {
	color: #444;
	font-size: 14px;
	line-height: 26px;
	font-weight: lighter
}
@media screen and (max-width:767px) {
.shopBox .wrapper .text p {
	font-size: 12px;
	line-height: 22px
}
}
.queryBox {
	font-size: 0;
	text-align: center;
	margin-bottom: 80px
}
@media screen and (max-width:991px) {
.queryBox {
	padding: 70px 30px 0
}
}
@media screen and (max-width:767px) {
.queryBox {
	padding: 45px 24px 0;
	margin-bottom: 70px
}
}
.queryBox .title {
	text-align: center;
	margin: 100px 0 84px
}
@media screen and (max-width:1200px) {
.queryBox .title {
	margin: 70px 0 54px
}
}
@media screen and (max-width:991px) {
.queryBox .title {
	margin: 0 0 40px
}
}
@media screen and (max-width:767px) {
.queryBox .title {
	margin-bottom: 30px
}
}
.queryBox .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.queryBox .title p {
	font-size: 12px
}
}
.queryBox .navBox {
	text-align: center
}
@media screen and (max-width:991px) {
.queryBox .navBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
}
.queryBox .navBox .navItem {
	display: inline-block;
	vertical-align: top;
	width: 375px;
	height: 70px;
	line-height: 70px;
	margin: 0 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	background-color: #fafaf9;
	cursor: pointer;
	border-radius: 10px
}
@media screen and (max-width:1400px) {
.queryBox .navBox .navItem {
	width: 260px;
	margin: 0 15px;
	height: 60px;
	line-height: 60px
}
}
@media screen and (max-width:991px) {
.queryBox .navBox .navItem {
	width: 30%;
	margin: 0;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	border-radius: 2px
}
}
@media screen and (max-width:767px) {
.queryBox .navBox .navItem {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 32%
}
}
.queryBox .navBox .navItem.active, .queryBox .navBox .navItem:hover {
	color: #fff;
	background-color: #97c21c
}
.queryBox .checkBox {
	display: none
}
.queryBox .checkBox.active {
	display: block
}
.queryBox .checkBox .checkTitle {
	margin-top: 126px;
	margin-bottom: 96px
}
@media screen and (max-width:1200px) {
.queryBox .checkBox .checkTitle {
	margin-top: 90px;
	margin-bottom: 70px
}
}
@media screen and (max-width:991px) {
.queryBox .checkBox .checkTitle {
	margin-top: 70px;
	margin-bottom: 50px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .checkTitle {
	margin-top: 60px;
	margin-bottom: 40px
}
}
.queryBox .checkBox .checkTitle h4 {
	font-size: 26px;
	color: #444;
	font-weight: 700;
	margin-bottom: 24px
}
@media screen and (max-width:991px) {
.queryBox .checkBox .checkTitle h4 {
	font-size: 20px;
	margin-bottom: 16px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .checkTitle h4 {
	font-size: 16px;
	margin-bottom: 10px
}
}
.queryBox .checkBox .checkTitle p {
	font-size: 16px;
	color: #666;
	margin-top: 24px
}
@media screen and (max-width:991px) {
.queryBox .checkBox .checkTitle p {
	margin-top: 10px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .checkTitle p {
	font-size: 13px;
	margin-top: 6px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .checkTitle ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
}
.queryBox .checkBox .checkTitle ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	cursor: pointer
}
@media screen and (max-width:767px) {
.queryBox .checkBox .checkTitle ul li {
	margin: 0
}
}
.queryBox .checkBox .checkTitle ul li img {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	display: none
}
@media screen and (max-width:767px) {
.queryBox .checkBox .checkTitle ul li img {
	width: 16px
}
}
.queryBox .checkBox .checkTitle ul li span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #666;
	padding: 2px 10px;
	position: relative;
	margin-left: 5px
}
@media screen and (max-width:767px) {
.queryBox .checkBox .checkTitle ul li span {
	font-size: 14px;
	padding: 2px 5px;
	margin-left: 3px
}
}
.queryBox .checkBox .checkTitle ul li span:after {
	bottom: 0;
	content: "";
	height: 1px;
	background-color: #000;
	width: 0
}
.queryBox .checkBox .checkTitle ul li.active img {
	display: inline-block
}
.queryBox .checkBox .checkTitle ul li.active span:after, .queryBox .checkBox .checkTitle ul li:hover span:after {
	width: 100%
}
.queryBox .checkBox .inputBox {
	width: 780px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto 50px;
	display: none
}
.queryBox .checkBox .inputBox.active {
	display: block
}
@media screen and (max-width:991px) {
.queryBox .checkBox .inputBox {
	width: 70%;
	height: 60px;
	line-height: 60px;
	margin-bottom: 45px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .inputBox {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 35px
}
}
.queryBox .checkBox .inputBox input {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: calc(100% - 184px);
	border-color: #97c21c;
	font-size: 16px;
	color: #666;
	padding: 0 32px
}
@media screen and (max-width:1200px) {
.queryBox .checkBox .inputBox input {
	width: calc(100% - 140px)
}
}
@media screen and (max-width:991px) {
.queryBox .checkBox .inputBox input {
	width: calc(100% - 120px);
	padding: 0 20px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .inputBox input {
	width: calc(100% - 90px);
	font-size: 12px;
	padding: 0 15px
}
}
.queryBox .checkBox .inputBox span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	color: #fff;
	text-align: center;
	height: 100%;
	width: 184px;
	background-color: #97c21c;
	cursor: pointer
}
@media screen and (max-width:1200px) {
.queryBox .checkBox .inputBox span {
	width: 140px
}
}
@media screen and (max-width:991px) {
.queryBox .checkBox .inputBox span {
	width: 120px;
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .inputBox span {
	font-size: 14px;
	width: 90px
}
}
.queryBox .checkBox .inputBox span:hover {
	background-color: #000
}
.queryBox .checkBox .result p {
	font-size: 16px
}
@media screen and (max-width:767px) {
.queryBox .checkBox .result p {
	font-size: 14px
}
}
.queryBox .checkBox .result .resultBox .left {
	display: inline-block;
	vertical-align: middle;
	margin-right: 50px
}
@media screen and (max-width:991px) {
.queryBox .checkBox .result .resultBox .left {
	margin-right: 30px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .result .resultBox .left {
	margin-right: 0;
	margin-bottom: 25px
}
}
.queryBox .checkBox .result .resultBox .left img {
	width: 320px
}
@media screen and (max-width:767px) {
.queryBox .checkBox .result .resultBox .left img {
	width: 100%
}
}
.queryBox .checkBox .result .resultBox .right {
	display: inline-block;
	vertical-align: middle
}
@media screen and (max-width:767px) {
.queryBox .checkBox .result .resultBox .right {
	width: 100%
}
}
.queryBox .checkBox .result .resultBox .right li {
	text-align: left;
	margin-bottom: 25px
}
@media screen and (max-width:991px) {
.queryBox .checkBox .result .resultBox .right li {
	margin-bottom: 16px
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .result .resultBox .right li {
	margin-bottom: 10px
}
}
.queryBox .checkBox .result .resultBox .right li h5 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle
}
@media screen and (max-width:991px) {
.queryBox .checkBox .result .resultBox .right li h5 {
	font-size: 14px
}
}
.queryBox .checkBox .result .resultBox .right li span {
	font-size: 18px;
	color: #000;
	display: inline-block;
	vertical-align: middle
}
@media screen and (max-width:991px) {
.queryBox .checkBox .result .resultBox .right li span {
	font-size: 14px
}
}
.queryBox .checkBox .result .authorBox {
	text-align: left;
	width: 780px;
	margin: 0 auto
}
@media screen and (max-width:991px) {
.queryBox .checkBox .result .authorBox {
	width: 100%
}
}
.queryBox .checkBox .result .authorBox p {
	margin-bottom: 8px;
	font-size: 18px
}
@media screen and (max-width:767px) {
.queryBox .checkBox .result .authorBox p {
	font-size: 14px;
	margin-bottom: 5px
}
}
.queryBox .checkBox .img {
	margin-top: 60px
}
@media screen and (max-width:991px) {
.queryBox .checkBox .img {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
}
@media screen and (max-width:767px) {
.queryBox .checkBox .img {
	margin-top: 40px
}
}
.queryBox .checkBox .img div {
	display: inline-block;
	vertical-align: top;
	width: 320px
}
@media screen and (max-width:991px) {
.queryBox .checkBox .img div {
	width: 45%;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
}
.queryBox .checkBox .img div img {
	width: 100%
}
.contactMap {
	font-size: 0;
	padding: 0 100px
}
@media screen and (max-width:1200px) {
.contactMap {
	padding: 0 60px
}
}
@media screen and (max-width:991px) {
.contactMap {
	padding: 70px 30px 0
}
}
@media screen and (max-width:767px) {
.contactMap {
	padding: 45px 24px 0
}
}
.contactMap .title {
	text-align: center;
	margin: 105px 0 70px
}
@media screen and (max-width:991px) {
.contactMap .title {
	margin: 0 0 40px
}
}
@media screen and (max-width:767px) {
.contactMap .title {
	margin-bottom: 30px
}
}
.contactMap .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.contactMap .title p {
	font-size: 12px
}
}
.contactMap .mapBox {
	height: 410px;
	overflow: hidden;
	position: relative;
	border-radius: 20px
}
@media screen and (max-width:767px) {
.contactMap .mapBox {
	height: 320px;
	border-radius: 6px
}
}
.contactMap .mapBox .map {
	position: absolute;
	top: -20%;
	left: -20%;
	width: 140%;
	height: 140%
}
.contactMessage {
	text-align: center;
	margin: 85px 0
}
@media screen and (max-width:1200px) {
.contactMessage {
	margin: 60px 0
}
}
@media screen and (max-width:991px) {
.contactMessage {
	padding: 0 30px
}
}
@media screen and (max-width:767px) {
.contactMessage {
	padding: 0 24px
}
}
.contactMessage .title h2 {
	font-size: 26px;
	color: #444;
	font-weight: 700
}
@media screen and (max-width:991px) {
.contactMessage .title h2 {
	font-size: 20px
}
}
@media screen and (max-width:767px) {
.contactMessage .title h2 {
	font-size: 16px
}
}
.contactMessage .title .en {
	font-size: 12px;
	color: #666;
	margin-top: 4px;
	margin-bottom: 10px
}
@media screen and (max-width:767px) {
.contactMessage .title .en {
	margin-top: 2px;
	margin-bottom: 0
}
}
.contactMessage .title span {
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #000
}
@media screen and (max-width:767px) {
.contactMessage .title span {
	width: 24px
}
}
.contactMessage .listBox {
	margin-top: 45px
}
@media screen and (max-width:991px) {
.contactMessage .listBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 40px
}
}
@media screen and (max-width:767px) {
.contactMessage .listBox {
	margin-top: 30px
}
}
.contactMessage .listBox .listItem {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 30px
}
@media screen and (max-width:991px) {
.contactMessage .listBox .listItem {
	margin: 0
}
}
@media screen and (max-width:767px) {
.contactMessage .listBox .listItem {
	width: 48%;
	margin-bottom: 20px
}
}
@media screen and (max-width:767px) {
.contactMessage .listBox .listItem img {
	width: 35px
}
}
.contactMessage .listBox .listItem p {
	font-size: 14px;
	line-height: 20px;
	color: #444;
	max-width: 190px;
	margin-top: 16px
}
@media screen and (max-width:991px) {
.contactMessage .listBox .listItem p {
	max-width: 160px;
	margin-top: 12px;
	font-size: 12px
}
}
@media screen and (max-width:767px) {
.contactMessage .listBox .listItem p {
	margin-top: 10px;
	max-width: none
}
}
.contactMessage .subscribeBox {
	text-align: center;
	margin-top: 60px
}
@media screen and (max-width:991px) {
.contactMessage .subscribeBox {
	margin-top: 30px
}
}
@media screen and (max-width:767px) {
.contactMessage .subscribeBox {
	margin-top: 20px
}
}
@media screen and (max-width:991px) {
.contactMessage .subscribeBox img {
	width: 150px
}
}
@media screen and (max-width:767px) {
.contactMessage .subscribeBox img {
	width: 125px
}
}
.contactMessage .subscribeBox p {
	font-size: 14px;
	color: #444;
	margin-top: 6px
}
@media screen and (max-width:991px) {
.contactMessage .subscribeBox p {
	font-size: 12px;
	margin-top: 4px
}
}
.contactUs {
	width: 1200px;
	margin: 0 auto 115px;
	font-size: 0
}
@media screen and (max-width:1400px) {
.contactUs {
	width: 80%
}
}
@media screen and (max-width:991px) {
.contactUs {
	width: 100%;
	padding: 0 30px
}
}
@media screen and (max-width:767px) {
.contactUs {
	padding: 0 24px;
	margin-bottom: 80px
}
}
.contactUs .wrapper .useMessage {
	display: inline-block;
	width: calc((100% - 35px) / 2);
	vertical-align: top;
	margin-right: 35px
}
@media screen and (max-width:767px) {
.contactUs .wrapper .useMessage {
	width: 100%;
	margin-right: 0
}
}
.contactUs .wrapper .useMessage input {
	font-size: 14px;
	color: #444;
	height: 60px;
	line-height: 60px;
	padding: 0 25px;
	border-color: #bfbfbf
}
@media screen and (max-width:991px) {
.contactUs .wrapper .useMessage input {
	height: 50px;
	line-height: 50px;
	padding: 0 20px
}
}
@media screen and (max-width:767px) {
.contactUs .wrapper .useMessage input {
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	font-size: 12px
}
}
.contactUs .wrapper .useMessage .phoneBox {
	margin: 30px 0
}
@media screen and (max-width:991px) {
.contactUs .wrapper .useMessage .phoneBox {
	margin: 25px 0
}
}
@media screen and (max-width:767px) {
.contactUs .wrapper .useMessage .phoneBox {
	margin: 20px 0
}
}
.contactUs .wrapper .msgBox {
	display: inline-block;
	width: calc((100% - 35px) / 2);
	vertical-align: top
}
@media screen and (max-width:767px) {
.contactUs .wrapper .msgBox {
	width: 100%;
	margin-top: 30px
}
}
.contactUs .wrapper .msgBox textarea {
	border-color: #bfbfbf;
	padding: 22px 25px;
	font-size: 14px;
	color: #444;
	height: 240px
}
@media screen and (max-width:991px) {
.contactUs .wrapper .msgBox textarea {
	height: 200px;
	padding: 18px 20px
}
}
@media screen and (max-width:767px) {
.contactUs .wrapper .msgBox textarea {
	font-size: 12px;
	padding: 10px 15px
}
}
.contactUs .submit-box {
	text-align: right;
	margin-top: 30px
}
.contactUs .submit-box .submit {
	width: 156px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #444;
	font-size: 18px;
	border: 1px solid #535353;
	cursor: pointer;
	display: inline-block
}
@media screen and (max-width:991px) {
.contactUs .submit-box .submit {
	width: 130px;
	height: 40px;
	line-height: 40px;
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.contactUs .submit-box .submit {
	height: 35px;
	line-height: 35px;
	width: 110px;
	font-size: 14px
}
}
.contactUs .submit-box .submit:hover {
	background-color: #000;
	color: #fff;
	border-color: #000
}
.careerBox {
	font-size: 0;
	width: 1200px;
	margin: 0 auto 125px
}
@media screen and (max-width:1400px) {
.careerBox {
	width: 80%
}
}
@media screen and (max-width:991px) {
.careerBox {
	width: 100%;
	padding: 70px 30px 0
}
}
@media screen and (max-width:767px) {
.careerBox {
	padding: 45px 24px 0;
	margin-bottom: 80px
}
}
.careerBox .title {
	text-align: center;
	margin: 105px 0 110px
}
@media screen and (max-width:1400px) {
.careerBox .title {
	margin: 80px 0 85px
}
}
@media screen and (max-width:991px) {
.careerBox .title {
	margin: 0 0 40px
}
}
@media screen and (max-width:767px) {
.careerBox .title {
	margin-bottom: 30px
}
}
.careerBox .title p {
	font-size: 14px;
	font-family: CormorantGaramond
}
@media screen and (max-width:767px) {
.careerBox .title p {
	font-size: 12px
}
}
.careerBox .careerList .careerTitle {
	margin-bottom: 15px
}
.careerBox .careerList .careerTitle li {
	display: inline-block;
	padding-left: 40px;
	width: 26%;
	overflow: hidden
}
@media screen and (max-width:1400px) {
.careerBox .careerList .careerTitle li {
	width: 20%
}
}
@media screen and (max-width:991px) {
.careerBox .careerList .careerTitle li {
	padding-left: 15px
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .careerTitle li {
	padding-left: 10px
}
}
.careerBox .careerList .careerTitle li:last-of-type {
	width: 48%
}
@media screen and (max-width:1400px) {
.careerBox .careerList .careerTitle li:last-of-type {
	width: 60%
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .careerTitle li:first-of-type {
	width: 24%
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .careerTitle li:nth-of-type(2) {
	display: none
}
}
.careerBox .careerList .careerTitle li h4 {
	font-size: 20px;
	color: #444;
	font-weight: 700
}
@media screen and (max-width:991px) {
.careerBox .careerList .careerTitle li h4 {
	font-size: 16px
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .careerTitle li h4 {
	font-size: 14px
}
}
.careerBox .careerList .listBox .listItem {
	margin-bottom: 30px
}
@media screen and (max-width:991px) {
.careerBox .careerList .listBox .listItem {
	margin-bottom: 20px
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem {
	margin-bottom: 10px
}
}
.careerBox .careerList .listBox .listItem .listTitle {
	position: relative;
	background-color: #fafaf9;
	padding: 28px 0;
	cursor: pointer
}
@media screen and (max-width:991px) {
.careerBox .careerList .listBox .listItem .listTitle {
	background-color: #88888830
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listTitle {
	padding: 18px 0
}
}
.careerBox .careerList .listBox .listItem .listTitle ul li {
	display: inline-block;
	padding-left: 40px;
	width: 26%;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	color: #444;
	font-weight: 400
}
@media screen and (max-width:1400px) {
.careerBox .careerList .listBox .listItem .listTitle ul li {
	width: 20%
}
}
@media screen and (max-width:991px) {
.careerBox .careerList .listBox .listItem .listTitle ul li {
	padding-left: 15px
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listTitle ul li {
	padding-left: 10px
}
}
.careerBox .careerList .listBox .listItem .listTitle ul li:last-of-type {
	width: 48%
}
@media screen and (max-width:1400px) {
.careerBox .careerList .listBox .listItem .listTitle ul li:last-of-type {
	width: 60%
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listTitle ul li:first-of-type, .careerBox .careerList .listBox .listItem .listTitle ul li:last-of-type {
	width: 100%
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listTitle ul li:nth-of-type(2) {
	width: 100%;
	margin: 6px 0
}
}
@media screen and (max-width:991px) {
.careerBox .careerList .listBox .listItem .listTitle ul li {
	font-size: 14px
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listTitle ul li {
	font-size: 12px
}
}
.careerBox .careerList .listBox .listItem .listTitle .careerBtn {
	right: 40px
}
@media screen and (max-width:1200px) {
.careerBox .careerList .listBox .listItem .listTitle .careerBtn {
	right: 30px
}
}
@media screen and (max-width:991px) {
.careerBox .careerList .listBox .listItem .listTitle .careerBtn {
	right: 20px
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listTitle .careerBtn {
	right: 15px
}
}
.careerBox .careerList .listBox .listItem .listTitle .careerBtn .careerClose {
	display: none
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listTitle .careerBtn img {
	width: 12px
}
}
.careerBox .careerList .listBox .listItem .listContent {
	margin-top: 30px;
	display: none
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listContent {
	margin-top: 20px
}
}
.careerBox .careerList .listBox .listItem .listContent .wrapper {
	background-color: #fcfcfb;
	padding: 40px;
	font-size: 14px;
	line-height: 28px;
	color: #777
}
@media screen and (max-width:991px) {
.careerBox .careerList .listBox .listItem .listContent .wrapper {
	padding: 20px
}
}
@media screen and (max-width:767px) {
.careerBox .careerList .listBox .listItem .listContent .wrapper {
	padding: 15px;
	font-size: 12px;
	line-height: 26px
}
}
.careerBox .careerList .listBox .listItem.active .listTitle {
	background-color: #333
}
.careerBox .careerList .listBox .listItem.active .listTitle ul li {
	color: #fff
}
.careerBox .careerList .listBox .listItem.active .listTitle .careerBtn .careerClose {
	display: inline-block
}
.careerBox .careerList .listBox .listItem.active .listTitle .careerBtn .careerOpen {
	display: none
}
.careerBox .pointTxt {
	font-size: 14px;
	color: #777;
	padding-left: 40px
}
@media screen and (max-width:767px) {
.careerBox .pointTxt {
	font-size: 12px;
	padding-left: 0
}
}
.careerBox .downBox {
	margin: 75px auto 20px;
	width: 300px;
	text-align: center;
	background-color: #000;
	border: 1px solid #000;
	padding: 10px 0;
	border-radius: 30px;
	cursor: pointer
}
@media screen and (max-width:991px) {
.careerBox .downBox {
	width: 240px;
	margin-top: 50px;
	padding: 8px 0
}
}
@media screen and (max-width:767px) {
.careerBox .downBox {
	width: 200px;
	padding: 3px 0;
	margin-top: 40px
}
}
.careerBox .downBox a {
	color: #fff
}
.careerBox .downBox a i {
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px
}
@media screen and (max-width:767px) {
.careerBox .downBox a i {
	font-size: 18px;
	margin-right: 8px
}
}
.careerBox .downBox a span {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle
}
@media screen and (max-width:767px) {
.careerBox .downBox a span {
	font-size: 12px
}
}
.careerBox .downBox:hover {
	background-color: #fff
}
.careerBox .downBox:hover a {
	color: #000
}
/*# sourceMappingURL=layout.css.map*/


.listChronicle {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.listChronicle:nth-child(2n) {
    flex-direction: row-reverse;
}