@charset "UTF-8";/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */@-webkit-keyframes bounce {
	20%,53%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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 {
	20%,53%,80%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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 {
	50%,from,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@keyframes flash {
	50%,from,to {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

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

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

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

@-webkit-keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,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: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes rubberBand {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,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: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

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

@-webkit-keyframes shake {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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 {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0,0,1,15deg);
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		-webkit-transform: rotate3d(0,0,1,5deg);
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		-webkit-transform: rotate3d(0,0,1,-5deg);
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		-webkit-transform: rotate3d(0,0,1,0deg);
		transform: rotate3d(0,0,1,0deg)
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@-webkit-keyframes tada {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes tada {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}

	10%,20% {
		-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
		transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
		transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

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

@-webkit-keyframes wobble {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
		transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
		transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
		transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
		transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
	}

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

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes wobble {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	15% {
		-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
		transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
	}

	30% {
		-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
		transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
	}

	45% {
		-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
		transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
	}

	60% {
		-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
		transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
	}

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

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes jello {
	11.1%,from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes jello {
	11.1%,from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}

	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

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

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

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

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3)
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
	20%,40%,60%,80%,from,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: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

@keyframes bounceIn {
	20%,40%,60%,80%,from,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: scale3d(1,1,1);
		transform: scale3d(1,1,1)
	}
}

.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
	60%,75%,90%,from,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: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes bounceInDown {
	60%,75%,90%,from,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: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes bounceInLeft {
	60%,75%,90%,from,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: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes bounceInLeft {
	60%,75%,90%,from,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: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes bounceInRight {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	from {
		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: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes bounceInRight {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	from {
		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: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes bounceInUp {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	from {
		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: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes bounceInUp {
	60%,75%,90%,from,to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1)
	}

	from {
		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: translate3d(0,0,0);
		transform: translate3d(0,0,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 {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

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

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@keyframes fadeOutDown {
	from {
		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 {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}
}

@keyframes fadeOutDownBig {
	from {
		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 {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@keyframes fadeOutLeft {
	from {
		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 {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}
}

@keyframes fadeOutLeftBig {
	from {
		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 {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@keyframes fadeOutRight {
	from {
		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 {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}
}

@keyframes fadeOutRightBig {
	from {
		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 {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@keyframes fadeOutUp {
	from {
		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 {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}
}

@keyframes fadeOutUpBig {
	from {
		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 {
	from {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes flip {
	from {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
		-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 {
	from {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-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 {
	from {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
		transform: perspective(400px) rotate3d(0,1,0,-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
		transform: perspective(400px) rotate3d(0,1,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
		transform: perspective(400px) rotate3d(0,1,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
		transform: perspective(400px) rotate3d(0,1,0,-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 {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,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 {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
		transform: perspective(400px) rotate3d(0,1,0,-15deg);
		opacity: 1
	}

	to {
		-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
		transform: perspective(400px) rotate3d(0,1,0,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 {
	from {
		-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)
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes lightSpeedIn {
	from {
		-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)
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1
	}

	to {
		-webkit-transform: translate3d(100%,0,0) skewX(30deg);
		transform: translate3d(100%,0,0) skewX(30deg);
		opacity: 0
	}
}

@keyframes lightSpeedOut {
	from {
		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 {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,-200deg);
		transform: rotate3d(0,0,1,-200deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes rotateInDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes rotateInDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes rotateInUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-90deg);
		transform: rotate3d(0,0,1,-90deg);
		opacity: 0
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

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

@-webkit-keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,200deg);
		transform: rotate3d(0,0,1,200deg);
		opacity: 0
	}
}

@keyframes rotateOut {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		opacity: 1
	}

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0,0,1,200deg);
		transform: rotate3d(0,0,1,200deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,45deg);
		transform: rotate3d(0,0,1,45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

@keyframes rotateOutDownRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

@keyframes rotateOutUpLeft {
	from {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate3d(0,0,1,-45deg);
		transform: rotate3d(0,0,1,-45deg);
		opacity: 0
	}
}

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

@-webkit-keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,90deg);
		transform: rotate3d(0,0,1,90deg);
		opacity: 0
	}
}

@keyframes rotateOutUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		opacity: 1
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0,0,1,90deg);
		transform: rotate3d(0,0,1,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: rotate3d(0,0,1,80deg);
		transform: rotate3d(0,0,1,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: rotate3d(0,0,1,60deg);
		transform: rotate3d(0,0,1,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: rotate3d(0,0,1,80deg);
		transform: rotate3d(0,0,1,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: rotate3d(0,0,1,60deg);
		transform: rotate3d(0,0,1,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 {
	from {
		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 {
	from {
		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 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
		transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
		transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
		transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
	}
}

@keyframes rollOut {
	from {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
		transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
	}
}

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

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		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 {
	from {
		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 {
	from {
		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 {
	from {
		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 {
	from {
		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 {
	from {
		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 {
	from {
		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 {
	from {
		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 {
	from {
		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 {
	from {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3,.3,.3);
		transform: scale3d(.3,.3,.3)
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	from {
		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 {
	from {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes slideInLeft {
	from {
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		visibility: visible
	}

	to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}
}

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

@-webkit-keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}
}

@keyframes slideOutDown {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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 {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}
}

@keyframes slideOutLeft {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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 {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}
}

@keyframes slideOutRight {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,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 {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}
}

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

.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
}

.animated.delay-01s {
	-webkit-animation-delay: .1s;
	animation-delay: .1s
}

.animated.delay-05s {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset!important;
		animation: unset!important;
		-webkit-transition: none!important;
		transition: none!important
	}
}

@font-face {
	font-family:PingFang-SC-Regular;src:url('../font/PINGFANG REGULAR.eot');src:url('../font/PINGFANG REGULAR.eot?#font-spider') format('embedded-opentype'),url('../font/PINGFANG REGULAR.woff') format('woff'),url('../font/PINGFANG REGULAR.TTF') format('truetype'),url('../font/PINGFANG REGULAR.svg') format('svg');font-weight:400;font-style:normal
}

@font-face {
	font-family:PingFang-SC-Medium;src:url('../font/PINGFANG MEDIUM.eot');src:url('../font/PINGFANG MEDIUM.eot?#font-spider') format('embedded-opentype'),url('../font/PINGFANG MEDIUM.woff') format('woff'),url('../font/PINGFANG MEDIUM.TTF') format('truetype'),url('../font/PINGFANG MEDIUM.svg') format('svg');font-weight:400;font-style:normal
}

@font-face {
	font-family:Bebas;src:url(../font/BEBAS___.eot);src:url(../font/BEBAS___.eot?#font-spider) format('embedded-opentype'),url(../font/BEBAS___.woff) format('woff'),url(../font/BEBAS___.TTF) format('truetype'),url(../font/BEBAS___.svg) format('svg');font-weight:400;font-style:normal
}

.bg-img .tit {
	font-family: Bebas
}

.icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.icon:after,.icon:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	background: url(../images/sprite@2x.png) no-repeat;
	-webkit-transition: .35s;
	transition: .35s;
	background-size: 519px 300px
}

.icon:after {
	background-position: -1000px -1000px;
	opacity: 0
}

.current .icon:after,.icon:hover:after {
	opacity: 1
}

.icon-add:before {
	background-position: -503px -128px
}

.icon-add {
	width: 14px;
	height: 14px
}

.icon-advanced:before {
	background-position: -301px 0
}

.icon-advanced {
	width: 218px;
	height: 61px
}

.icon-arrow-up:before {
	background-position: -490px -161px
}

.icon-arrow-up {
	width: 24px;
	height: 50px
}

.icon-converient:before {
	background-position: 0 -192px
}

.icon-converient {
	width: 248px;
	height: 61px
}

.icon-dianhua:before {
	background-position: -355px -224px
}

.icon-dianhua {
	width: 24px;
	height: 24px
}

.icon-dianhua2:after {
	background-position: -476px -128px
}

.icon-dianhua2:before {
	background-position: -449px -128px
}

.icon-dianhua2 {
	width: 24px;
	height: 24px
}

.icon-dianhua3:after {
	background-position: -180px -256px
}

.icon-dianhua3:before {
	background-position: -137px -256px
}

.icon-dianhua3 {
	width: 40px;
	height: 40px
}

.icon-douyin:after {
	background-position: -382px -224px
}

.icon-douyin:before {
	background-position: -301px -224px
}

.icon-douyin {
	width: 24px;
	height: 24px
}

.icon-energy:before {
	background-position: 0 0
}

.icon-energy {
	width: 298px;
	height: 61px
}

.icon-fuwu:before {
	background-position: -223px -256px
}

.icon-fuwu {
	width: 36px;
	height: 36px
}

.icon-fuwu2:before {
	background-position: -262px -256px
}

.icon-fuwu2 {
	width: 36px;
	height: 36px
}

.icon-gengduo:after {
	background-position: -286px -77px
}

.icon-gengduo:before {
	background-position: -286px -64px
}

.icon-gengduo {
	width: 10px;
	height: 10px
}

.icon-hezuo:before {
	background-position: -364px -161px
}

.icon-hezuo {
	width: 60px;
	height: 60px
}

.icon-hezuo1:before {
	background-position: -414px -64px
}

.icon-hezuo1 {
	width: 60px;
	height: 60px
}

.icon-huawei:before {
	background-position: -301px -128px
}

.icon-huawei {
	width: 145px;
	height: 30px
}

.icon-impeacc:before {
	background-position: 0 -128px
}

.icon-impeacc {
	width: 264px;
	height: 61px
}

.icon-lianxi:before {
	background-position: -427px -161px
}

.icon-lianxi {
	width: 60px;
	height: 60px
}

.icon-lianxi1:before {
	background-position: -301px -161px
}

.icon-lianxi1 {
	width: 60px;
	height: 60px
}

.icon-map:before {
	background-position: -301px -256px
}

.icon-map {
	width: 22px;
	height: 22px
}

.icon-mobile-nav:before {
	background-position: -47px -256px
}

.icon-mobile-nav {
	width: 44px;
	height: 44px
}

.icon-mobile-nav2:before {
	background-position: 0 -256px
}

.icon-mobile-nav2 {
	width: 44px;
	height: 44px
}

.icon-pdf:before {
	background-position: -251px -192px
}

.icon-pdf {
	width: 45px;
	height: 60px
}

.icon-profes:before {
	background-position: 0 -64px
}

.icon-profes {
	width: 283px;
	height: 61px
}

.icon-radio-l:before {
	background-position: -267px -128px
}

.icon-radio-l {
	width: 28px;
	height: 20px
}

.icon-radio-r:before {
	background-position: -490px -224px
}

.icon-radio-r {
	width: 28px;
	height: 20px
}

.icon-rise-l:after {
	background-position: -360px -256px
}

.icon-rise-l:before {
	background-position: -343px -256px
}

.icon-rise-l {
	width: 14px;
	height: 8px
}

.icon-rise-r:after {
	background-position: -326px -256px
}

.icon-rise-r:before {
	background-position: -284px -176px
}

.icon-rise-r {
	width: 14px;
	height: 8px
}

.icon-rise-r2:after {
	background-position: -267px -176px
}

.icon-rise-r2:before {
	background-position: -504px -107px
}

.icon-rise-r2 {
	width: 14px;
	height: 8px
}

.icon-rise2:before {
	background-position: -477px -107px
}

.icon-rise2 {
	width: 24px;
	height: 12px
}

.icon-save:before {
	background-position: -301px -64px
}

.icon-save {
	width: 110px;
	height: 61px
}

.icon-tel:before {
	background-position: -267px -151px
}

.icon-tel {
	width: 22px;
	height: 22px
}

.icon-weibo:after {
	background-position: -409px -224px
}

.icon-weibo:before {
	background-position: -463px -224px
}

.icon-weibo {
	width: 24px;
	height: 24px
}

.icon-weixin:after {
	background-position: -436px -224px
}

.icon-weixin:before {
	background-position: -328px -224px
}

.icon-weixin {
	width: 24px;
	height: 24px
}

.icon-youxiang3:after {
	background-position: -94px -256px
}

.icon-youxiang3:before {
	background-position: -477px -64px
}

.icon-youxiang3 {
	width: 40px;
	height: 40px
}

.fixed-right {
	bottom: 40px
}

.mask-loading {
	position: fixed;
	left: 0;
	top: 80px;
	width: 100%;
	z-index: 999;
	height: 100%;
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#0b244d,#0b244d);
	color: #fff
}

.body-over {
	background-color: #10aaeb
}

.arrows {
	position: absolute;
	width: 0;
	display: inline-block;
	font-size: 0;
	height: 0;
	line-height: 0;
	border-width: 4px
}

.arrows.top {
	border-color: #8e8e93 transparent transparent;
	border-style: solid dashed dashed;
	right: -.4533333333rem;
	top: 50%;
	margin-top: -.08rem;
	border-width: .16rem .1333333333rem
}

.arrows.right {
	border-color: transparent #666 transparent transparent;
	border-style: dashed solid dashed dashed
}

.arrows.bottom {
	border-color: transparent transparent #666;
	border-style: dashed dashed solid;
	top: 8px;
	right: 10px
}

.arrows.left {
	border-color: transparent transparent transparent #666;
	border-style: dashed dashed dashed solid
}[class*=img-w-] {
	display: inline-block;
	vertical-align: top
}[class*=img-w-] .icon,[class*=img-w-] .img,[class*=img-w-] .radius-50 {
	width: 100%;
	height: 100%;
	vertical-align: top
}

.pl0 {
	padding-left: 0!important
}

.pr0 {
	padding-right: 0!important
}

.aft-border:after,.bef-border:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 1px solid #fff;
	top: 50%
}

.tit-bottom-border:after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 40px;
	border-bottom: 3px solid #7accc4
}

.arrow,.article-guoji.big .tit:before,.header-foot .nav li>a:after,.header-foot .nav>li a,.hover-bd,.li-imgTit,.li-imgTitMapPri,[class*=swiper-pagination] span {
	-webkit-transition: .35s;
	transition: .35s
}

.transXY50 {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	white-space: nowrap
}

.arrow-partner,.transY50 {
	position: absolute!important;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header-foot .nav li>a:after,.transX50,.ul-classify-search li>a:after {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.a-block>a {
	display: block;
	width: 100%;
	height: 100%
}

.a-block>.a-img,.a-block>a .a-img {
	width: 100%;
	height: 100%
}

.video-playw {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.video-playw:before {
	content: "";
	position: absolute;
	background-color: rgba(16,170,235,.3);
	width: 100%;
	height: 100%
}

.video-playw video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.lazy {
	background: url(/saren/layui/css/modules/layer/default/loading-1.gif) no-repeat 50% 50%
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.card-news-center>.card-body>.txt,.card-qiyezizhi>.card-body>.tit {
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box!important;
/*! autoprefixer: off */
	-webkit-box-orient: vertical
}

.card-article-body .tit,.card-qiyezizhi>.card-body>.tit,.content-index .card-article a .tit,.content-index .card-article a .txt,.line-clamp1,.nav li>ul a {
	-webkit-line-clamp: 1
}

.card-news-center>.card-body>.txt,.line-clamp2 {
	-webkit-line-clamp: 2
}

.bgc-fff {
	background-color: #fff
}

.bgc-fafafa {
	background-color: #fafafa
}

.bgc-f7f7f7,.box-chat,.box-sarenzongbu {
	background-color: #f7f7f7
}

.bb0 {
	border-bottom: 0!important
}

.flex>.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.box-shadow-none {
	-webkit-box-shadow: none;
	box-shadow: none
}

.pt0 {
	padding-top: 0!important
}

.pb0 {
	padding-bottom: 0!important
}

.mb0 {
	margin-bottom: 0!important
}

.mb60 {
	margin-bottom: .8rem
}

.btn-group {
	padding: 99px 0 160px
}

.btn-group.pad-min {
	padding: 60px 0 60px
}

.btn-group>.btn+.btn {
	margin-left: 20px
}

.btn-group.fluid-pad-def {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center
}

.btn .icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.btn>.icon {
	margin-left: 10px
}

.btn .icon.left {
	left: 17px;
	margin-left: 0
}

.btn .icon.right {
	right: 17px
}

.btn.btn-def {
	min-width: 121px;
	line-height: 41px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	color: #666
}

.btn.btn-def:before {
	border-color: #ccc
}

.btn.big {
	min-width: 201px
}

.hover-linear-gradient>.box {
	position: relative;
	z-index: 5;
	display: block
}

.hover-linear-gradient:hover {
	color: #168fcc
}

.hover-linear-gradient:hover:before {
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#f7f7f7,#f7f7f7);
	background-blend-mode: normal,normal;
	border: 0;
	opacity: .8
}

.hover-linear-gradient:after {
	content: "";
	position: absolute;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: inherit;
	background-color: #fff;
	z-index: 0
}

.hover-linear-gradient:hover .icon:after {
	opacity: 1
}

.box-card-epc.lianxi>.list .tit {
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#36d0ff,#36d0ff);
	background-blend-mode: normal,normal;
	opacity: .95
}

.bt-1-e5e5e5 {
	border-top: 1px solid #e5e5e5
}

.bb-1-e5e5e5 {
	border-bottom: 1px solid #e5e5e5
}

.bb-1-ededed {
	border-bottom: 1px solid #ededed
}[class*=card-] {
	position: relative
}

a[class*=card-] {
	display: block
}

.p0 {
	padding: 0!important
}

.mt0 {
	margin-top: 0!important
}

.tit {
	font-size: 14px;
	color: #333
}

.time,.txt {
	font-size: 14px;
	color: #666
}

.w1200 {
	width: 1200px;
	margin-left: auto;
	margin: auto
}

.article .page .btn,.btn,.card-news-anli:before,.card-news-center,.card-news-center>.card-body>.tit:before,.card-partenr.partenr>.card-body,.card-peitao:before,.card-recommend>.list,.gongcheng-nav .btn,.peitao-nav a,.peitao-nav a.bef-bor:before,.ul-gangwei>.list * {
	-webkit-transition: .35s;
	transition: .35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.g-c2-m0s10 .cm-wrap {
	margin-right: 400px;
	position: relative
}

.g-c2-m0s10 .col-sub {
	width: 360px;
	margin-left: -360px;
	overflow: visible
}

.g-c2-m0s10 .col-main {
	min-width: 800px
}

.content>.wrap {
	padding-bottom: 160px
}

.vertical-rl {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: tr-rl;
	-ms-writing-mode: tr-rl;
	writing-mode: tr-rl
}

.angle-group {
	position: relative;
	background-color: rgba(255,255,255,.1)
}

.angle-group>i {
	position: absolute;
	width: 16px;
	height: 100%
}

.angle-group>i:after,.angle-group>i:before {
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0
}

.angle-group>i.bl {
	left: 0;
	top: 0
}

.angle-group>i.br {
	left: auto;
	right: 0;
	top: 0
}

.angle-group>i.bl:before {
	border-width: 1px 0 0 1px
}

.angle-group>i.bl:after {
	border-width: 0 0 1px 1px;
	top: auto;
	bottom: 0
}

.angle-group>i.br:before {
	border-width: 1px 1px 0 0
}

.angle-group>i.br:after {
	border-width: 0 1px 1px 0;
	top: auto;
	bottom: 0
}

.header {
	padding: 0 41px 0 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 80px
}

.header * {
	color: #fff;
	font-family: MicrosoftYaHei
}
.header.fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 666;
	-webkit-transform: translate3d(0,0,0);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.header.on:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	background-color: #10aaeb;
	min-height: 100%
}

.header .card-foot,.header .card-head {
	position: relative;
	z-index: 5
}

.header .card-head {
	padding-top: 20px
}

.header .card-head .tit {
	font-size: 12px;
	margin-top: 5px;
	font-family: PingFang-SC-Medium;
	letter-spacing: 1px
}

.header .card-body {
	margin-left: 87px;
	margin-right: 32px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 80px;
	z-index: 5;
	text-align: center
}

.header .card-foot {
	padding-top: 24px;
	line-height: 1
}

.header .card-foot .language {
	margin-right: 20px;
	background-color: rgba(255,255,255,.2);
	border-radius: 12px;
	display: inline-block;
	line-height: 24px;
	width: 35px;
	height: 24px;
	padding: 0 8px;
	overflow: hidden;
	position: relative;
	margin-top: 4px
}

.header .card-foot .tel>span {
	display: inline-block;
	line-height: 1.2
}

.header .card-foot .tel .icon {
	margin-right: 5px;
	margin-top: 4px
}

.header .logo {
	width: 100px;
	height: 22px;
	display: inline-block;
	background: url(../images/logo.png) no-repeat;
	background-size: contain
}

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

.nav a {
	position: relative;
	z-index: 8;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 0;
	display: block;
	line-height: 80px;
	padding: 0 33px;
	color: #fff;
	min-width: 86px
}

.nav li.nav-case>ul {
	display: none!important
}

.nav li>ul {
	position: absolute;
	top: 100%;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	display: none
}

.nav li>ul li {
	display: block
}

.nav li>ul a {
	height: auto;
	line-height: 44px;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 44px;
	text-align: center
}

.nav li>ul a:hover {
	background: #10aaeb
}

.nav li:hover>ul {
	-webkit-animation: layui-upbit .3s both;
	animation: layui-upbit .3s both;
	display: block
}

.header .nav>li:after {
	content: "";
	position: absolute;
	width: 90%;
	height: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: rgba(0,0,0,.2);
	border-radius: 100px;
	-webkit-transition: .35s;
	transition: .35s
}

.header .nav a:hover,.header .nav li.on a {
	color: #fff
}

.nav li.nav-logo a {
	line-height: 1
}

.nav li.nav-logo:after {
	display: none
}

.icon-medialogo {
	margin-right: 10px;
	vertical-align: middle
}

.a-medialogo {
	padding-right: 23px;
	position: relative;
	color: inherit
}

.a-medialogo:before {
	content: "";
	position: absolute;
	right: 0;
	border-right: 1px solid #e0e0e0;
	height: 20px
}

.a-medialogo.on,.header .card-foot .a-joinmedia.on {
	color: #ff294c
}

.header .card-foot .a-joinmedia.on {
	border-color: #ff294c
}

.header .header-body .card-foot .a-joinmedia.on,.header-body .a-medialogo.on {
	color: #fff;
	border-color: #fff
}

.language-check {
	padding-right: 18px;
	padding-left: 28px;
	font-size: 12px
}

.language-check a {
	cursor: inherit
}

.language-fg {
	padding: 0 9px
}

.header .card-foot .tag {
	color: inherit;
	font-size: 12px;
	border: 1px solid #666;
	border-radius: 50px;
	padding: 0 10px;
	line-height: 30px;
	height: 32px;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-width: auto
}

.bg-img {
	height: 800px;
	background: #0fb0e7 url(about:blank) no-repeat 50% 0;
	background-size: cover
}

.bg-img {
	position: relative
}

.box-img-txt {
	text-align: center
}

.banner-index {
	height: 800px
}

.banner-index .box-img-txt {
	top: auto;
	bottom: 60px;
	z-index: 6
}

.banner-index .box-img-txt .tit {
	font-family: ZCOOL_KuHei;
	font-size: 60px;
	font-weight: 400;
	height: 38px;
	line-height: 38px;
	font-stretch: normal;
	letter-spacing: 3px;
	color: #fff
}

.banner-index .box-img-txt .en {
	font-family: AkzidenzGroteskBQ-Bold;
	font-size: 80px;
	height: 60px;
	line-height: 60px;
	font-weight: 400;
	margin: 37px auto;
	font-stretch: normal;
	letter-spacing: 16px;
	color: #fff
}

.banner-index .box-img-txt .txt {
	font-family: PingFang-SC-Regular;
	font-size: 24px;
	font-weight: 400;
	height: 23px;
	line-height: 23px;
	font-stretch: normal;
	letter-spacing: 5px;
	color: #fff
}

.banner-index .btn-group {
	padding: 75px 0 0
}

.banner-index .btn.bgc-fff {
	background: rgba(255,255,255,.1);
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	color: #fff
}

.banner-index .btn.bgc-fff:before {
	background-color: transparent
}

.bg-img.banner-index .next a {
	position: relative
}

.bg-img .next {
	color: transparent;
	padding-top: 92px
}

.bg-img .next a {
	position: absolute
}

.banner-epc .box-img-txt {
	top: auto;
	bottom: 332px
}

.banner-epc .box-img-txt .en {
	height: 44px;
	line-height: 44px;
	font-family: AkzidenzGroteskBQ-Bold;
	font-size: 60px;
	font-weight: 400;
	text-transform: uppercase;
	font-stretch: normal;
	letter-spacing: 12px;
	color: #fff
}

.banner-epc .box-img-txt .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 40px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 8px;
	color: #fff
}

.banner-epc .box-img-txt .tit+.txt {
	margin-top: 34px
}

.banner-epc .box-img-txt .txt {
	font-family: PingFang-SC-Regular;
	font-size: 24px;
	margin-top: 39px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 5px;
	opacity: .75;
	color: #fff
}

.show>.box-img-txt {
	width: 1000px;
	height: 240px;
	border: 1px solid rgba(255,255,255,.75);
	padding-top: 80px
}

.decorate {
	position: relative;
	display: inline-block;
	text-align: center;
	padding-left: 110px;
	padding-right: 110px;
	margin: 160px auto 120px
}

.decorate>.en {
	height: 32px;
	line-height: 32px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 42px;
	margin-bottom: 15px;
	color: #4d4d4d
}

.decorate>.tit {
	font-size: 16px;
	color: #666
}

.decorate .is-left {
	position: absolute;
	left: 0;
	top: 0
}

.decorate .is-right {
	position: absolute;
	right: 0;
	bottom: 0
}

.box-sarenlab>.card-head {
	padding-bottom: 40px
}

.box-projets>.card-head {
	padding-top: 40px
}

.box-news-center>.card-head>.decorate {
	margin-top: 120px
}

.box-sarenlab .btn-group {
	padding: 0
}

.box-lab-w .card-lab+.card-lab {
	margin-top: 240px
}

.card-lab {
	width: 100%
}

.card-lab>.card-head {
	margin-right: 100px
}

.card-lab.reverse>.card-head {
	margin-left: 100px
}

.card-lab>.card-head .img {
	width: 600px;
	height: 420px
}

.card-lab>.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.card-lab>.card-body .en {
	font-size: 36px;
	height: 29px;
	line-height: 29px;
	margin-top: 84px;
	color: #4d4d4d
}

.card-lab>.card-body .tit {
	height: 17px;
	line-height: 17px;
	font-size: 18px;
	font-weight: 400;
	padding-left: 60px;
	font-stretch: normal;
	margin-top: 20px;
	margin-bottom: 32px;
	letter-spacing: 0;
	color: #4d4d4d
}

.card-lab>.card-body .txt {
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 92px;
	color: #999
}

.card-lab .bef-content:before {
	font-family: MicrosoftYaHei-Bold;
	font-size: 120px;
	height: 91px;
	line-height: 91px;
	font-weight: 400;
	left: 0;
	bottom: 0;
	z-index: -1;
	font-stretch: normal;
	letter-spacing: 0;
	color: #f2f2f2
}

.card-lab .bef-bor.line:before {
	left: 0;
	border-radius: 1px;
	border: 3px solid #eac900;
	border-width: 3px 0 0 0;
	width: 41px
}

.card-lab .bef-bor.line:after {
	display: none
}

.card-lab .bef-aft:before {
	left: 0;
	right: 0;
	height: 40px;
	background: url(about:blank) no-repeat;
	background-size: cover;
	bottom: 100%
}

.card-lab>.card-head>.one:before {
	background-image: url(../images/pic-bef-1.png)
}

.card-lab>.card-head>.two:before {
	background-image: url(../images/pic-bef-2.png)
}

.card-lab>.card-head>.three:before {
	background-image: url(../images/pic-bef-3.png)
}

.card-pruduct {
	position: relative
}

.card-pruduct>.card-head a {
	cursor: pointer
}

.card-pruduct>.card-head .img {
	width: 360px;
	height: 400px
}

.card-pruduct>.card-body {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 240px;
	padding: 19px 20px 14px;
	background-color: #fff
}

.card-pruduct>.card-body>.en {
	height: 15px;
	line-height: 15px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	color: #333
}

.card-pruduct>.card-body>.tit {
	height: 12px;
	line-height: 12px;
	font-size: 14px;
	margin-top: 12px;
	color: #666
}

.card-news-center:hover {
	-webkit-box-shadow: 0 2px 35px 0 rgba(163,192,204,.2);
	box-shadow: 0 2px 35px 0 rgba(163,192,204,.2)
}

.card-news-center>.card-head,.card-news-center>.card-head img {
	width: 360px;
	height: 240px;
	min-height: 200px
}

.card-news-center>.card-body {
	padding: 0 23px 20px;
	background-color: #fff;
	width: 360px
}

.card-news-center>.card-body>.time {
	font-size: 14px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 56px;
	letter-spacing: 0;
	color: #666
}

.card-news-center>.card-body>.tit {
	font-size: 16px;
	display: block;
	line-height: 42px;
	padding-top: 7px;
	color: #333
}

.card-news-center>.card-body>.tit:before {
	width: 180px;
	border-color: #e6e6e6
}

.card-news-center>.card-body>.tit:hover {
	font-family: MicrosoftYaHei-Bold;
	color: #10aaeb;
	line-height: 42px
}

.card-news-center>.card-body>.tit:hover:before {
	width: 100%;
	border-color: #10aaeb;
	opacity: .5
}

.card-news-center>.card-body>.txt {
	font-size: 12px;
	height: 36px;
	overflow: hidden;
	line-height: 1.5;
	color: #999
}

.ul-news-center.list {
	margin-right: -63px;
	margin-bottom: -60px;
	min-height: 183px
}

.ul-news-center.list>.list {
	margin: 0 60px 60px 0
}

.ul-news-center.list>.list>.card-body {
	background-color: #f7f7f7;
	min-height: 122px
}

.ul-news-center.list>.list:hover>.card-body {
	background-color: #fff
}

.ul-news-center.show>.list {
	margin-bottom: 30px
}

.ul-news-center.show>.list>.card-body {
	padding: 20px 24px;
	min-height: 80px;
	background-color: #f7f7f7
}

.ul-news-center.show>.list>.card-body .time {
	line-height: 1
}

.ul-news-center.show>.list>.card-body .tit {
	line-height: 1;
	padding-top: 10px
}

.ul-news-center.show>.list>.card-body .num {
	position: absolute;
	z-index: 6;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	right: 30px;
	top: -30px;
	display: none
}

.ul-news-center.show>.list>.card-body .num .icon {
	vertical-align: -1px
}

.tit-group.show {
	padding: 90px 0 56px 0
}

.tit-group.show .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px
}

.tit-group.show .bl {
	padding-left: 15px
}

.tit-group.show .bl:before {
	border-color: #666;
	border-width: 0 0 0 3px
}

.card-recommend {
	height: 480px;
	background-image: url(../images/banner-3-01.jpg);
	position: relative;
	margin-top: -60px;
	-webkit-box-shadow: 0 20px 100px 0 rgba(22,76,160,.25);
	box-shadow: 0 20px 100px 0 rgba(22,76,160,.25)
}

.card-recommend>.list {
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	opacity: .7
}

.btn:hover .icon:after,.card-recommend>.list:hover {
	opacity: 1
}

.card-recommend>.list>.en {
	height: 31px;
	line-height: 31px;
	font-size: 40px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #fff
}

.card-recommend>.list>.tit {
	font-size: 18px;
	color: #fff
}

.gongcheng-nav {
	padding-top: 159px;
	padding-bottom: 120px
}

.gongcheng-nav.epc {
	text-align: center
}

.gongcheng-nav .swiper-slide {
	width: auto
}

.gongcheng-nav .swiper-slide:not(:last-child) {
	margin-right: 20px
}

.gongcheng-nav .btn {
	min-width: 161px;
	height: 51px;
	line-height: 51px;
	font-size: 16px;
	cursor: pointer;
	letter-spacing: 1px;
	color: #666
}

.gongcheng-nav .btn:not(:last-child) {
	margin-right: 20px
}

.gongcheng-nav .btn:before {
	border-color: #ccc
}

.anli-show:before,.btn.btn-def:hover,.gongcheng-nav .btn.on,.gongcheng-nav .btn:hover,.gongcheng-nav .layui-this,.gongcheng-nav .swiper-slide-thumb-active .btn,.nav li>ul,.news-center>.btn-group>.btn:hover,.ul-join>.list .tit {
	background-image: linear-gradient(-12deg,rgba(23,113,203,.6) 0,rgba(20,198,238,.6) 100%),linear-gradient(rgba(23,126,230,.5),rgba(23,126,230,.5));
	background-blend-mode: normal,normal
}

.btn.btn-def:hover,.gongcheng-nav .btn.on,.gongcheng-nav .btn:hover,.gongcheng-nav .layui-this,.gongcheng-nav .swiper-slide-thumb-active .btn,.news-center>.btn-group>.btn:hover {
	color: #fff
}

.btn.btn-def:hover:before,.gongcheng-nav .btn.on:before,.gongcheng-nav .btn:hover:before,.gongcheng-nav .layui-this:before,.gongcheng-nav .swiper-slide-thumb-active .btn:before,.news-center>.btn-group>.btn:hover:before {
	display: none
}

.card-epc {
	padding-top: 20px;
	width: 100%
}

.card-epc+.card-epc {
	margin-top: 160px
}

.card-epc>.card-head {
	margin-right: 120px
}

.card-epc>.card-head .img,.card-service>.card-head .img {
	width: 600px;
	height: 400px;
	-o-object-fit: cover;
	object-fit: cover;
	min-height: 150px
}

.card-epc>.card-body,.card-service>.card-body {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.card-epc>.card-body:before,.card-service>.card-body:before {
	content: "";
	position: absolute;
	width: 300px;
	height: 100%;
	background-color: #f7f7f7;
	left: -120px;
	top: 0;
	z-index: -1
}

.card-company>.card-body>.en.vertical-rl,.card-epc>.card-body>.en.vertical-rl {
	position: absolute;
	bottom: 0;
	width: 40px;
	padding: 0 10px
}

.card-company>.card-body>.en,.card-epc>.card-body>.en {
	font-family: Bebas;
	font-size: 37px;
	color: #e6e6e6
}

.card-epc>.card-body>.num {
	position: absolute;
	left: 0;
	top: -20px;
	height: 43px;
	line-height: 43px;
	font-family: Bebas;
	font-size: 48px;
	color: #333
}

.card-epc>.card-body>.tit.bl {
	margin-top: 142px;
	margin-bottom: 20px
}

.card-epc>.card-body>.tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 36px;
	line-height: 36px;
	color: #333
}

.card-epc>.card-body>.tit:before {
	height: 40px;
	border-width: 0 3px 0 0;
	border-radius: 2px;
	border-color: #eac900;
	left: 0;
	top: -80px;
	right: auto
}

.card-epc>.card-body>.txt {
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0;
	color: #999
}

.card-epc.reverse>.card-head {
	margin-left: 120px
}

.card-epc.reverse>.card-body {
	text-align: right
}

.card-epc.reverse>.card-body:before {
	left: auto;
	right: -120px
}

.card-epc.reverse>.card-body>.num {
	left: auto;
	right: 0
}

.card-epc.reverse>.card-body>.tit:before {
	left: auto;
	right: 0
}

.card-epc.reverse>.card-body>.en {
	left: 0;
	right: auto
}

.card-epc.reverse>.card-body>.en .en {
	bottom: 120px;
	left: 54px;
	position: absolute
}

.card-epc.about {
	padding-top: 0
}

.card-epc.about>.card-head .img {
	width: 400px;
	height: 640px;
	background-color: #10aaeb
}

.card-epc.about>.card-body:before {
	display: none
}

.card-epc.about>.card-body>.tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 30px;
	margin-top: 130px;
	margin-bottom: 0;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #666
}

.card-epc.about>.card-body>.en {
	font-family: MicrosoftYaHei-Bold;
	font-size: 72px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 4px;
	color: #e6e6e6
}

.card-epc.about>.card-body>.num,.card-linian>.card-head>.num {
	font-family: MicrosoftYaHei-Bold;
	font-size: 24px;
	position: absolute;
	right: 0;
	top: 0;
	min-width: 24px;
	height: auto;
	line-height: 1;
	letter-spacing: 1px;
	border-radius: 0;
	white-space: nowrap;
	color: #666;
	padding: 30px 24px;
	width: 72px;
	border: solid 2px #666
}

.card-epc.about>.card-body>.num:before,.card-linian>.card-head>.num:before {
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border-color: #666;
	width: auto;
	height: auto;
	border-radius: 0
}

.card-epc.about>.card-body .txt-group {
	padding: 53px 0
}

.card-epc.about>.card-body .txt-group p {
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #666
}

.card-epc.about>.card-body .txt-group p+p {
	margin-top: 28px
}

.card-epc.about>.card-body .collapse-more {
	display: none;
	padding: 28px 0 0 0
}

.card-epc.about>.card-body .btn-group {
	text-align: left
}

.card-epc.about.reverse>.card-body {
	text-align: justify
}

.card-epc.about.reverse>.card-body>.num {
	right: auto;
	left: 0
}

.card-epc.about.reverse>.card-body>.tit {
	text-align: right
}

.card-epc.about.reverse>.card-body>.en {
	left: -136px;
	top: 80px;
	width: 57px
}

.box-about {
	padding-bottom: 160px
}

.card-epc.fuwu {
	padding-top: 0
}

.card-epc.fuwu>.card-head {
	margin-right: 100px
}

.card-epc.fuwu>.card-body {
	padding: 100px 50px 20px 0
}

.card-epc.fuwu>.card-body:before {
	width: auto;
	height: auto;
	top: 40px;
	bottom: 40px;
	left: -100px;
	right: 0
}

.card-epc.fuwu>.card-body>.num {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	top: 160px;
	left: -140px;
	z-index: 6;
	font-family: Bebas;
	font-size: 32px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #fff
}

.card-epc.fuwu>.card-body>.en {
	height: 25px;
	line-height: 25px;
	font-family: MicrosoftYaHei-Bold;
	position: static;
	width: auto;
	font-size: 28px;
	color: #333
}

.card-epc.fuwu>.card-body>.tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	margin: 9px 0 17px;
	color: #666
}

.card-epc.fuwu>.card-body>.txt {
	font-size: 16px;
	font-weight: 400;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0;
	color: #333
}

.card-epc.fuwu.reverse>.card-head {
	margin-left: 100px
}

.card-epc.fuwu.reverse>.card-body {
	text-align: left;
	padding-left: 60px;
	padding-right: 0
}

.card-epc.fuwu.reverse>.card-body:before {
	right: -100px;
	left: 0
}

.card-epc.fuwu.reverse>.card-body .num {
	left: auto;
	right: -140px
}

.card-epc.fuwu.reverse>.card-body .txt {
	margin-right: -25px
}

.box-anli .btn-group,.box-gongcheng .btn-group,.box-partenr .btn-group,.news-center .btn-group {
	padding-bottom: 0
}

.ul-partenr {
	margin-right: -22px;
	margin-bottom: -20px
}

.partenr-nav {
	padding: 0 0 100px;
	text-align: center
}

.partenr-nav>span {
	width: 55px;
	height: 55px;
	font-family: MicrosoftYaHei-Bold;
	display: inline-block;
	border-radius: 50%;
	vertical-align: top;
	font-size: 18px;
	text-align: center;
	line-height: 55px;
	color: #fff;
	margin-right: -18px;
	position: relative;
	text-transform: uppercase
}

.card-partenr {
	position: relative;
	margin: 0 20px 20px 0
}

.card-partenr.partenr {
	overflow: hidden
}

.card-partenr.partenr>.card-head {
	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
}

.card-partenr.partenr>.card-body,.card-partenr.partenr>.card-body .img,.card-partenr.partenr>.card-head {
	width: 387px;
	height: 200px;
	background-color: #f7f7f7
}

.card-partenr.partenr>.card-head .img {
	width: 240px;
	height: 70px
}

.card-partenr.partenr>.card-body {
	position: absolute;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	text-align: center
}

.card-partenr.partenr:hover>.card-body {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.card-partenr.partenr>.card-body * {
	position: relative;
	z-index: 1
}

.card-partenr.partenr>.card-body .img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.card-partenr.partenr>.card-body .en {
	height: 18px;
	line-height: 18px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 24px;
	margin-top: 64px;
	color: #fff
}

.card-partenr.partenr>.card-body .num {
	font-size: 16px;
	color: #fff;
	padding: 12px;
	font-family: simsun
}

.card-partenr.partenr>.card-body .tit {
	font-size: 16px;
	color: #fff
}

.card-partenr.partenr2>.card-head,.card-partenr>.card-foot {
	width: 285px;
	height: 120px
}

.card-partenr.partenr2>.card-head img,.card-partenr>.card-foot img {
	width: 100%;
	height: 100%
}

.card-partenr.partenr2>.card-head img,.card-partenr>.card-foot img {
	border-radius: 5px
}

.card-partenr>.card-foot {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: .35s;
	transition: .35s
}

.card-partenr:hover>.card-foot {
	opacity: 1
}

.box-company {
	min-height: 720px
}

.box-company>.card-head {
	padding: 118px 0 120px;
	text-align: center
}

.box-company>.card-head>.en {
	font-family: MicrosoftYaHei-Bold;
	font-size: 42px;
	color: #4d4d4d
}

.box-company>.card-head>.txt {
	font-size: 16px;
	margin-top: 14px;
	color: #666
}

.card-company {
	background-color: #fff
}

.card-company>.card-head .img {
	width: 400px;
	height: 840px;
	background-color: #0b244d
}

.card-company>.card-body {
	padding: 60px 80px;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.card-company>.card-body>.tit.big {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	padding: 31px 0 31px 163px;
	position: relative;
	background-color: #f7f7f7;
	letter-spacing: 1px;
	margin-bottom: 102px;
	color: #666
}

.card-company>.card-body>.tit.big:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 1px solid #f7f7f7;
	border-width: 20px;
	border-style: solid dashed dashed solid;
	border-color: #f7f7f7 transparent transparent #f7f7f7;
	top: 100%;
	left: 0
}

.card-company>.card-body>.en {
	width: 58px;
	bottom: auto;
	top: 80px;
	left: 100%;
	margin-left: 78px;
	font-family: MicrosoftYaHei-Bold;
	height: 748px;
	font-size: 72px;
	color: #e6e6e6
}

.collapse-more {
	display: none
}

.card-company>.card-body>.collapse-more>.list,.card-company>.card-body>.list {
	margin-bottom: 53px
}

.card-company>.card-body>.collapse-more>.list>.tit,.card-company>.card-body>.list>.tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	letter-spacing: 1px;
	color: #666
}

.card-company>.card-body>.collapse-more>.list>.txt,.card-company>.card-body>.list>.txt {
	font-size: 14px;
	line-height: 24px;
	margin-top: 24px;
	letter-spacing: 1px;
	text-align: justify;
	color: #666
}

.card-company>.card-body .btn-group {
	padding-top: 54px
}

.card-linian {
	padding: 120px 0 295px
}

.card-linian>.card-head {
	width: 152px
}

.card-linian>.card-head>.num {
	position: relative
}

.card-linian>.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-bottom: -55px
}

.card-linian>.card-body .list {
	width: 496px;
	margin-bottom: 55px
}

.card-linian>.card-body .list>.txt {
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
	padding-left: 33px;
	padding-right: 70px;
	text-align: justify;
	min-height: 48px;
	letter-spacing: 1px;
	color: #666
}

.banner-linian.middle {
	height: 320px;
	margin-top: -175px;
	margin-bottom: 150px;
	-webkit-box-shadow: 0 20px 60px 0 rgba(22,76,160,.25);
	box-shadow: 0 20px 60px 0 rgba(22,76,160,.25)
}

.banner-linian.middle .box-img-txt {
	width: 564px;
	bottom: auto;
	top: 50%
}

.banner-linian.middle .box-img-txt:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255,255,255,.75);
	border-width: 0 1px;
	left: 0;
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg)
}

.banner-linian.middle .box-img-txt .en {
	height: 32px;
	line-height: 32px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 42px
}

.banner-linian.middle .box-img-txt .tit {
	height: 30px;
	line-height: 30px;
	font-family: ZCOOL_KuHei;
	margin-top: 18px;
	font-size: 47px;
	color: #fff
}

.banner-linian.min {
	height: 160px;
	background-color: #f7f7f7
}

.banner-linian.min .tit {
	position: relative;
	width: 200px;
	line-height: 60px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	z-index: 6;
	text-align: center;
	margin: 0 auto 0;
	top: -30px;
	color: #fff
}

.banner-linian.min .txt {
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	padding-top: 4px;
	width: 650px;
	margin: 0 auto;
	color: #666
}

.box-gongcheng>.card-head .decorate {
	margin: 0 auto 119px
}

.decorate.two .icon-group {
	margin-top: 28px
}

.decorate.two .icon-group .icon {
	position: relative
}

.decorate.two .icon-group .icon+.icon {
	margin-left: -13px
}

.decorate.two .en {
	font-size: 36px;
	color: #666
}

.decorate.two .icon-group+.txt {
	margin-top: 33px
}

.decorate.two .txt {
	color: #999
}

.btn-next {
	line-height: 41px
}

.btn-next>.box {
	padding: 0 48px
}

.btn-next>.icon-rise-l,.btn-next>.icon-rise-r {
	position: absolute;
	top: 50%;
	margin-left: 14px
}

.btn-next>.icon-rise-l {
	margin-left: -28px
}

.anli-show:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.card-news-anli {
	position: relative;
	width: 360px;
	margin-left: auto;
	margin-right: auto
}

.card-news-anli:before,.card-peitao:before {
	-webkit-transform: scaleY(0) translateZ(0);
	transform: scaleY(0) translateZ(0);
	z-index: 1;
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#0b244d,#0b244d);
	opacity: .8
}

.card-news-anli:hover:before,.card-peitao:hover:after,.card-peitao:hover:before {
	-webkit-transform: scaleY(1) translateZ(0);
	transform: scaleY(1) translateZ(0);
	opacity: .6
}

.card-peitao:before {
	-webkit-transform: scaleY(1) translateZ(0);
	transform: scaleY(1) translateZ(0);
	opacity: 0
}

.card-news-anli:hover>.card-body,.card-peitao:hover>.card-body {
	opacity: 1
}

.card-news-anli>.card-head .img {
	width: 360px;
	height: 360px
}

.card-news-anli .angle-group {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.card-news-anli>.card-body,.card-peitao>.card-body {
	position: absolute;
	padding: 19px 20px 17px;
	min-width: 240px;
	text-align: center;
	z-index: 3;
	opacity: 0;
	-webkit-transition: .4s;
	transition: .4s
}

.card-news-anli>.card-body>.tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 22px;
	color: #fff
}

.card-news-anli>.card-body>.txt {
	font-size: 16px;
	height: 12px;
	line-height: 12px;
	margin-top: 10px;
	color: #fff
}

.article.anli .article-main .time {
	height: 90px;
	background-color: #f7f7f7;
	padding-top: 30px;
	text-align: center;
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	color: #333
}

.article.anli .article-main .tag-group {
	margin: 0 auto 95px;
	text-align: center;
	position: relative;
	z-index: 5
}

.article.anli .article-main .tag-group .btn {
	font-size: 14px;
	padding: 14px 21px;
	color: #fff;
	position: relative;
	top: -20px;
	background-color: transparent;
	line-height: 14px;
	border-radius: 0
}

.tag-group .btn:not(:last-child) {
	margin-right: 20px
}

.txt-group {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	text-align: justify
}

.txt-group img {
	margin: 10px 60px 10px 0;
	display: inline-block!important
}

.txt-group img:last-child {
	margin-right: 0
}

.txt-group p>span+span>img {
	margin-left: 60px
}

.news-show {
	padding-top: 160px
}

.article.show .article-main>.tit {
	font-size: 36px;
	color: #333;
	line-height: 40px;
}

.article.show .article-main>.time {
	font-size: 14px;
	line-height: 50px;
	padding-left: 20px;
	background-color: #f7f7f7;
	margin: 40px auto 34px;
	color: #333
}

.article.show .article-main>.txt-group {
	font-size: 14px;
	line-height: 26px;
	color: #333
}

.article.show .article-main>.txt-group p {
	margin-bottom: 5px
}

.article.show .page {
	margin-right: -400px
}

.breadcrumb {
	line-height: 44px
}

.breadcrumb .tit {
	color: #666
}

.breadcrumb a:hover {
	color: #10aaeb
}

.box-chat {
	padding: 56px 0;
	min-height: 240px
}

.box-chat>.w1200>.txt {
	font-size: 16px;
	text-align: center;
	padding: 0 35px;
	line-height: 1.5;
	color: #666
}

.ul-chat {
	width: 1000px;
	background-color: #fff;
	padding: 60px 30px;
	margin: -80px auto 0
}

.ul-chat>.list {
	margin-bottom: 30px
}

.ul-chat>.list>.card-head {
	margin-right: 10px
}

.ul-chat>.list>.card-head .img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.ul-chat>.list>.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 50px
}

.ul-chat>.list>.card-body .txt {
	background-color: #f2f2f2;
	font-size: 14px;
	position: relative;
	padding: 8px 16px;
	display: inline-block;
	line-height: 24px;
	min-height: 40px;
	border-radius: 0 100px 100px 100px;
	color: #333
}

.ul-chat>.list>.card-body .txt:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 10px;
	height: 20px;
	background: url(../images/icon-chat-04.png) no-repeat;
	background-size: cover
}

.ul-chat>.list.reverse>.card-head {
	margin-left: 10px;
	text-align: right
}

.ul-chat>.list.reverse>.card-body {
	padding-right: 0;
	padding-left: 50px
}

.ul-chat>.list.reverse>.card-body .txt {
	color: #fff;
	border-radius: 20px 0 20px 20px;
	padding: 8px 24px 8px 30px;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,#2c97dd),to(#2cc6f1));
	background-image: linear-gradient(0deg,#2c97dd 0,#2cc6f1 100%);
	background-blend-mode: normal,normal
}

.ul-chat>.list.reverse>.card-body .txt:before {
	height: 24px;
	background-image: url(../images/icon-chat-13.png);
	left: 100%
}

.box-lianxi {
	padding-bottom: 220px
}

.card-sanren>.card-head .img {
	width: 600px;
	height: 360px;
	background-color: #ededed
}

.card-sanren>.card-body {
	padding: 0 40px 0 60px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.card-sanren>.card-body .en {
	height: 37px;
	line-height: 37px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 48px;
	color: #333
}

.card-sanren>.card-body .en+.txt {
	margin-top: 51px
}

.card-sanren>.card-body .txt {
	font-size: 16px;
	min-height: 151px;
	line-height: 24px
}

.list-data {
	background-color: #f7f7f7;
	height: 120px;
	text-align: center
}

.list-data>.list {
	padding: 32px 10px;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.list-data>.list:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 60px;
	background-color: #e6e6e6;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.list-data>.list:last-child:before {
	display: none
}

.list-data>.list .num {
	height: 23px;
	line-height: 23px;
	font-size: 30px;
	color: #1771cb
}

.list-data>.list .num+.txt {
	margin-top: 20px
}

.list-data>.list .txt {
	height: 12px;
	line-height: 12px;
	font-size: 14px;
	color: #999
}

.list-data.tel {
	width: 730px;
	padding: 22px 0;
	background-color: #e6e6e6;
	height: auto;
	border-radius: 50px
}

.list-data.tel>.list {
	padding: 0;
	height: 40px;
	text-align: left;
	-webkit-box-flex: 0;
	-ms-flex: 0 auto;
	flex: 0 auto;
	min-width: 150px;
	width: 50%;
	padding-left: 22px
}

.list-data.tel>.list>* {
	position: relative;
	z-index: 5
}

.list-data.tel>.list:first-child {
	padding-left: 96px
}

.list-data.tel>.list.on:before {
	content: "";
	position: absolute;
	height: 100px;
	display: block;
	background-image: -webkit-gradient(linear,left bottom,left top,from(#2c97dd),to(#2cc6f1)),-webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#e6e6e6));
	background-image: linear-gradient(0deg,#2c97dd 0,#2cc6f1 100%),linear-gradient(#e6e6e6,#e6e6e6);
	background-blend-mode: normal,normal;
	border-radius: 49px;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.list-data.tel>.list.on .txt {
	color: #fff
}

.list-data.tel>.list.on .icon:after {
	opacity: 1
}

.list-data.tel>.list .txt {
	font-size: 14px;
	height: auto;
	line-height: 20px;
	padding-left: 10px;
	color: #666
}

.banner-lianxi.min {
	height: 200px;
	top: -100px;
	margin-bottom: -100px
}

.banner-lianxi.min>div {
	width: 930px;
	white-space: normal
}

.banner-lianxi.min>div .txt {
	font-size: 16px;
	line-height: 24px;
	color: #fff
}

.box-sarenzongbu .decorate {
	margin-top: 115px;
	margin-bottom: 147px
}

.box-sarenzongbu .decorate.two .icon-group+.txt {
	margin-top: 60px;
	font-size: 16px;
	margin-bottom: 40px;
	color: #333
}

.box-card-epc.lianxi {
	margin-right: -45px;
	padding-top: 100px
}

.box-card-epc.lianxi>.list {
	margin: 0 40px 40px 0;
	padding: 0;
	width: auto;
	-webkit-box-shadow: 0 0 35px 2px rgba(163,192,204,.2);
	box-shadow: 0 0 35px 2px rgba(163,192,204,.2)
}

.box-card-epc.lianxi>.list>.card-head {
	margin: 0
}

.box-card-epc.lianxi>.list>.card-head .img {
	width: 580px;
	height: 360px;
	background-color: #36d0ff
}

.box-card-epc.lianxi>.list>.card-body {
	width: 100%;
	max-width: 580px
}

.box-card-epc.lianxi>.list .tit {
	position: absolute;
	line-height: 60px;
	padding: 0 26px;
	color: #fff;
	top: 40px;
	left: 40px
}

.box-card-epc.lianxi>.list>.card-body {
	padding: 26px 16px
}

.box-card-epc.lianxi>.list>.card-body:before {
	display: none
}

.box-card-epc.lianxi>.list .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px
}

.box-card-epc.lianxi>.list .txt {
	font-size: 16px;
	top: 100px;
	color: #333;
	line-height: 24px
}

.box-card-epc.lianxi>.list .txt+.txt {
	margin-top: 10px
}

.box-card-epc.lianxi>.list .txt .icon {
	margin-right: 10px;
	margin-top: 1px
}

.ul-join {
	margin-right: 0;
	position: relative;
	margin-bottom: -80px
}

.ul-join>.list {
	position: relative;
	margin: 0 78px 80px 0;
	width: 560px;
	height: 360px;
	background-color: #f7f7f7
}

.ul-join>.list:nth-child(2n+2) {
	margin-right: 0
}

.ul-join>.list .tit {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
	line-height: 64px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	text-align: center;
	color: #fff;
	border-radius: 0 64px 0 0
}

.ul-join>.list .txt {
	position: absolute;
	width: 402px;
	padding: 43px 0;
	font-size: 16px;
	line-height: 24px;
	left: 79px;
	right: 79px;
	top: 50px
}

.ul-join>.list .txt:after,.ul-join>.list .txt:before {
	content: '"';
	position: absolute;
	width: 26px;
	height: 19px;
	font-size: 80px;
	line-height: 24px;
	color: #ccc;
	font-style: oblique;
	display: none
}

.ul-join>.list .txt:before {
	left: -22px;
	top: 17px
}

.ul-join>.list .txt:after {
	right: 22px;
	bottom: -17px
}

.ul-join>.list.reverse .tit {
	left: auto;
	right: 0;
	background-image: linear-gradient(-12deg,rgba(23,113,203,.5) 0,#14c6ee 100%);
	background-blend-mode: normal,normal;
	border-radius: 64px 0 0 0
}

.ul-join>.list-rencai {
	top: 320px;
	left: 520px;
	position: absolute;
	white-space: normal
}

.list-rencai {
	width: 160px;
	height: 160px;
	border-radius: 50%
}

.list-rencai>.box {
	width: 120px;
	height: 120px;
	padding: 30px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 24px;
	line-height: 32px;
	border-radius: 50%;
	color: #fff;
	text-align: center
}

.list-rencai:after,.list-rencai:before {
	content: "";
	position: absolute;
	border-radius: inherit
}

.list-rencai:before {
	left: 20px;
	top: 20px;
	width: 120px;
	height: 120px;
	background-image: linear-gradient(-12deg,#14c6ee 0,#1771cb 100%),linear-gradient(#164ca0,#164ca0);
	background-blend-mode: normal,normal;
	-webkit-box-shadow: 0 20px 100px 0 rgba(22,76,160,.25);
	box-shadow: 0 20px 100px 0 rgba(22,76,160,.25);
	opacity: .3;
	z-index: 1
}

.list-rencai:after {
	width: 160px;
	height: 160px;
	left: 0;
	top: 0;
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#164ca0,#164ca0);
	background-blend-mode: normal,normal;
	-webkit-box-shadow: 0 20px 100px 0 rgba(22,76,160,.25);
	box-shadow: 0 20px 100px 0 rgba(22,76,160,.25)
}

.list-rencai>.box {
	z-index: 3;
	white-space: normal
}

.ul-gangwei {
	margin-right: -1px;
	padding-bottom: 1px
}

.ul-gangwei>.list {
	width: 301px;
	height: 120px;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	margin: 0 -1px -1px 0;
	position: relative
}

.ul-gangwei>.list a {
	display: block;
	height: 100%
}

.ul-gangwei>.list .tit {
	padding: 0 40px;
	left: 0;
	right: 0;
	font-size: 16px;
	text-align: center
}

.ul-gangwei>.list .tit .icon {
	position: absolute;
	right: 41px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.ul-gangwei>.list .img {
	opacity: 0
}

.ul-gangwei>.list:hover .icon:after,.ul-gangwei>.list:hover .img {
	opacity: 1
}

.ul-gangwei>.list:hover .tit {
	color: #fff
}

.card-head.one>.decorate {
	margin-top: 60px
}

.box-anli>.card-foot .btn {
	padding-left: 39px;
	padding-right: 39px
}

.card-guihua {
	text-align: center;
	background-color: #f7f7f7;
	height: 200px;
	width: 250px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.card-guihua>.card-body {
	-webkit-box-flex: 0;
	-ms-flex: 0 auto;
	flex: 0 auto
}

.card-guihua.one {
	width: 200px;
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#36d0ff,#36d0ff)
}

.card-guihua.one .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	margin-top: 0;
	color: #fff;
	padding: 17px 0 15px;
	position: relative
}

.card-guihua.one .tit:before {
	bottom: 0;
	width: 16px;
	left: 50%;
	margin-left: -8px;
	border-color: #fff;
	border-width: 2px 0 0 0
}

.card-guihua:before {
	border-color: #e6e6e6;
	height: 120px;
	right: 0;
	top: 50%;
	border-width: 0 1px 0 0;
	margin-top: -60px
}

.card-guihua .num {
	width: 72px;
	height: 72px;
	line-height: 70px;
	min-width: 72px;
	background-color: transparent;
	display: block;
	margin-left: auto;
	margin: auto;
	font-family: Bebas;
	font-size: 40px;
	color: #999
}

.card-guihua .num:before {
	border-color: #999
}

.card-guihua .tit {
	font-size: 16px;
	margin-top: 16px;
	line-height: 1.5;
	color: #333
}

.box-peitao {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.box-peitao>.card-head>.decorate {
	margin-top: 58px
}

.box-peitao>.box:first-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.box-peitao .list.three {
	margin-left: 20px
}

.box-peitao .list+.list {
	margin-top: 20px
}

.box-peitao .list.reverse>.card-peitao+.card-peitao {
	margin-left: 0;
	margin-right: 20px
}

.card-peitao {
	position: relative;
	height: 320px
}

.card-peitao+.card-peitao {
	margin-left: 20px
}

.card-peitao>.card-head .img {
	width: 400px;
	height: 320px
}

.card-peitao.two>.card-head .img {
	width: 320px
}

.card-peitao.three {
	height: 660px
}

.card-peitao.three>.card-head .img {
	width: 440px;
	height: 660px
}

.card-peitao>.card-body {
	min-width: 180px;
	text-align: center;
	max-width: 100%;
	-webkit-transform: none;
	transform: none;
	left: 20px;
	bottom: 20px;
	border: 1px solid #fff;
	top: auto;
	min-height: 120px
}

.card-peitao>.card-body * {
	color: #fff
}

.card-peitao>.card-body .en {
	line-height: 1.2;
	font-family: MicrosoftYaHei-Bold;
	white-space: normal;
	word-wrap: break-word;
	font-size: 18px;
	color: #fff
}

.card-peitao>.card-body .en+.tit {
	margin-top: 22px
}

.card-peitao>.card-body .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	padding-top: 19px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #fff
}

.card-peitao>.card-body .tit:before {
	border-width: 2px 0 0 0;
	border-color: #fff;
	width: 46%;
	left: 50%;
	-webkit-transform: translateX(-50%)!important;
	transform: translateX(-50%)!important
}

.peitao-nav {
	padding: 140px 0 120px
}

.peitao-nav a {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	overflow: hidden;
	display: inline-block;
	letter-spacing: 1px;
	position: relative;
	cursor: pointer;
	color: #666;
	padding: 19px 55px
}

.peitao-nav .swiper-slide-thumb-active a,.peitao-nav a.on,.peitao-nav a:hover {
	color: #179cdf
}

.peitao-nav a.bef-bor:before {
	width: 26%;
	height: 3px;
	left: -13%;
	margin-left: 50%;
	background-image: -webkit-gradient(linear,left top,right top,from(#1771cb),to(#14c6ee)),-webkit-gradient(linear,left top,left bottom,from(#ccc),to(#ccc));
	background-image: linear-gradient(90deg,#1771cb 0,#14c6ee 100%),linear-gradient(#ccc,#ccc);
	background-blend-mode: normal,normal;
	border-radius: 2px;
	border: 0;
	bottom: -50px
}

.peitao-nav .swiper-slide-thumb-active a.bef-bor:before,.peitao-nav a.bef-bor.on:before,.peitao-nav a.bef-bor:hover:before {
	bottom: 0
}

.peitao-nav a.bef-bor:after {
	content: "";
	position: absolute;
	right: 0;
	border-right: 1px solid #ccc;
	top: 50%;
	margin-top: -9px;
	height: 18px
}

.card-service {
	width: 100%
}

.card-service+.card-service {
	padding-top: 160px
}

.card-service>.card-head .img {
	width: 600px;
	height: 400px
}

.card-service>.card-head a .num,.card-service>.card-head a .tit {
	position: absolute;
	top: 60px;
	left: 40px;
	text-align: center;
	width: 80px;
	color: #fff;
	z-index: 10
}

.bef-linear-gradient:before,.card-service>.card-head a .num:before,.card-service>.card-head a .tit:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border: 0;
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#36d0ff,#36d0ff);
	background-blend-mode: normal,normal;
	border-radius: inherit;
	opacity: .95;
	z-index: -1
}

.bef-linear-gradient.two:before {
	background-image: linear-gradient(-12deg,#d45f00 0,#eac900 100%),linear-gradient(#36d0ff,#36d0ff);
	background-blend-mode: normal,normal;
	opacity: .9
}

.card-service>.card-head a .num {
	height: 80px;
	line-height: 78px;
	font-family: Bebas;
	font-size: 32px;
	letter-spacing: 2px
}

.card-service>.card-head a .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	padding: 42px 30px 32px;
	left: 120px;
	line-height: 22px;
	color: #fff
}

.card-service>.card-head a .num:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -1px;
	border: 2px dashed #1771cb;
	border-width: 0 2px 0 0;
	height: 480px;
	opacity: .95
}

.card-service>.card-body {
	padding: 40px 30px 40px 60px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-service>.card-body:before {
	width: 100%;
	height: auto;
	top: 40px;
	bottom: 40px;
	left: 0
}

.card-service>.card-body .txt {
	font-size: 16px;
	line-height: 24px;
	padding-left: 41px;
	position: relative;
	min-height: 30px;
	padding-top: 3px;
	color: #666
}

.card-service>.card-body .txt+.txt {
	margin-top: 20px
}

.card-service>.card-body .bef-content:before {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	line-height: 30px;
	background-color: #999;
	font-size: 16px;
	left: 0;
	top: 0;
	color: #fff
}

.bef-linear-gradient {
	position: relative
}

.card-service.baozhang>.card-head {
	width: 200px
}

.card-service.baozhang.reverse>.card-head {
	text-align: right
}

.card-service.baozhang.reverse>.card-head>.box {
	top: -40px;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.card-service.baozhang>.card-head>.box {
	width: 200px;
	height: 200px;
	padding: 30px
}

.card-service.baozhang>.card-head .en {
	font-family: Bebas;
	font-size: 32px;
	height: 29px;
	line-height: 29px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #fff
}

.card-service.baozhang>.card-head .tit {
	font-size: 18px;
	padding: 20px 0 74px;
	font-weight: 400;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #fff
}

.card-service.baozhang>.card-head .tit:before {
	width: 40px;
	border-color: #fff;
	border-width: 4px 0 0 0
}

.card-service.baozhang.reverse>.card-head .tit:before {
	left: auto
}

.card-service.baozhang>.card-body:before {
	left: -100px;
	padding-right: 100px;
	top: 0;
	bottom: 0
}

.card-service.baozhang.reverse>.card-body:before {
	left: 0
}

.card-service:last-child>.card-head a .num:after {
	display: none
}

.down-service {
	padding-bottom: 100px
}

.down-service a {
	width: 400px;
	height: 200px;
	padding: 54px;
	text-align: center;
	background-color: #f2f2f2;
	display: block;
	margin: 0 auto;
	border: solid 1px #e5e5e5
}

.down-service a .tit {
	font-size: 14px;
	display: block;
	margin-top: 20px;
	letter-spacing: 1px;
	color: #666
}

.ul-service li {
	line-height: 60px
}

.ul-service li:not(:last-child) {
	margin-bottom: -1px
}

.ul-service li .tit {
	position: relative;
	font-size: 14px;
	display: block;
	padding-left: 25px;
	letter-spacing: 1px;
	border: solid 1px #e5e5e5;
	color: #666
}

.ul-service .list-head .tit {
	text-align: center;
	text-indent: 0;
	font-size: 16px;
	color: #fff;
	border-color: #2ea8e6
}

.ul-service .bef-linear-gradient:before,.ul-service li a:before {
	background-image: linear-gradient(-12deg,rgba(23,113,203,.5) 0,rgba(20,198,238,.5) 100%),linear-gradient(#2ea8e6,#2ea8e6);
	background-blend-mode: normal,normal
}

.ul-service li a:before {
	content: "";
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	left: 0;
	-webkit-transition: .35s;
	transition: .35s;
	z-index: -1
}

.box-anli .gongcheng-nav {
	padding-top: 0;
	width: 880px;
	margin: 0 auto;
	text-align: center
}

.gongcheng-nav.more>.box {
	margin-right: -30px
}

.gongcheng-nav.more>.box>.btn {
	margin: 0 20px 20px 0
}

.article.anli {
	padding-top: 100px
}

.article.anli .decorate {
	margin-top: 60px
}

.card-anli>.card-head>img {
	width: 360px;
	height: 320px
}

.card-anli>.card-body {
	width: 360px;
	text-align: center;
	height: 100px;
	background-color: #fff;
	border: solid 1px #e5e5e5;
	opacity: .95
}

.card-anli>.card-body .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 22px;
	margin-top: 0;
	color: #333
}

.card-anli>.card-body .txt {
	width: 240px;
	font-family: MicrosoftYaHei-Bold;
	line-height: 40px;
	padding-top: 10px;
	margin: 0 auto;
	font-size: 20px
}

.card-anli>.card-body .txt:before {
	display: none
}

.box-anli-main {
	margin-right: -60px;
	margin-bottom: -60px
}

.box-anli-main>a {
	margin: 0 60px 60px 0
}

.box-qiyezizhi {
	margin-right: -22px
}

.box-qiyezizhi>.list {
	margin: 0 20px 20px 0
}

.card-qiyezizhi {
	width: 387px;
	height: 200px
}

.card-qiyezizhi>.card-head img {
	width: 100%;
	height: 200px;
	position: relative
}

.card-qiyezizhi>.card-body {
	position: absolute;
	line-height: 24px;
	bottom: 0;
	width: 100%;
	padding: 10px;
	text-align: center
}

.card-qiyezizhi>.card-body>.tit {
	display: block;
	color: #fff
}

.swiper-container-projects {
	height: initial;
	min-height: 200px;
	max-height: 720px
}

.swiper-container-projects>.swiper-pagination-projects,.swiper-pagination-guihua {
	position: absolute;
	right: 360px;
	left: auto;
	bottom: 20px;
	width: auto;
	padding: 8px 24px;
	border-radius: 50px 0 0 50px;
	z-index: 3
}

.swiper-container-projects>.swiper-pagination-projects:before,.swiper-pagination-guihua:before {
	background-image: linear-gradient(-12deg,rgba(23,113,203,.6) 0,rgba(20,198,238,.6) 100%),linear-gradient(#06c,#06c);
	opacity: .95;
	filter: alpha(opacity=95);
	z-index: -1
}

.swiper-container-projects>.swiper-pagination-projects>span,.swiper-pagination-guihua>span {
	width: 24px;
	height: 24px;
	margin-right: 0!important;
	color: #fff;
	opacity: .5;
	text-align: center;
	line-height: 24px;
	background-color: transparent
}

.swiper-container-projects>.swiper-pagination-projects>span:first-child,.swiper-pagination-guihua>span:first-child {
	margin-left: 0!important
}

.swiper-container-guihua>.swiper-pagination-guihua>span+span,.swiper-container-projects>.swiper-pagination-projects>span+span {
	margin-left: 10px!important
}

.swiper-container-projects>.swiper-pagination-projects>.swiper-pagination-bullet-active,.swiper-container-projects>.swiper-pagination-projects>span:hover,.swiper-pagination-guihua>.swiper-pagination-bullet-active,.swiper-pagination-guihua>span:hover {
	opacity: 1;
	background-color: rgba(255,255,255,.1)
}

.swiper-container-projects .swiper-slide .box-img-txt {
	left: 0;
	padding: 52px 10% 38px 20%;
	border-radius: 0 500px 500px 0;
	text-align: left
}

.swiper-container-projects .swiper-slide .box-img-txt:before {
	background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#06c,#06c);
	opacity: .9;
	filter: alpha(opacity=90);
	z-index: -1
}

.swiper-container-projects .swiper-slide .box-img-txt .tit {
	font-size: 30px;
	margin: 18px 0 40px;
	color: #fff
}

.swiper-container-projects .swiper-slide .box-img-txt .btn {
	min-width: 101px;
	height: 33px;
	font-size: 12px;
	line-height: 31px;
	color: #fff
}

.swiper-container-news-center {
	padding: 30px 0;
	margin-top: -30px;
	margin-bottom: -30px
}

.swiper-container-anli .swiper-slide,.swiper-container-news-center .swiper-slide {
	width: 360px;
	height: 360px;
	margin-right: 60px
}

.card-news-anli>.card-head,.card-news-anli>.card-head .img,.swiper-container-anli .swiper-slide>a {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.swiper-container-guihua {
	margin: 100px auto
}

.swiper-container-guihua>.swiper-pagination-guihua {
	bottom: 20px;
	border-radius: 50px;
	width: auto;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.layui-tab.about {
	margin: 0
}

.layui-tab.about .layui-tab-title {
	height: auto;
	border: 0;
	text-align: center!important
}

.layui-tab.about .layui-tab-title .layui-this:after {
	display: none
}

.layui-tab.about .layui-tab-content,.layui-tab.about .layui-tab-title li {
	padding: 0
}

.layui-tab.about .layui-tab-title li:not(:last-child) {
	margin-right: 20px
}

.layui-tab.about .layui-show {
	-webkit-animation: layui-upbit .3s both;
	animation: layui-upbit .3s both
}

.layui-show>div {
	margin-top: 2px
}

.card-article a div {
	position: relative;
	z-index: 8
}

.card-article a .tit {
	position: absolute;
	left: 18px;
	bottom: 60px;
	font-weight: 700;
	font-size: 20px;
	line-height: 16px;
	color: #fff;
	opacity: .8
}

.card-article a .txt {
	position: absolute;
	left: 18px;
	bottom: 30px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	opacity: .5
}

.card-article a .tag-articles {
	position: absolute;
	right: 30px;
	top: 26px;
	font-size: 12px;
	opacity: .7;
	height: 28px;
	line-height: 22px
}

.box-shadow-000,.img-radius {
	position: relative
}

.box-shadow-000:before,.box-shadow-000>.img-radius:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 30%;
	bottom: 0;
	left: 0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),to(rgba(0,0,0,.6)));
	background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 100%);
	z-index: 1;
	border-radius: 100px 100px 30px 30px
}

.ul-articles-features {
	padding-bottom: 50px
}

.ul-articles-features .card-article {
	width: 430px;
	height: 400px;
	background-color: #171717
}

.ul-articles-features .card-article .tit {
	left: 30px;
	right: 30px;
	bottom: 30px;
	font-weight: 700;
	font-size: 18px;
	color: #fff
}

.ul-articles-features .card-article {
	margin-bottom: 60px
}

.ul-articles-features .card-article .tit {
	line-height: 1.25
}

.articles-main {
	padding: 0 40px
}

.card-author {
	padding: 20px 0
}

.horizontal>.card-head {
	margin-right: 18px
}

.horizontal>.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.horizontal>.card-body>.tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 13px;
	color: #fff;
	padding-top: 13px;
	opacity: .8
}

.horizontal>.card-body>.txt {
	line-height: 13px;
	margin-top: 10px;
	font-size: 12px;
	color: #fff;
	opacity: .5
}

.horizontal>.card-body>.other {
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.horizontal>.card-body>.other .select-hd {
	margin-left: 10px
}

.animate2 {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.footer {
	background-color: #f1f1f1;
	color: #333
}

.footer-navs {
	min-height: 208px;
	padding-top: 92px;
	padding-bottom: 40px
}

.footer-navs>div {
	padding-left: 11px
}

.footer-navs>.card-head {
	width: 371px
}

.footer-navs>.card-body {
	width: 348px
}

.footer-navs .bef-bor:before {
	border-width: 0 0 0 3px;
	height: 14px;
	border-color: #999;
	border-radius: 2px;
	left: -11px;
	top: 50%;
	margin-top: -7px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.footer-navs ul {
	text-align: left;
	width: 80%
}

.footer-navs li {
	line-height: 24px;
	margin-right: 35px;
	min-width: 25px
}

.footer-navs .min-width {
	min-width: 60px
}

.footer-navs .min-width a {
	width: 100%
}

.footer-navs>.card-head ul {
	width: 90%
}

.footer-navs>.card-head li {
	min-width: 60px;
	margin-right: 15px
}

.footer-navs>.card-body li {
	min-width: 48px
}

.footer-navs>.card-foot ul {
	width: 100%
}

.footer-navs>.card-foot li {
	margin-right: 8px
}

.footer-navs>.card-foot li .hover-bd {
	width: 120px;
	left: 50%;
	margin-left: -60px;
	padding-top: 12px
}

.footer-navs>.card-foot li .hover-bd .arrows {
	border-width: 8px;
	z-index: 10;
	left: 50%;
	margin-left: -8px;
	top: -5px;
	border-bottom-color: #fff
}

.footer-navs>.card-foot li:hover .hover-bd {
	-webkit-animation: layui-upbit .3s both;
	animation: layui-upbit .3s both
}

.footer-navs>.card-foot .tel {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	margin-right: 0;
	line-height: 24px;
	color: #666
}

.footer-navs>.card-foot .txt {
	font-size: 12px;
	margin-top: 22px;
	color: #666
}

.footer-navs .tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 14px;
	position: relative;
	font-weight: 400;
	font-stretch: normal;
	line-height: 42px;
	color: #999
}

.footer-navs a {
	font-size: 12px;
	display: block;
	font-weight: 400;
	font-stretch: normal;
	line-height: 2;
	letter-spacing: 0;
	color: #666
}

.footer-navs a:hover {
	color: #000
}

.footer-copy {
	border-top: 1px solid #4d4d4d
}

.footer-copy p {
	line-height: 44px;
	padding: 15px 0;
	font-size: 12px;
	color: #666;
	text-align: center;
	text-transform: uppercase
}

.pop.lianxi {
	max-width: 1000px;
	min-width: 320px;
	width: 90%;
	background-color: #fff;
	padding: 40px
}

.pop.lianxi>.card-head {
	padding: 60px 0;
	text-align: center
}

.pop.lianxi>.card-head>.tit {
	font-size: 36px;
	color: #666
}

.pop.lianxi>.card-body {
	max-height: 350px;
	overflow-y: auto
}

.pop.lianxi>.card-body>.list {
	margin-bottom: 78px
}

.pop.lianxi>.card-body>.list>.tit {
	font-family: MicrosoftYaHei-Bold;
	font-size: 18px;
	color: #666;
	padding-bottom: 20px
}

.pop.lianxi>.card-body>.list>.tit+.txt {
	margin-top: 34px
}

.pop.lianxi>.card-body>.list>.txt {
	font-size: 16px;
	line-height: 28px
}

.pop.lianxi>.card-foot {
	padding: 50px 0;
	margin-top: -50px;
	text-align: center
}

.pop.lianxi>.card-foot .btn {
	padding: 14px 28px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 14px;
	line-height: 1;
	height: auto;
	color: #666
}

.pop.lianxi>.card-foot .btn .txt-email {
	color: #1771cb
}

.card-article>div,.card-article>div>a {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	position: relative;
	overflow: hidden;
	vertical-align: top
}

.content-index .card-article>div>a {
	max-height: 200px
}

div.layui-zdy {
	border-radius: 30px;
	min-width: 380px
}

div.layui-zdy .hide {
	display: block;
	margin-top: 20px
}

div.layui-zdy .hide .tag-language {
	margin-bottom: 20px
}

div.layui-zdy .hide+.tag-language {
	display: none
}

.video {
	width: 100%;
	min-height: 450px;
	margin: 0 auto 30px;
	position: relative;
	cursor: pointer
}

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

.video.on .img-video {
	position: absolute;
	width: 100%
}

.video.on .video-playbtn {
	opacity: 0
}

.video.on .img-video {
	opacity: 0
}

.video-playbtn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: opacity .6s cubic-bezier(.4,0,.6,1);
	transition: opacity .6s cubic-bezier(.4,0,.6,1)
}

.a-block,.aft-border,.bef-border,.tit-bottom-border {
	position: relative
}

div#MEIQIA-BTN-HOLDER,ins#newBridge .icon-left-bottom {
	bottom: 100px;
	left: auto;
	right: 10px
}

div#MEIQIA-BTN {
	background-color: #fff;
	background-color: rgba(255,255,255,.7);
	z-index: 6;
	position: relative
}

div#MEIQIA-BTN-HOLDER:after,div#MEIQIA-BTN-HOLDER:before,ins#newBridge .icon-left-bottom:after,ins#newBridge .icon-left-bottom:before {
	content: "";
	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

div#MEIQIA-BTN-HOLDER:before,ins#newBridge .icon-left-bottom:before {
	background-color: #007aff;
	-webkit-animation: scaleout 2s infinite ease-in;
	animation: scaleout 2s infinite ease-in
}

div#MEIQIA-BTN-HOLDER:after,ins#newBridge .icon-left-bottom:after {
	background-color: #007aff;
	-webkit-animation: scaleout2 1.6s .6s infinite ease-in;
	animation: scaleout2 1.6s .6s infinite ease-in
}

div#MEIQIA-BTN #MEIQIA-BTN-ICON {
	z-index: 3
}

#MEIQIA-BTN #MEIQIA-BTN-ICON {
	background: url(../images/icon-chat.png) no-repeat 50% 0!important;
	background-size: cover!important
}

ins#newBridge .icon-left-bottom {
	width: 60px!important;
	height: 60px!important;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 31px;
	cursor: pointer;
	background: rgba(255,255,255,.9);
	-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,.16);
	box-shadow: 0 0 14px 0 rgba(0,0,0,.16)
}

ins#newBridge .nb-icon-skin-xc-1 .nb-icon-inner-wrap {
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	height: 104px !important;
/*width:32px!important;height:32px!important;border-radius:50%;background:url(../images/icon-chat.png) no-repeat 50% 0!important;background-size:cover!important;background-color:rgba(255,255,255,.7)*/
}

#newBridge #nb_toolbar_wrap {
	background-color: #fff
}

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

	80% {
		opacity: .15
	}

	100% {
		transform: scale(1.4);
		-webkit-transform: scale(1.4);
		opacity: .03
	}
}

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

	80% {
		opacity: .15
	}

	100% {
		transform: scale(1.4);
		-webkit-transform: scale(1.4);
		opacity: .03
	}
}

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

	100% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		opacity: 0
	}
}

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

	100% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
		opacity: 0
	}
}

.icon-arrow-up {
	overflow: visible;
	color: transparent
}

.icon-arrow-up:before {
	-webkit-animation: arrow-down 1.5s infinite ease-in both;
	animation: arrow-down 1.5s infinite ease-in both
}

.pagination {
	text-align: center;
	padding: 40px 0
}

.pagination>li {
	border: 1px solid #ccc;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-right: -1px;
	color: #666;
	position: relative
}

.pagination>li.disabled {
	cursor: no-drop;
	opacity: .5
}

.pagination>li.active,.pagination>li:hover {
	background: #10aaeb;
	color: #fff;
	border-color: #10aaeb;
	z-index: 5
}

.pagination>li a,.pagination>li span {
	min-width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: inherit;
	display: block
}

.lang_en .header .card-body {
	margin-left: 0;
	margin-right: 0
}

.lang_en .nav li>ul {
	width: auto;
	min-width: 100%
}

.lang_en .nav li>ul a {
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px
}

.lang_en .btn {
	padding-left: 30px;
	padding-right: 30px
}

.lang_en .card-epc.about>.card-body .txt-group {
	padding-top: 100px
}

.lang_en .card-company>.card-body .btn-group .btn {
	min-width: 150px
}

.lang_en .list-data>.list .txt {
	line-height: 1.2
}

.lang_en .list-data.tel {
	width: auto;
	min-width: 800px
}

.lang_en .ul-join>.list .tit {
	width: auto;
	padding-left: 20px;
	padding-right: 20px
}

.lang_en .banner-linian.min .tit {
	width: 450px
}

.lang_en .banner-linian.min .txt {
	width: auto
}

.lang_en .footer-navs>.card-foot {
	width: 380px
}

.lang_en .list-rencai>.box {
	padding-left: 0;
	padding-right: 0
}

.lang_en .ul-join>.list .txt {
	top: 0
}

.lang_en .list-data,.lang_en .list-data>.list .txt {
	height: initial;
	min-height: initial
}

.lang_en .footer-navs>.card-foot .txt {
	line-height: 1.2
}

.lang_en .card-epc>.card-body {
	padding-bottom: 40px
}

.lang_en .card-guihua .num {
	padding-left: 0;
	padding-right: 0;
	width: 44px
}

@-webkit-keyframes arrow-down {
	0% {
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0);
		opacity: 0
	}

	50% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0,30px,0);
		transform: translate3d(0,30px,0);
		opacity: 0
	}
}

@keyframes arrow-down {
	0% {
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0);
		opacity: 0
	}

	50% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}

	100% {
		-webkit-transform: translate3d(0,30px,0);
		transform: translate3d(0,30px,0);
		opacity: 0
	}
}

@-webkit-keyframes right-left {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
		display: none
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes right-left {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
		display: none
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@media (max-width:1500px) {
	.header .card-body {
		margin-left: -160px;
		margin-right: 0;
		text-align: left
	}
}

@media (min-width:1225px) {
	.header .nav li.on:after,.header .nav li:hover:after {
		height: 50%;
		border-radius: 80px;
		width: 90%
	}
}

@media (max-width:1240px) {
	.header {
		padding-left: 10px;
		padding-right: 10px
	}
.contact-us-layer {display:none;}
	.header .card-body {
		margin-left: -100px
	}

	.nav a {
		padding: 0 15px;
		min-width: 70px
	}

	.decorate.two .txt {
		line-height: 1.5
	}

	.w1200 {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px
	}

	.bg-img .box-img-txt .en,.bg-img .box-img-txt .tit,.bg-img .box-img-txt .txt {
		height: auto!important;
		line-height: 1.5!important
	}

	.bg-img .box-img-txt .en {
		font-size: 40px;
		letter-spacing: 3px
	}

	.bg-img .box-img-txt .txt {
		font-size: 18px;
		letter-spacing: 1px
	}

	.swiper-container-anli .swiper-slide {
		width: 280px;
		height: 280px
	}

	.swiper-container-anli .swiper-wrapper {
		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
	}

	.card-news-center>.card-head,.card-news-center>.card-head img {
		width: 100%;
		height: 100%
	}

	.card-news-center>.card-head {
		height: 240px
	}

	.card-epc>.card-head .img,.card-service>.card-head .img {
		width: 500px;
		height: 400px
	}

	.card-epc>.card-head,.card-lab>.card-head {
		margin-right: 20px
	}

	.card-epc.reverse>.card-head,.card-lab.reverse>.card-head {
		margin-left: 20px
	}

	.card-lab>.card-head .img {
		width: 500px;
		height: 350px
	}

	.card-lab .bef-aft:before {
		background-size: cover;
		height: 33px
	}

	.card-lab>.card-body .txt {
		margin-bottom: 40px
	}

	.card-pruduct>.card-body {
		min-width: 100px
	}

	.card-news-anli>.card-body>.tit {
		font-size: 14px
	}

	.card-news-anli>.card-body>.txt {
		font-size: 12px
	}

	.swiper-container-projects .swiper-slide img {
		min-height: 270px
	}

	.swiper-container-projects .swiper-slide .box-img-txt {
		padding: 20px 30px 20px 10px
	}

	.swiper-container-projects .swiper-slide .box-img-txt .tit {
		font-size: 20px;
		margin: 10px auto
	}

	.swiper-container-projects>.swiper-pagination-projects {
		right: 0
	}

	.box-peitao>.box {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 20px
	}

	.card-service>.card-body {
		padding-left: 10px;
		padding-right: 10px
	}

	.card-service>.card-body .txt+.txt {
		margin-top: 10px
	}

	.card-service>.card-body:before {
		top: 20px;
		bottom: 20px
	}

	.box-qiyezizhi {
		margin-right: 0
	}

	.box-anli-main>a,.box-qiyezizhi>.list,.card-partenr.partenr,.swiper-container-anli .swiper-slide,.ul-news-center.list>.list {
		width: calc(32%);
		margin-right: 2%;
		min-width: 200px
	}

	.box-anli-main>a:nth-child(3n),.box-qiyezizhi>.list:nth-child(3n),.card-partenr.partenr:nth-child(3n),.swiper-container-anli .swiper-wrapper .swiper-slide:nth-child(3n),.ul-news-center.list>.list:nth-child(3n) {
		margin-right: 0
	}

	.box-anli-main,.box-card-epc.lianxi,.ul-join,.ul-news-center.list,.ul-partenr {
		margin-right: 0;
		margin-bottom: 0
	}

	.card-anli>.card-head>img {
		width: 100%;
		max-height: 320px;
		height: initial
	}

	.box-card-epc.lianxi>.list>.card-head .img,.card-anli>.card-body,.card-anli>.card-body .txt,.card-news-center>.card-body,.card-partenr.partenr>.card-body,.card-partenr.partenr>.card-body .img,.card-partenr.partenr>.card-head {
		width: 100%
	}

	.card-company>.card-body>.tit.big {
		padding-left: 10px
	}

	.card-company>.card-body {
		padding: 10px
	}

	.banner-linian.middle {
		margin-top: 50px
	}

	.card-linian>.card-body {
		margin-bottom: 0
	}

	.card-sanren>.card-head .img {
		width: 400px;
		height: initial
	}

	.card-sanren>.card-body {
		padding-left: 10px;
		padding-right: 10px
	}

	.card-sanren>.card-body .en+.txt {
		min-height: initial;
		margin-bottom: 20px
	}

	.box-card-epc.lianxi>.list,.ul-join>.list {
		width: 49%;
		margin: 0 2% 2% 0
	}

	.box-card-epc.lianxi>.list:nth-child(2n),.ul-join>.list:nth-child(2n) {
		margin-right: 0
	}

	.box-card-epc.lianxi>.list>.card-head .img {
		height: initial;
		max-height: 360px
	}

	.ul-join>.list .txt {
		width: auto;
		left: 20px;
		right: 20px
	}

	.ul-join>.list-rencai {
		top: 50%;
		left: 50%;
		-webkit-transform: translate3d(-50%,-50%,0);
		transform: translate3d(-50%,-50%,0)
	}

	.ul-gangwei>.list {
		width: 25%
	}

	.ul-gangwei>.list .tit {
		padding: 0 10px
	}

	.ul-gangwei>.list .img {
		height: 100%;
		width: 100%
	}

	.card-guihua {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.swiper-container-guihua {
		margin: 40px auto
	}

	.swiper-container-guihua img {
		min-height: 240px
	}

	.article.show .page {
		margin-right: auto
	}

	.box-pruduct>.card-body .card-pruduct,.swiper-container-news-center .swiper-slide {
		width: 32%;
		margin-right: 2%
	}

	.box-pruduct>.card-body .card-pruduct:nth-child(3n+3),.swiper-container-news-center .swiper-slide:nth-child(3n+3) {
		margin-right: 0
	}

	.card-pruduct>.card-head .img,.swiper-container-news-center .swiper-slide img {
		width: 100%;
		height: initial;
		max-height: 360px
	}

	.card-news-center>.card-head {
		height: initial;
		max-height: 360px
	}

	.swiper-container-news-center .swiper-slide {
		height: initial
	}

	.lang_en .card-epc.about>.card-body>.tit {
		margin-top: 270px;
		margin-bottom: 0
	}

	.lang_en .card-epc.about>.card-body .txt-group {
		padding-top: 10px
	}

	.card-linian>.card-body .list {
		width: auto
	}

	.card-linian {
		padding-bottom: 50px
	}
}

@media (min-width:1239px) {
	.footer-navs .tit {
		cursor: inherit
	}
}

@media (max-width:1044px) {
	.header .card-head {
		padding-top: 10px;
		visibility: visible
	}

	.nav-header>li.card-head {
		display: none
	}

	.header {
		height: 60px;
		min-height: 60px
	}
	.contact-us-layer{display:none;}

	.mask-loading {
		top: 60px
	}

	#container {
		padding-top: 60px
	}

	.content>.wrap>.fluid.bg-img {
		margin-top: -60px
	}

	.mobile {
		display: block!important
	}

	.icon-mobile-nav {
		position: absolute;
		right: 10px;
		z-index: 6;
		top: 8px
	}

	.header .card-body {
		overflow-y: auto;
		display: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		right: 0;
		left: auto;
		padding-bottom: 30px;
		top: 60px;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.header .card-body[class*=animate] {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute
	}

	.header .card-foot {
		display: none
	}

	.header .card-body[class*=animate] .card-foot {
		display: block
	}

	.nav-header {
		width: 100%;
		max-height: 95%
	}

	.nav-header>li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.ul-articles .card-article,.ul-articles-features .card-article {
		display: block;
		-webkit-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
		width: calc(50% - 20px);
		margin-bottom: 30px;
		height: auto
	}

	.ul-articles .card-article:nth-child(2n+2) {
		margin-right: 0
	}

	.ul-articles-features .card-article {
		max-height: 400px;
		min-height: 245px
	}

	.articles-body>.tit,.next-articles>.card-head {
		font-size: 18px
	}

	.nav li>ul {
		position: static;
		display: none!important
	}

	.nav li>ul li {
		width: 100%
	}

	.nav a {
		padding: 0;
		border-bottom: 1px solid rgba(255,255,255,.2);
		line-height: 48px;
		height: auto
	}

	.header .nav li:after {
		display: none
	}

	.nav li>ul {
		background: 0 0
	}

	.nav a {
		background-image: url(about:blank)
	}

	.nav .on a {
		font-weight: bolder
	}

	.card-epc>.card-head .img,.card-service>.card-head .img {
		width: 400px;
		height: 267px
	}

	.card-epc>.card-body>.tit.bl:before {
		display: none
	}

	.card-epc>.card-body>.tit.bl {
		margin-top: 50px
	}

	.card-company>.card-body>.en.vertical-rl,.card-epc>.card-body>.en.vertical-rl {
		width: auto;
		-webkit-writing-mode: initial;
		-ms-writing-mode: initial;
		writing-mode: initial;
		bottom: 10px
	}

	.card-epc>.card-body:before,.card-service>.card-body:before {
		width: 100%;
		left: -20px;
		padding-right: 20px
	}

	.card-epc.reverse>.card-body:before {
		right: -20px;
		width: 100%
	}

	.card-lab>.card-head .img {
		width: 400px;
		height: 280px
	}

	.card-lab .bef-aft:before {
		height: 24px
	}

	.card-lab .bef-content:before {
		font-size: 80px;
		height: initial;
		line-height: 80px
	}

	.card-lab>.card-body .en {
		margin-top: 40px
	}

	.card-lab>.card-body .tit {
		margin-top: 10px;
		margin-bottom: 10px
	}

	.card-lab>.card-body .txt {
		margin-bottom: 20px
	}

	.card-pruduct>.card-body>.en,.card-recommend>.list>.tit,.swiper-container-projects .swiper-slide .box-img-txt .tit,.ul-service .list-head .tit {
		font-size: 14px
	}

	.icon-huawei {
		-webkit-transform: scale(.6);
		transform: scale(.6);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0
	}

	.swiper-container-projects .swiper-slide .box-img-txt .tit {
		margin-top: -5px
	}

	.card-recommend>.list>.en {
		font-size: 20px;
		margin: 10px auto
	}

	.ul-service li .tit {
		padding: 9px 10px;
		line-height: 44px;
		min-height: 60px
	}

	.ul-service .list-head .tit {
		line-height: 60px;
		padding: 0 10px
	}

	.box-anli .gongcheng-nav {
		width: 100%
	}

	.gongcheng-nav.more>.box>.btn {
		line-height: 44px;
		height: initial
	}

	.gongcheng-nav.more>.box>.btn:last-child {
		margin-right: 0
	}

	.card-epc.about.reverse>.card-body>.en {
		display: none
	}

	.card-epc.about>.card-body>.tit {
		margin-top: 160px;
		margin-bottom: -30px
	}

	.box-company {
		margin-bottom: 0;
		height: initial;
		padding-bottom: 40px
	}

	.card-news-center>.card-body>.tit,.ul-service li .tit {
		-webkit-line-clamp: 1
	}

	.banner-lianxi.min>div .txt,.card-news-center>.card-body>.tit,.ul-service li .tit {
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box!important;
		-webkit-box-orient: vertical
	}

	.banner-lianxi.min>div .txt {
		-webkit-line-clamp: 5
	}

	.card-epc.fuwu>.card-head {
		margin-right: 10px
	}

	.card-epc.fuwu>.card-body {
		padding: 10px 40px
	}

	.card-epc.fuwu>.card-body:before {
		top: 0;
		bottom: 0
	}

	.card-epc.fuwu>.card-body>.num {
		left: -50px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.card-epc.fuwu>.card-body>.en {
		height: initial
	}

	.card-epc.fuwu.reverse>.card-head {
		margin-left: 10px
	}

	.card-epc.fuwu.reverse>.card-body {
		padding-left: 10px;
		padding-right: 60px
	}

	.card-epc.fuwu.reverse>.card-body .num {
		right: -50px
	}

	.box-chat {
		padding-top: 40px;
		min-height: 160px;
		padding-bottom: 100px
	}

	.ul-chat {
		width: 100%
	}

	.banner-linian.middle .box-img-txt {
		margin-top: auto;
		width: 80%
	}

	.banner-lianxi.min>div {
		width: 90%
	}

	.box-card-epc.lianxi>.list .tit {
		font-size: 14px
	}

	.box-card-epc.lianxi>.list .txt {
		font-size: 10px;
		left: 0;
		bottom: 0;
		right: 0;
		top: auto
	}

	.ul-gangwei>.list {
		width: 33.3%
	}

	.ul-gangwei>.list .tit .icon {
		right: 10px
	}

	.header .card-body,.header.on:after,.header:after {
		background-image: linear-gradient(-12deg,#1771cb 0,#14c6ee 100%),linear-gradient(#36d0ff,#36d0ff);
		background-blend-mode: normal,normal
	}

	.footer-navs>div {
		width: 100%!important;
		padding-left: 0
	}

	.footer-navs .tit {
		position: relative;
		line-height: 44px
	}

	.footer-navs .bef-bor:before {
		border-width: 0 0 1px 0;
		height: initial;
		left: 0;
		margin: 0;
		top: auto;
		bottom: 0
	}

	.footer-navs .tit .i-colla {
		position: absolute;
		right: 0;
		top: 0;
		color: #333
	}

	.footer-navs a {
		line-height: 44px;
		min-width: 60px
	}

	.footer-navs ul {
		width: 100%
	}

	.footer-navs>.card-foot li {
		padding: 10px 0
	}

	.footer-navs {
		padding-top: 20px
	}

	.mobile-show-select {
		display: none
	}

	.box-about {
		padding-bottom: 40px
	}

	.gongcheng-nav.epc .btn {
		margin-bottom: 10px
	}

	.box-sarenzongbu .decorate {
		padding-left: 10px;
		padding-right: 10px
	}

	.list-data.tel {
		width: 100%;
		max-width: 800px
	}

	.g-c2-m0s10 .cm-wrap {
		margin-right: 0
	}

	.g-c2-m0s10 .col-sub {
		margin-left: auto;
		width: 100%
	}

	.g-c2-m0s10 .col-main {
		min-width: 280px
	}

	.ul-news-center.show {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.ul-news-center.show>.list {
		width: calc(33%);
		margin-right: 2%;
		margin-left: 0
	}

	.ul-news-center.show>.list:nth-child(3n) {
		margin-right: 0
	}

	.show>.box-img-txt {
		width: 98%
	}

	.banner-epc .box-img-txt .tit {
		font-size: 20px
	}

	.lang_en .list-data.tel,.list-data.tel {
		background-color: transparent;
		min-width: auto;
		width: 100%
	}

	.list-data.tel>.list {
		width: 100%
	}

	.list-data.tel>.list+.list {
		margin-top: 50px
	}

	.list-data.tel>.list:before {
		height: 200%
	}

	.list-data.tel>.list {
		height: initial;
		padding: 30px 50px;
		background-color: #e6e6e6;
		border-radius: 50px
	}
}

@media (max-width:850px) {
	.box-peitao>.box>.list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.box-peitao .list.three {
		margin-left: 0
	}

	.card-peitao {
		margin-bottom: 10px;
		margin-left: 0;
		width: 400px
	}

	.card-peitao+.card-peitao {
		margin-left: 0
	}

	.card-peitao.two>.card-head .img {
		width: 100%
	}
}

@media (max-width:750px) {
	.nav a {
		height: auto;
		line-height: 44px
	}

	.card-sanren>.card-body,.list-data.tel {
		padding-left: 0;
		padding-right: 0
	}

	.list-data.tel>.list:first-child {
		padding-left: 30px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.list-data.tel>.list {
		padding-right: 30px
	}

	.bg-features {
		height: 270px
	}

	.bg-banner .box-img-txt {
		margin-top: auto
	}

	.content-features .card-articles-w {
		margin-top: auto
	}

	.bg-features .box-img-txt .txt,.ul-join>.list .txt {
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box!important;
/*! autoprefixer: off */
		-webkit-box-orient: vertical
	}

	.bg-features .box-img-txt .txt {
		-webkit-line-clamp: 3
	}

	.bg-img {
		min-height: 270px;
		height: 270px
	}

	.bg-img .box-img-txt .en,.box-company>.card-head>.en {
		font-size: 20px
	}

	.bg-img .box-img-txt .txt,.box-company>.card-head>.txt {
		font-size: 10px;
		margin-top: 10px
	}

	.bg-img .box-img-txt .tit {
		font-size: 20px;
		line-height: 1!important
	}

	.bg-img .box-img-txt {
		bottom: auto;
		top: 50%;
		-webkit-transform: translate3d(-50%,-50%,0);
		transform: translate3d(-50%,-50%,0)
	}

	.bg-img .box-img-txt .en {
		margin: 0 auto
	}

	.banner-index .btn-group {
		padding: 10px 0
	}

	.banner-index .btn.bgc-fff {
		font-size: 12px;
		min-height: 28px;
		padding: 0 20px;
		line-height: 28px;
		height: initial
	}

	.banner-index .next {
		-webkit-transform: scale(.75);
		transform: scale(.75);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0
	}

	.banner-index .box-img-txt {
		margin-top: 30px
	}

	.bg-img .next {
		padding-top: 10px
	}

	.show>.box-img-txt {
		height: 100px;
		padding-top: 20px
	}

	.banner-epc .box-img-txt .tit+.txt {
		margin-top: 20px
	}

	.gongcheng-nav,.peitao-nav {
		padding-top: 40px;
		padding-bottom: 40px
	}

	.gongcheng-nav .btn {
		height: 44px;
		line-height: 44px;
		width: auto;
		min-width: 100px;
		padding: 0 18px!important;
		font-size: 14px
	}

	.decorate {
		padding: 0 10px
	}

	.decorate>.en {
		font-size: 20px!important;
		height: auto;
		line-height: 1.5
	}

	.decorate.two .icon-group {
		margin-top: 0
	}

	.card-news-center>.card-body>.txt,.decorate.two .icon-group+.txt {
		margin-top: 10px;
		font-size: 10px;
		line-height: 1.5
	}

	.card-epc>.card-body>.num {
		font-size: 24px;
		height: auto
	}

	.card-epc>.card-head {
		margin-right: 10px
	}

	.card-epc>.card-head .img,.card-service>.card-head .img {
		width: 240px;
		height: 160px
	}

	.card-epc>.card-body>.tit.bl {
		margin-top: 30px;
		margin-bottom: 10px
	}

	.card-epc>.card-body>.tit {
		font-size: 18px;
		line-height: 1
	}

	.card-epc>.card-body>.txt,.card-lab>.card-body .txt {
		font-size: 10px;
		line-height: 1.5
	}

	.card-company>.card-body>.en,.card-epc>.card-body>.en,.card-lab>.card-body .en {
		font-size: 20px
	}

	.box-lab-w .card-lab+.card-lab,.card-epc+.card-epc {
		margin-top: 40px
	}

	.card-guihua {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: auto;
		padding: 20px 0
	}

	.card-guihua .num {
		width: 44px;
		height: 44px;
		line-height: 42px;
		min-width: auto;
		font-size: 20px
	}

	.card-guihua .tit {
		font-size: 12px!important;
		margin-top: 10px;
		line-height: 1.5
	}

	.card-lab>.card-head .img {
		width: 240px;
		height: 168px
	}

	.card-lab .bef-aft:after,.card-lab .bef-aft:before {
		display: none
	}

	.card-lab .bef-content:before {
		font-size: 46px;
		line-height: 46px
	}

	.card-lab>.card-body .en {
		margin-top: 25px;
		height: initial;
		line-height: 1
	}

	.card-lab>.card-body .txt {
		margin-bottom: 5px
	}

	.card-lab>.card-body .tit {
		height: initial;
		line-height: 1
	}

	.card-pruduct {
		width: calc(50% - 10px);
		margin-bottom: 20px
	}

	.card-pruduct>.card-head a,.card-pruduct>.card-head img {
		width: 100%;
		display: block
	}

	.box-sarenlab>.card-head {
		padding-bottom: 0
	}

	.box-projets>.card-head {
		padding-top: 0
	}

	.box-news-center>.card-head>.decorate {
		margin-top: 40px
	}

	.card-recommend {
		margin-top: 0
	}

	.box-gongcheng>.card-head .decorate {
		margin-bottom: 40px
	}

	.box-company>.card-head,.btn-group {
		padding: 40px 0
	}

	.decorate {
		margin-top: 40px;
		margin-bottom: 40px;
		min-width: 300px
	}

	.content>.wrap {
		padding-bottom: 40px
	}

	.btn-next>.box {
		padding: 0 30px
	}

	.btn {
		font-size: 12px
	}

	.btn .icon.right {
		right: 12px
	}

	.btn .icon.left {
		left: 12px
	}

	.card-peitao {
		width: 100%;
		height: initial
	}

	.card-peitao>.card-head .img {
		height: initial
	}

	.card-peitao.two>.card-head .img {
		width: 100%
	}

	.box-peitao .list.three {
		margin-left: 0
	}

	.card-service>.card-body {
		padding: 10px
	}

	.card-service>.card-body:before {
		top: 0;
		bottom: 0;
		display: none
	}

	.card-service>.card-body .txt {
		font-size: 10px;
		line-height: 1.5;
		padding-left: 26px
	}

	.card-service>.card-body .bef-content:before {
		width: 20px;
		height: 20px;
		line-height: 18px;
		font-size: 12px;
		top: 2px
	}

	.card-epc.fuwu>.card-body>.num,.card-service>.card-head a .num {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px
	}

	.card-service>.card-head a .tit {
		font-size: 12px;
		width: auto;
		left: 0;
		bottom: 0;
		top: auto;
		width: 100%;
		padding: 10px;
		white-space: nowrap
	}

	.card-service+.card-service {
		margin-top: 40px;
		padding-top: 0
	}

	.card-service.baozhang {
		background-color: #f7f7f7
	}

	.card-service.baozhang>.card-head>.box {
		padding: 10px
	}

	.card-service.baozhang.reverse>.card-head>.box {
		top: 0;
		padding: 10px
	}

	.card-service.baozhang>.card-head .tit {
		font-size: 14px;
		padding-bottom: 30px;
		white-space: initial;
		word-break: break-word
	}

	.banner-linian.middle .box-img-txt .en,.card-service.baozhang>.card-head .en {
		font-size: 20px
	}

	.card-service.baozhang>.card-head {
		width: 120px;
		height: initial
	}

	.card-partenr.partenr2>.card-head,.card-partenr>.card-foot,.card-service.baozhang>.card-head>.box {
		width: 100%;
		height: 100%
	}

	.box-anli-main>a,.box-qiyezizhi>.list,.card-partenr,.card-partenr.partenr,.swiper-container-anli .swiper-slide,.ul-news-center.list>.list,.ul-news-center.show>.list {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%
	}

	.box-anli-main>a:nth-child(2n),.box-qiyezizhi>.list:nth-child(2n),.card-partenr.partenr:nth-child(2n),.card-partenr:nth-child(2n),.swiper-container-anli .swiper-slide:nth-child(2n),.ul-news-center.list>.list:nth-child(2n),.ul-news-center.show>.list:nth-child(2n) {
		margin-right: 0
	}

	.box-anli-main>a:nth-child(4n-1),.box-qiyezizhi>.list:nth-child(4n-1),.card-partenr.partenr:nth-child(4n-1),.card-partenr:nth-child(4n-1),.swiper-container-anli .swiper-slide:nth-child(4n-1),.ul-news-center.list>.list:nth-child(4n-1),.ul-news-center.show>.list:nth-child(4n-1) {
		margin-right: 2%
	}

	.card-anli>.card-body .tit,.card-anli>.card-body .txt,.card-news-center>.card-body>.tit {
		font-size: 14px
	}

	.card-anli>.card-body .txt {
		line-height: 44px;
		height: initial
	}

	.card-anli>.card-body {
		height: initial;
		padding-bottom: 20px
	}

	.card-epc.about>.card-body>.num,.card-epc.about>.card-body>.tit {
		font-size: 16px
	}

	.banner-linian.min .txt,.card-epc.about>.card-body .txt-group p {
		font-size: 12px;
		line-height: 1.5
	}

	.card-epc.about>.card-body .txt-group p+p {
		margin-top: 10px
	}

	.card-epc.about>.card-body>.num:before,.card-linian>.card-head>.num:before {
		-webkit-transform: none;
		transform: none
	}

	.card-epc.reverse>.card-head,.card-lab.reverse>.card-head {
		margin-left: 10px;
		min-height: 240px
	}

	.btn-group.pad-min {
		padding: 0 0 30px 0
	}

	.card-epc.about>.card-body .txt-group {
		padding: 30px 0
	}

	.lang_en .card-epc.about>.card-body .txt-group {
		padding-top: 10px
	}

	.card-epc.about.reverse>.card-body>.num {
		left: -40px;
		top: 20px
	}

	.card-epc.fuwu>.card-body>.num {
		margin-left: 21px
	}

	.card-epc.fuwu.reverse>.card-body .num {
		margin-right: 21px
	}

	.card-epc.fuwu>.card-body {
		padding-left: 30px
	}

	.card-company>.card-head .img,.card-epc.about>.card-head .img {
		width: 240px;
		height: initial
	}

	.card-company>.card-body>.list {
		margin-bottom: 10px
	}

	.card-company>.card-body>.list>.tit,.card-epc.fuwu>.card-body>.tit,.ul-join>.list .tit {
		font-size: 14px;
		line-height: 1.5
	}

	.card-company>.card-body>.list>.txt,.card-epc.fuwu>.card-body>.txt,.ul-chat>.list>.card-body .txt,.ul-join>.list .txt {
		font-size: 10px;
		line-height: 1.5;
		margin-top: 0
	}

	.card-company>.card-body>.tit.big {
		font-size: 16px;
		padding: 20px;
		margin-bottom: 32px
	}

	.card-company>.card-body>.tit.big:before {
		border-width: 10px
	}

	.card-company>.card-body .btn-group {
		padding-top: 20px
	}

	.card-news-center>.card-body>.tit,.card-news-center>.card-body>.tit:hover {
		line-height: 1.5
	}

	.card-news-center>.card-body>.txt {
		margin-top: 5px
	}

	.card-news-center>.card-body>.time {
		line-height: 44px
	}

	.card-news-center>.card-body {
		padding: 0 10px 10px
	}

	.layui-tab.more .layui-tab-title {
		white-space: normal;
		text-align: left!important
	}

	.layui-tab.more .layui-tab-title .btn {
		margin-bottom: 20px
	}

	.layui-tab.more .layui-tab-bar {
		display: none
	}

	.card-epc.fuwu {
		background-color: #f7f7f7
	}

	.card-epc.fuwu>.card-body>.en {
		font-size: 16px
	}

	.card-epc.fuwu>.card-body>.tit {
		margin: 0
	}

	.box-chat>.w1200>.txt {
		font-size: 14px;
		line-height: 1.5
	}

	.card-linian>.card-head,.card-sanren>.card-head,.card-sanren>.card-head .img {
		width: 100%;
		text-align: center
	}

	.card-linian>.card-body .list {
		width: 100%;
		margin-bottom: 10px
	}

	.card-linian>.card-body .list>.txt {
		margin-top: 10px
	}

	.banner-linian.middle .box-img-txt .tit {
		font-size: 40px;
		margin-top: 5px
	}

	.banner-linian.min {
		min-height: 160px
	}

	.banner-linian.min .txt {
		width: 100%;
		padding: 10px
	}

	.banner-linian.min .tit {
		font-size: 16px
	}

	.card-sanren>.card-body .en {
		font-size: 20px;
		height: initial;
		line-height: 1.5
	}

	.card-sanren>.card-body .en+.txt {
		margin: 0 auto 10px;
		font-size: 10px
	}

	.list-data {
		height: initial
	}

	.list-data>.list {
		padding: 15px 10px
	}

	.list-data>.list .num {
		font-size: 16px;
		height: initial;
		line-height: 1
	}

	.list-data>.list .txt {
		min-height: initial
	}

	.box-lianxi {
		padding-bottom: 40px
	}

	.banner-lianxi.min {
		min-height: 160px;
		height: initial;
		top: auto;
		margin-bottom: 0
	}

	.banner-lianxi.min>div {
		margin-top: auto
	}

	.banner-lianxi.min>div .txt {
		font-size: 10px
	}

	.box-sarenzongbu .decorate {
		margin-top: 40px;
		margin-bottom: 40px;
		width: 100%;
		padding: 0
	}

	.box-sarenzongbu .decorate.two .icon-group+.txt {
		margin-top: 10px;
		margin-bottom: 20px
	}

	.list-data.tel>.list .txt {
		font-size: 10px
	}

	.list-data.tel {
		width: 98%;
		padding: 20px 0
	}

	.ul-join>.list {
		height: initial;
		min-height: 260px
	}

	.ul-join>.list .tit {
		line-height: 44px;
		width: 115px
	}

	.list-rencai {
		font-size: 16px;
		line-height: 22px
	}

	.list-rencai {
		width: 100px;
		height: 100px
	}

	.ul-gangwei>.list {
		width: 50%
	}

	.list-rencai:before {
		width: 80px;
		height: 80%;
		left: 10px;
		top: 10px
	}

	.list-rencai:after {
		width: 100%;
		height: 100%
	}

	.list-rencai>.box {
		width: 80%;
		height: 80%;
		padding: 20px;
		font-size: 16px;
		line-height: 18px
	}

	.card-linian {
		padding-bottom: 40px
	}

	.card-news-center>.card-body>.txt {
		height: initial
	}

	.card-service.baozhang>.card-head .en {
		font-size: 16px
	}

	.down-service {
		padding-bottom: 40px
	}

	.ul-chat>.list.reverse>.card-body {
		padding-left: 0
	}

	.ul-chat>.list>.card-body {
		padding-right: 0
	}

	.ul-chat>.list.reverse>.card-body .txt {
		padding: 8px 10px
	}

	.ul-join>.list .txt:after,.ul-join>.list .txt:before {
		font-size: 40px
	}

	.ul-join>.list .txt {
		padding: 20px 0;
		-webkit-line-clamp: 6
	}

	.ul-join>.list .txt:before {
		top: 12px;
		left: -10px
	}

	.ul-join>.list .txt:after {
		right: -2px;
		bottom: -12px
	}

	.pop.lianxi {
		padding: 10px
	}

	.pop.lianxi>.card-head {
		padding: 10px 0
	}

	.pop.lianxi>.card-head>.tit {
		font-size: 18px
	}

	.pop.lianxi>.card-body>.list {
		margin-bottom: 20px
	}

	.pop.lianxi>.card-body>.list>.tit {
		font-size: 14px;
		padding-bottom: 10px
	}

	.pop.lianxi>.card-body>.list>.tit+.txt {
		margin-top: 0;
		font-size: 12px;
		line-height: 1.5
	}

	.pop.lianxi>.card-foot {
		padding: 10px;
		margin-top: 0
	}

	.ul-gangwei>.list .tit {
		font-size: 12px
	}

	.article.show {
		padding-top: 40px
	}

	.article.show .article-main>.tit {
		font-size: 18px;
		line-height: 1.3
	}

	.article.show .article-main>.time {
		margin: 10px auto
	}

	.tit-group.show {
		padding: 10px 0 20px 0
	}

	.box-card-epc.lianxi>.list>.card-body {
		padding: 10px
	}

	.peitao-nav {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.peitao-nav a {
		width: 50%;
		padding-left: 0;
		padding-right: 0;
		font-size: 14px
	}

	.peitao-nav a:after,.peitao-nav a:before {
		display: none
	}

	.box-card-epc.lianxi {
		padding-top: 30px
	}

	.box-pruduct>.card-body .card-pruduct,.swiper-container-news-center .swiper-slide {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px
	}

	.box-pruduct>.card-body .card-pruduct:nth-child(2n+2),.swiper-container-news-center .swiper-slide:nth-child(2n+2) {
		margin-right: 0
	}

	.swiper-container-news-center .swiper-wrapper {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.card-guihua .num {
		font-size: 14px
	}

	.btn-group>.btn,.gongcheng-nav.epc .btn,.lang_en .btn {
		width: 100%
	}

	.lang_en .card-guihua {
		width: 100%;
		min-width: 100%;
		padding: 10px 0
	}

	.lang_en .card-guihua:before {
		border-width: 0 0 1px 0;
		height: 200%;
		top: auto;
		bottom: -100%;
		margin-top: auto
	}

	.btn-group>.btn+.btn {
		margin-left: 0;
		margin-top: 15px
	}

	.box-peitao .list+.list {
		margin-top: 0
	}

	.card-service.baozhang>.card-head,.lang_en .gongcheng-nav.epc .btn {
		width: 100%
	}

	.gongcheng-nav {
		padding-left: 10px;
		padding-right: 10px
	}

	.ul-service {
		margin-bottom: 20px
	}

	.ul-service .list-head .tit,.ul-service li .tit {
		padding-bottom: 0;
		padding-top: 0;
		min-height: 44px
	}

	.gongcheng-nav.more>.box {
		margin-right: 0
	}

	.gongcheng-nav.more>.box>.btn {
		margin-bottom: 10px
	}

	.ul-chat {
		padding-left: 0;
		padding-right: 0
	}

	.footer-navs>.card-foot ul {
		text-align: center
	}

	.loading {
		bottom: auto;
		top: 240px
	}

	.article.anli .article-main .tag-group {
		margin-bottom: 10px
	}
}

@media (max-width:600px) {
	.swiper-container-anli .swiper-slide {
		width: 100%;
		max-height: 360px;
		height: auto;
		min-height: 280px
	}

	.box-qiyezizhi>.list,.ul-news-center.show>.list {
		width: 100%;
		margin: 0 0 10px 0
	}
}

@media (max-width:560px) {
	.card-company>.card-body>.en.vertical-rl,.card-epc>.card-body>.en.vertical-rl {
		right: 10px
	}

	.card-epc>.card-head .img,.card-lab>.card-head .img,.card-service>.card-head .img {
		width: 100%;
		height: auto;
		max-height: 300px;
		min-height: 240px
	}

	.card-epc>.card-head,.card-lab>.card-head {
		margin: 0
	}

	.card-epc>.card-body,.card-lab>.card-body,.card-service>.card-body {
		padding: 10px;
		background-color: #f7f7f7
	}

	.card-epc {
		padding: 0
	}

	.card-epc>.card-body>.num {
		font-size: 20px;
		padding: 0 10px
	}

	.card-epc>.card-body>.tit.bl {
		margin-top: 10px
	}

	.card-epc>.card-body>.tit,.card-lab>.card-body .tit {
		font-size: 14px
	}

	.card-epc>.card-body:before,.card-service>.card-body:before {
		left: 0;
		padding: 0!important
	}

	.card-epc.reverse>.card-body:before {
		right: 0
	}

	.card-epc.reverse>.card-head {
		margin-left: 0
	}

	.card-epc.reverse>.card-body>.en {
		left: 10px;
		right: auto
	}

	.layui-tab.about .layui-tab-title li:not(:last-child) {
		margin-right: 10px
	}

	.gongcheng-nav .btn {
		font-size: 12px;
		padding: 0 15px
	}

	.card-lab>.card-body .en {
		font-size: 16px;
		margin-top: 0
	}

	.card-lab .bef-content:before,.card-service>.card-head a .num:after {
		display: none
	}

	.box-anli-main>a,.box-card-epc.lianxi>.list,.box-sarenlab .btn-group .btn,.card-company>.card-body .btn-group .btn,.card-epc.about>.card-body .btn-group .btn,.card-partenr,.card-partenr.partenr,.down-service a,.list-data.tel>.list,.ul-news-center.list>.list {
		width: 100%
	}

	.card-company>.card-head .img {
		display: none
	}

	.box-anli-main>a,.box-card-epc.lianxi>.list,.card-partenr,.card-partenr.partenr,.list-data.tel>.list,.ul-news-center.list>.list {
		margin: 0 0 15px 0!important
	}

	.card-epc.fuwu>.card-body>.num {
		right: 10px;
		left: auto;
		top: -100%
	}

	.card-epc.fuwu.reverse>.card-body .num {
		left: auto;
		margin-right: 0;
		right: 10px
	}

	.card-epc.fuwu>.card-body {
		padding: 10px
	}

	.card-epc.fuwu>.card-head {
		margin-right: 0
	}

	.list-data.tel>.list {
		padding-left: 10%
	}

	.box-card-epc.lianxi>.list>.card-body {
		background-color: transparent
	}

	.card-company>.card-body>.tit.big {
		padding: 10px
	}

	.box-about .card-epc.reverse>.card-head,.box-about .card-epc.reverse>.card-head .img,.btn.big,.card-pruduct {
		width: 100%
	}

	.article .page .btn {
		margin: 0 0 10px 0
	}

	.card-company>.card-head,.card-company>.card-head .img {
		width: 100%
	}

	.box-pruduct>.card-body .card-pruduct,.swiper-container-news-center .swiper-slide {
		width: 100%;
		margin-right: 0
	}

	.swiper-container-anli .swiper-slide {
		margin-right: 0
	}

	.lang_en .card-epc.about>.card-body>.tit {
		margin-top: 0
	}

	.card-epc.about.reverse>.card-body>.num {
		top: -220px;
		opacity: .7
	}
}

@-webkit-keyframes rotateplane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

@keyframes rotateplane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0);
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

@-webkit-keyframes rotate360 {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

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

@keyframes rotate360 {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

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