@charset "UTF-8";/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.mxd-contact-pic, .mxd-nav-shadow {
	behavior: url(ie-css3.htc)
}
.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.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
40%, 43%, 70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06)
}
70% {
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0%, to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
}
@keyframes pulse {
0%, to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
0%, to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
}
@keyframes rubberBand {
0%, to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0%, to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
}
@keyframes tada {
0%, to {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0%, to {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
}
@keyframes wobble {
0%, to {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform:none;
transform:none
}
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 {
0%, 11.1%, to {
-webkit-transform:none;
transform:none
}
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 bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(-1turn);
transform:perspective(400px) rotateY(-1turn)
}
0%, 40% {
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) translateZ(150px) rotateY(-170deg)
}
50%, 80% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
.flipInY, .flipOutX {
	-webkit-backface-visibility: visible!important
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
0%, 40% {
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInY {
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg)
}
60%, 80% {
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to {
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateIn {
0% {
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
0%, to {
-webkit-transform-origin:center
}
to {
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to {
	transform-origin: center;
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
@keyframes rotateOut {
0% {
transform-origin:center;
opacity:1
}
0%, to {
-webkit-transform-origin:center
}
to {
	transform-origin: center;
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:left bottom
}
to {
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
opacity:1
}
0%, to {
-webkit-transform-origin:right bottom
}
to {
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
@keyframes hinge {
0% {
transform-origin:top left
}
0%, 20%, 60% {
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
transform-origin:top left
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, to {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50%, to {
opacity:0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}

.footnav{ display: none }
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
.swiper-container {
	margin: 0 auto;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transition-timing-function: ease;
	-o-transform: translate(0, 0);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box

}
.mxd-college-content-one-bg, .mxd-college-content-one-con {
	box-sizing: border-box;
	height: 100%;
	position: absolute;
	width: 100%
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
.about .banner {
	background-image: url(../img/about/banner.png)!important
}
.about .banner .bannerDesc {
	font-size: 16px;
	margin-top: 20px;
	color: #fff
}
.about .synopsis .content {
	padding: 100px 0;
	max-width: 1200px;
	margin: 0 auto
}
.about .synopsis .content .bigNone {
	display: none
}
.about .synopsis .content .smallNone {
	display: block
}
.about .synopsis .content .img {
	width: 45%
}
.about .synopsis .content .img img {
	width: 100%;
	height: 100%
}
.about .synopsis .content .con {
	text-align: left;
	width: 45%;
	margin-top: -5px
}
.about .synopsis .content .title {
	font-size: 36px;
	font-weight: 400;
	color: #323232;
	line-height: 50px;
	margin-bottom: 10px
}
.about .synopsis .content .titleLine {
	width: 50px;
	height: 4px;
	background: #969696;
	margin-bottom: 25px
}
.about .synopsis .content .desc {
	font-size: 16px;
	font-weight: 400;
	color: #646464;
	line-height: 30px
}
.about .synopsis .content .desc span {
	display: inline-block;
	margin-bottom: 30px
}
.about .culture {
	background: #F5F6F9;
	padding-bottom: 100px
}
.about .culture .content {
	max-width: 1200px;
	margin: 0 auto
}
.about .culture .content .con {
	width: 100%;
	text-align: center;
	margin: 0 auto
}
.about .culture .content .con .child {
	width: 33.3%;
	display: inline-block
}
.about .culture .content .con .child .icon {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 20px
}
.about .culture .content .con .child .title {
	font-size: 24px;
	font-weight: 500;
	color: #1e3250;
	line-height: 33px;
	letter-spacing: 1px;
	margin-bottom: 10px
}
.about .culture .content .con .child .desc {
	font-size: 18px;
	font-weight: 400;
	color: #646464;
	line-height: 30px;
	letter-spacing: 1px
}
.about .culture .content .con .child .icon1 {
	background-image: url(../img/about/001.png)
}
.about .culture .content .con .child .icon2 {
	background-image: url(../img/about/002.png)
}
.about .culture .content .con .child .icon3 {
	background-image: url(../img/about/003.png)
}
.about .aboutCon .function {
	background: #fff
}
.about .aboutCon .function .content .con {
	width: calc((100% - 120px)/ 3);
	padding: 40px;
	margin: 0 60px 40px 0
}
.about .aboutCon .function .content .con:nth-child(3n) {
	margin: 0 0 40px
}
.about .aboutCon .function .content .con:nth-child(4n) {
	margin: 0 60px 40px 0
}
.about .aboutCon .function .content .aboutIcon1 {
	background-image: url(../img/about/gy01.png)
}
.about .aboutCon .function .content .aboutIcon2 {
	background-image: url(../img/about/gy04.png)
}
.about .aboutCon .function .content .aboutIcon3 {
	background-image: url(../img/about/gy02.png)
}
.about .aboutCon .function .content .aboutIcon4 {
	background-image: url(../img/about/gy05.png)
}
.about .aboutCon .function .content .aboutIcon5 {
	background-image: url(../img/about/gy06.png)
}
.about .aboutCon .function .content .aboutIcon6 {
	background-image: url(../img/about/gy03.png)
}
#aboutBg2 .alter2 {
	background-image: url(../img/about/alert.png)
}
#aboutBg22 .alter22 {
	background-image: url(../img/about/alert.png)
}
.mxd-college-banner {
	background: url(../img/xueyuan/lbxy-001.png) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 360px;
	margin-top: 70px
}
.mxd-college-banner-word {
	font-size: 48px;
	color: #fff;
	letter-spacing: 0;
	padding-top: 120px;
	text-align: center
}
.mxd-college-content {
	max-width: 1200px;
	margin: 100px auto
}
.mxd-college-content>div {
	height: 215px;
	position: relative
}
.mxd-college-content>div .mxd-college-content-one-img {
	height: 100%;
	display: block;
	width: 100%
}
.mxd-college-content-one, .mxd-college-content-three, .mxd-college-content-two {
	width: 31.3%;
	margin: 0 1%;
	overflow: hidden
}
.mxd-college-content>div:hover .mxd-college-content-one-con {
	top: 0
}
.mxd-college-content-one-img {
	width: 100%
}
.mxd-college-content-one-con {
	text-align: center;
	transition: all .5s;
	top: -100%;
	left: 0
}
.mxd-college-content-one-bg {
	background: rgba(0,0,0,.5);
	z-index: 1;
	top: 0;
	padding: 20px 0
}
.mxd-college-content-title {
	font-size: 20px;
	color: #fff;
	letter-spacing: 0;
	margin-bottom: 10px;
	display: block;
	position: relative;
	z-index: 2
}
.mxd-college-content-divider {
	background: #d8d8d8;
	width: 65%;
	margin: 0 auto;
	height: 1px;
	display: block;
	position: relative;
	z-index: 2
}
.mxd-college-content-desc {
	width: 100px;
	height: 100px;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 20px
}
.alterBg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	background-color: rgba(0,0,0,.3);
	display: none;
	animation: alertBgAm .4s;
	animation-delay: 2s;
	animation-fill-mode: forwards
}
.alertParent, .alter {
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
	border-radius: 8px
}
.alertParent {
	background: #fff;
	width: 700px;
	height: 300px
}
.alter {
	background-color: #fff;
	width: 720px;
	height: 380px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%
}
.alter-button {
	width: 30px;
	height: 30px;
	position: absolute;
	cursor: pointer;
	display: block;
	background-size: 60% 60%;
	right: 30px;
	top: 25px
}
.alter2 {
	max-width: 720px;
	width: 90%;
	height: auto;
	
	background-color:unset;
	border-radius: 0
}
.alter2 .alter-button {
	background: url(../img/icon/close2.png) no-repeat;
	background-size: 60% 60%;
	    right: 2%;
    top: 5%;
}
.mxd-contact-content {
	position: fixed;
	bottom: 45%;
	right: 0;
	z-index: 111
}
.mxd-contact-icon {
	background-image: url(../img/icon/concatUs.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto 5px
}
.mxd-contact-pic, .mxd-contact-word {
	height: 120px;
	box-sizing: border-box
}
.mxd-contact-word {
	background: #3077ff;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1.38px;
	padding: 12px 8px;
	width: 30px;
	text-align: center
}
.mxd-contact-pic {
	width: 120px;
	padding: 10px;
	background: #fff;
	-webkit-box-shadow: 0 0 14px 0 rgba(200,200,200,.53);
	-moz-box-shadow: 0 0 14px 0 rgba(200,200,200,.53);
	box-shadow: 0 0 6px 0 rgba(200,200,200,.53);
	border: 1px solid #d2d2d2
}
.mxd-contact-erweima {
	width: 100px;
	height: 100px
}
.footer {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 10px
}
.footer-top {
	padding: 0 200px 30px
}
.footer-top-left {
	text-align: left;
	width: 400px
}
.distri-phone {
	font-size: 30px;
	color: #323232;
	letter-spacing: 0;
	margin-bottom: 10px
}
.distri-time {
	font-size: 14px;
	color: #646464;
	margin-bottom: 10px;
	letter-spacing: .97px;
	opacity: .7
}
.distri-ewm {
	width: 100px;
	height: 100px;
	margin-top: 10px
}
.distri-ewm-word {
	font-size: 12px;
	color: #323232;
	letter-spacing: .83px;
	margin-top: 10px;
	text-align: center;
	width: 105px
}
.footer-top-left .floatLeft .distri-ewm-word {
	text-align: left;
	width: 120px
}
.footer-top-right {
	text-align: left;
	min-width: 800px;
	margin-top: 7px
}
.footer-right-con {
	width: 25%
}
.footer-title-title {
	font-size: 16px;
	color: #323232;
	letter-spacing: .83px;
	margin-bottom: 23px
}
.footer-right-list {
	text-align: left;
	list-style: none;
	padding: 0
}
.comTitle, .footer-bottom, .footer-icp, .group-fun li>div, .group_pagination, .homeTitle, .homeType, .home_count li, .home_info li, .home_info li>div, .livecode .one, .livecode .one .oneCon .left, .new-footer-bottom .footer-qrcode, .typeList li {
	text-align: center
}
.footer-right-list li {
	font-size: 14px;
	color: #646464;
	letter-spacing: .73px;
	margin-bottom: 25px;
	cursor: pointer
}
.footer-right-list li a {
	color: inherit;
	text-decoration: none
}
.footer-right-list li a:hover {
	color: #3077ff
}
.mxd-footer-active {
	color: #3077ff!important
}
.footer-contact, .footer-icp, .newFriendLink {
	font-size: 14px;
	color: #646464;
	opacity: .7;
	letter-spacing: .97px
}
.footer-bottom {
	margin-top: 10px
}
.footer-contact {
	margin-bottom: 10px
}
.footer-contact span {
	display: inline-block;
	margin-left: 100px
}

.new-footer-bottom {
	padding: 0;
	display: flex
}
.new-footer-bottom .footer-top-left {
	float: left;
	margin-right: 30px
}
.new-footer-bottom .footer-top-right {
	float: right;
	flex: 1;
	display: flex;
	justify-content: space-between
}
.newFriendLink ul, .newFriendLink ul li {
	display: inline-block
}
.new-footer-bottom .footer-top-right .footer-right-con {
	width: auto
}
.new-footer-bottom .footer-qrcode {
	padding: 20px 0
}
.footer-top-werapper {
	border-bottom: 1px solid #e6e6e6
}
.footer-top {
	padding-bottom: 0!important
}
.footer-info {
	padding-bottom: 20px!important
}
@media screen and (max-width:750px) {
.newFriendLink {
	max-width: 90%;
	margin: auto
}
}
.newFriendLink ul li {
	margin: 0 10px 10px
}
.newFriendLink ul a {
	color: inherit;
	text-decoration: none
}
.newFriendLink ul a:hover {
	color: #3077ff
}
@media screen and (max-width:1000px) and (min-width:750px) {
.footer-top-left {
	width: 200px
}
.footer-top-right {
	min-width: calc(100% - 230px)
}
}
@media screen and (max-width:750px) {
.footer-top-left {
	width: 100%
}
.footer-top-left .distri-ewm-word {
	margin: 10px auto
}
.footer-top-right {
	display: none
}
}
li, p, ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.boxSizing, .boxSizing * {
	box-sizing: border-box
}
.distri-one-left {
	padding-bottom: 70px;
	box-sizing: border-box
}
.distri-one-right {
	max-height: 520px
}
.group-banner-wrapper {
	padding-top: 70px;
	background-color: #0058FF
}
.group-banner {
	width: 100%;
	background-image: url(../img/groupbuy/banner-001.png);
	background-size: contain;
	background-position: right center;
	background-repeat: no-repeat
}
.group-banner img {
	max-width: 100%
}
.group-banner .distri-one-right img {
	position: absolute;
	bottom: 0;
	right: 0
}
.comTitle {
font-size:.36rem;
	font-weight: 400;
	color: #323232;
line-height:.5rem;
margin-bottom:.8rem;
padding-top:.95rem
}
.container {
	width: 85%;
	max-width: 1200px;
	margin: auto
}
.type_icon {
	width: 1.6rem;
	height: 1.6rem;
	background: linear-gradient(34deg, #0065ff 0, #0094ff 100%);
	display: block;
	margin: auto;
	border-radius: 50%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}
.icon_01 {
	background-image: url(../img/groupbuy/001.png)
}
.icon_02 {
	background-image: url(../img/groupbuy/002.png)
}
.icon_03 {
	background-image: url(../img/groupbuy/003.png)
}
.icon_fun_1 {
	background-image: url(../img/groupbuy/pt001.png)
}
.icon_fun_2 {
	background-image: url(../img/groupbuy/pt002.png)
}
.icon_fun_3 {
	background-image: url(../img/groupbuy/pt003.png)
}
.icon_fun_4 {
	background-image: url(../img/groupbuy/pt004.png)
}
.icon_fun_5 {
	background-image: url(../img/groupbuy/pt005.png)
}
.icon_fun_6 {
	background-image: url(../img/groupbuy/pt006.png)
}
.icon_fun_7 {
	background-image: url(../img/groupbuy/pt007.png)
}
.icon_fun_8 {
	background-image: url(../img/groupbuy/pt008.png)
}
.icon_fun_9 {
	background-image: url(../img/groupbuy/pt009.png)
}
.icon_zfb_1 {
	background-image: url(../img/groupbuy/zfbgn1.png)
}
.icon_zfb_2 {
	background-image: url(../img/groupbuy/zfbgn2.png)
}
.icon_zfb_3 {
	background-image: url(../img/groupbuy/zfbgn3.png)
}
.icon_zfb_4 {
	background-image: url(../img/groupbuy/zfbgn4.png)
}
.icon_zfb_5 {
	background-image: url(../img/groupbuy/zfbgn5.png)
}
.icon_zfb_6 {
	background-image: url(../img/groupbuy/zfbgn6.png)
}
.icon_zfb_7 {
	background-image: url(../img/groupbuy/zfbgn7.png)
}
.icon_zfb_8 {
	background-image: url(../img/groupbuy/zfbgn8.png)
}
.icon_zfb_9 {
	background-image: url(../img/groupbuy/zfbgn9.png)
}
.icon_gzyl_1 {
	background-image: url(../img/groupbuy/gzyl1.png)
}
.icon_gzyl_2 {
	background-image: url(../img/groupbuy/gzyl2.png)
}
.icon_gzyl_3 {
	background-image: url(../img/groupbuy/gzyl3.png)
}
.icon_gzyl_4 {
	background-image: url(../img/groupbuy/gzyl4.png)
}
.icon_gzyl_5 {
	background-image: url(../img/groupbuy/gzyl5.png)
}
.icon_gzyl_6 {
	background-image: url(../img/groupbuy/gzyl6.png)
}
.icon_gzyl_7 {
	background-image: url(../img/groupbuy/gzyl7.png)
}
.icon_gzyl_8 {
	background-image: url(../img/groupbuy/gzyl8.png)
}
.icon_gzyl_9 {
	background-image: url(../img/groupbuy/gzyl9.png)
}
.icon_dzh_1 {
	background-image: url(../img/groupbuy/dzh1.png)
}
.icon_dzh_2 {
	background-image: url(../img/groupbuy/dzh2.png)
}
.icon_dzh_3 {
	background-image: url(../img/groupbuy/dzh3.png)
}
.icon_dzh_4 {
	background-image: url(../img/groupbuy/dzh4.png)
}
.icon_dzh_5 {
	background-image: url(../img/groupbuy/dzh5.png)
}
.icon_dzh_6 {
	background-image: url(../img/groupbuy/dzh6.png)
}
.icon_qdewm_1 {
	background-image: url(../img/groupbuy/qdewm1.png)
}
.icon_qdewm_2 {
	background-image: url(../img/groupbuy/qdewm2.png)
}
.icon_qdewm_3 {
	background-image: url(../img/groupbuy/qdewm3.png)
}
.icon_qdewm_4 {
	background-image: url(../img/groupbuy/qdewm4.png)
}
.icon_qdewm_5 {
	background-image: url(../img/groupbuy/qdewm5.png)
}
.icon_qdewm_6 {
	background-image: url(../img/groupbuy/qdewm6.png)
}
.icon_qdewm_7 {
	background-image: url(../img/groupbuy/qdewm7.png)
}
.icon_qdewm_8 {
	background-image: url(../img/groupbuy/qdewm8.png)
}
.icon_qdewm_9 {
	background-image: url(../img/groupbuy/qdewm9.png)
}
.icon_ydyj_1 {
	background-image: url(../img/groupbuy/ydyj1.png)
}
.icon_ydyj_2 {
	background-image: url(../img/groupbuy/ydyj2.png)
}
.icon_ydyj_3 {
	background-image: url(../img/groupbuy/ydyj3.png)
}
.icon_ydyj_4 {
	background-image: url(../img/groupbuy/ydyj4.png)
}
.icon_ydyj_5 {
	background-image: url(../img/groupbuy/ydyj5.png)
}
.icon_ydyj_6 {
	background-image: url(../img/groupbuy/ydyj6.png)
}
.typeList {
padding-bottom:.32rem
}
.typeList li {
	width: 33.33%;
	float: left;
padding:0 .32rem;
	box-sizing: border-box
}
.typeList .type_icon {
	margin-bottom: 20px
}
.typeList p {
font-size:.18rem;
	font-weight: 400;
	color: #646464;
line-height:.3rem;
	letter-spacing: 1px
}
.typeList .title {
	margin-bottom: 5px;
font-size:.24rem;
	font-weight: 500;
	color: #1e3250;
line-height:.33rem;
	letter-spacing: 1px
}
.typeList .desc {
	height: 1.2rem
}
.group-activity-item .title {
	font-size: 22px;
	font-weight: 500;
	color: #323232;
	line-height: 45px;
	display: block;
	margin-bottom: 5px
}
.group-activity-item .desc {
	font-weight: 400;
	color: #6b6b6b;
	line-height: 16px
}
.swiper-group-activity {
	width: 45%;
	height: 500px;
	float: left;
margin-top:.8rem
}
.swiper-group-activity img {
	max-width: 95%;
	max-height: 500px;
	display: block;
	margin: auto
}
.swiper-group-activity .group-activity-item {
	display: none
}
.gActivity {
	background: #f5f6f9
}
.group-activity {
	width: 52%;
	float: right;
	padding-top: 1rem;
	padding-bottom: 1.3rem
}
.group-activity h3 {
font-size:.28rem;
	font-weight: 500;
	color: #323232;
line-height:.4rem;
margin-bottom:.43rem
}
.group-activity li {
	width: 600px;
	box-shadow: 0 0 8px 0 rgba(210,210,210,0);
	border-radius: 4px;
padding:.1rem .2rem;
	margin-bottom: 20px;
	max-width: 100%;
	cursor: pointer;
	transition: all .5s
}
.group-activity .active, .group-activity li:hover {
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(210,210,210,.5)
}
.swiper-com {
	overflow: hidden
}
.group-fun {
padding-bottom:.6rem
}
.group-fun ul {
margin:0 -.3rem
}
.group-fun li {
	width: 33.33%;
margin-bottom:.4rem;
padding:0 .3rem;
	float: left;
	box-sizing: border-box
}
.group-fun li>div {
	width: 100%;
	height: 2.6rem;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(180,180,180,.5);
	border-radius: 4px;
	box-sizing: border-box;
padding:.4rem .2rem 0
}
.group-fun .type_icon {
width:.8rem;
height:.8rem;
margin-bottom:.35rem
}
.group-fun .title {
font-size:.2rem;
	font-weight: 400;
	color: #323232;
line-height:.28rem;
	display: block
}
.group-fun .desc {
font-size:.14rem;
	font-weight: 400;
	color: #323232;
line-height:.2rem;
	display: block
}
.bgGray {
	background: #f5f6f9
}
.distri-fore-con h2.group_swiper_title {
margin-bottom:.8rem!important
}
.group-play .distri-play-left {
	margin-top: 1.5rem
}
.group-play .swiper-container .swiper-button-next, .group-play .swiper-container .swiper-button-prev {
	transition: all .5s;
	top: 210px
}
.group-play .swiper-container .swiper-button-next:hover, .group-play .swiper-container .swiper-button-prev:hover {
	background: #646464
}
.group_pagination {
	display: none
}
#mxdNav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	height: 70px;
	box-sizing: border-box;
	background: #fff
}
.mxd-nav-shadow {
	-webkit-box-shadow: 0 0 10px 0 rgba(220,220,220,.5);
	-moz-box-shadow: 0 0 10px 0 rgba(220,220,220,.5);
	box-shadow: 0 0 10px 0 rgba(220,220,220,.5);
	background: #fff
}
.mxd-nav-con {
	margin: 0 auto;
	max-width: 1200px
}
.mxd-logo {
	width: 120px;
	margin-top: 12px;
	display: none
}
.mxd-logo-active {
	display: block
}
.mxd-nav-right {
	display: block;
	line-height: 70px
}
.mxd-nav-phone-right {
	display: none
}
.mxd-nav-left-con {
	margin-right: 70px
}
.mxd-nav-right-con {
	padding: 22px 0
}
.mxd-nav-word-con {
	margin-left: 40px;
	cursor: pointer;
	color: #323232;
	text-decoration: none
}
.mxd-nav-word-con>a {
	display: block;
	text-decoration: none;
	color: inherit
}
.mxd-nav-word-con>a .navSelectImg {
	background-size: contain;
	width: 12px;
	height: 12px;
	display: inline-block;
	position: relative;
	top: 2px;
	background-repeat: no-repeat
}
.mxd-nav-word-con>a .navSelect {
	background-image: url(../img/nav/select.png)
}
.mxd-nav-word-con:hover .product-nav {
	height: 500px
}
.mxd-nav-word-con:hover {
	color: #fff
}
.mxd-nav-word-con:hover .navSelect {
	background-image: url(../img/nav/selectHover.png)
}
.product-nav {
	position: fixed;
	top: 69px;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 1000000;
	color: #323232;
	margin: 0 auto;
	justify-content: center;
	width: 1200px;
	-webkit-box-shadow: 0 4px 24px 0 rgba(47,67,82,.15);
	box-shadow: 0 4px 24px 0 rgba(47,67,82,.15);
	font-weight: 400;
	cursor: default;
	height: 0;
	overflow: hidden;
	transition: all .5s
}
.mxd-nav-active:after, .mxd-nav-transparent .mxd-nav-active:after {
	width: 100%;
	content: '';
	bottom: 0;
	left: 0
}
.showAni {
	animation: show .3s;
	height: 300px
}
.hideAni {
	animation: hide .3s;
	height: 0
}
@keyframes show {
0% {
height:0
}
100% {
height:300px
}
}
@keyframes hide {
0% {
height:300px
}
100% {
height:0
}
}
.product-nav-width {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0
}
.product-nav-width .footer-title-title {
	line-height: normal;
	padding-left: 10px
}
.product-nav-width .footer-right-list {
	margin-top: 0
}
.product-nav-width .footer-right-list li {
	line-height: normal;
	cursor: pointer;
	margin-bottom: 5px;
	max-width: 200px
}
.product-nav-width .footer-right-list li a {
	padding: 10px
}
.product-nav-width .footer-right-list li:hover {
	background: #f4f6f9
}
.mxd-nav-word {
	font-size: 16px;
	letter-spacing: .4px
}
.mxd-nav-active:after {
	height: 2px;
	position: absolute;
	background: #da2625;
	top: 50px
}
.mxd-nav-active:hover>a .navSelect, .mxd-nav-active>a .navSelect {
	background-image: url(../img/nav/selectHover.png)
}
.mxd-nav-active:hover {
	color: #105CFB
}
.mxd-nav-active {
	color: #da2625;
	position: relative
}
.mxd-nav-load-con {
	text-decoration: none;
	color: #da2625
}
.mxd-load-nav, .mxd-nav-load {
	font-size: 16px;
	color: #323232;
	padding: 0 20px;
	margin-top: -3px;
	margin-left: 15px;
	letter-spacing: .4px;
	cursor: pointer
}
.mxd-nav-load {
	height: 28px;
	line-height: 28px;
	background: #FFF;
	border: 1px solid #323232;
	border-radius: 14px
}
.mxd-load-nav {
	height: 30px;
	line-height: 30px;
	background: 0 0;
	border: none;
	border-radius: 14px
}
.mxd-nav-load:hover {
	color: #105CFB
}
.mxd-nav-load-active {
	background: #da2625;
	border-radius: 16px 16px 0;
	color: #fff
}
.mxd-nav-load-active:hover {
	color: #fff;
	background-color: #008EFF
}
.mxd-nav-transparent {
	background: 0 0!important
}
.mxd-nav-transparent .mxd-nav-active {
	color: #da2625
}
.mxd-nav-transparent .mxd-nav-word-con>a .navSelect {
	background-image: url(../img/nav/selectWhite.png)
}
.mxd-nav-transparent .mxd-nav-word-con>a:hover {
	opacity: .8;
	color: #fff
}
.mxd-nav-transparent .mxd-nav-word-con {
	color: #fff
}
.mxd-nav-transparent .mxd-nav-load {
	color: #da2625;
	border: 1px solid #fff
}
.mxd-nav-transparent .mxd-nav-load:hover {
	opacity: .8
}
.mxd-nav-transparent .mxd-nav-word-con:hover {
	font-weight: 500;
	color: #fff
}
.mxd-nav-transparent .mxd-nav-load-active {
	border-radius: 16px 16px 0;
	color: #da2625;
	background: #fff
}
.mxd-nav-transparent .mxd-nav-load-active:hover {
	opacity: .8
}
.mxd-nav-transparent .mxd-load-nav {
	color: #fff;
	border: none;
	background: 0 0
}
.mxd-nav-transparent .mxd-load-nav:hover {
	opacity: .8;
	color: #fff
}
.mxd-nav-transparent .mxd-nav-active:after {
	height: 2px;
	position: absolute;
	background: #fff
}
.mxd-nav-transparent .mxd-nav-active>a:hover {
	color: #fff;
	opacity: .8
}
.header-right-con {
    width: 20%;
    margin: 0 auto;
}
.header-right-con .footer-title-title {
	max-width: none;
	margin: 0 auto;
	padding-left: 20px
}
.header-right-con .footer-title-title img {
	width: 40px;
	height: 40px
}
.header-right-con .footer-title-title span {
	font-size: 14px;
	font-weight: 400;
	color: #646464;
	line-height: 21px
}
.header-right-con .footer-right-list {
    margin: 0 auto;
    padding-left: 40px;
}
.header-right-con .footer-right-list li {
	margin-bottom: 0;
	max-width: none;
	float:left;

}
.header-right-con .footer-right-list li a {
	color: #646464;
	text-decoration: none;
	display: block;
	padding: 10px 0 10px 10px
}
.header-right-con .footer-right-list li a p {
	font-size: 16px;
	font-weight: 400;
	color: #323232;
	line-height: 24px;
	margin-bottom: 10px
}
.header-right-con .footer-right-list li a span p{
	font-size: 12px;
	font-weight: 400;
	color: #646464;
	line-height: 18px
}
.mxd-child-active {
	background: #f4f6f9
}
[data-white] {
-webkit-box-shadow:0 0 10px 0 rgba(220,220,220,.5)!important;
-moz-box-shadow:0 0 10px 0 rgba(220,220,220,.5)!important;
box-shadow:0 0 10px 0 rgba(220,220,220,.5)!important;
background:#fff!important;
behavior:url(ie-css3.htc)!important
}
[data-white] .mxd-nav-word-con {
	margin-left: 40px;
	cursor: pointer;
	color: #323232;
	text-decoration: none
}
[data-white] .mxd-nav-word-con>a .navSelect {
	background-image: url(../img/nav/select.png)!important
}
[data-white] .mxd-nav-word {
	color: #323232
}
[data-white] .mxd-nav-load {
	padding: 0 20px;
	cursor: pointer;
	height: 28px;
	line-height: 28px;
	margin-top: -3px;
	margin-left: 15px;
	font-size: 16px;
	color: #323232;
	letter-spacing: .4px;
	background: #FFF;
	border: 1px solid #323232;
	border-radius: 14px
}
[data-white] .mxd-nav-load:hover {
	color: #0058FF
}
[data-white] .mxd-load-nav {
	height: 30px;
	line-height: 30px;
	background: 0 0;
	border: none;
	border-radius: 14px
}
[data-white] .mxd-nav-word-con:hover .navSelect, [data-white] .mxd-nav-word-con>a:hover .navSelect {
	background-image: url(../img/nav/selectHover.png)!important
}
[data-white] .mxd-load-nav:hover {
	opacity: .8;
	color: #0058FF
}
[data-white] .mxd-nav-word-con:hover {
	color: #0058FF!important;
	font-weight: 400!important
}
[data-white] .mxd-nav-word-con:hover .mxd-nav-word {
	color: #0058FF
}
[data-white] .mxd-nav-word-con>a:hover {
	opacity: .8;
	color: #0058FF!important
}
[data-white] .mxd-nav-active, [data-white] .mxd-nav-active .mxd-nav-word, [data-white] .mxd-nav-word-con>a:hover .mxd-nav-word {
	color: #0058FF
}
[data-white] .mxd-nav-active:after {
	content: '';
	bottom: 0;
	height: 2px;
	width: 100%;
	left: 0;
	position: absolute;
	background: #0058FF
}
@media screen and (min-width:750px) and (max-width:1000px) {
.mxd-logo {
	margin-left: 30px
}
.mxd-nav-left-con {
	margin-right: 30px
}
.mxd-nav-word-con {
	margin-left: 20px;
	margin-top: 0
}
.mxd-nav-load {
	padding: 0 10px
}
}
@media screen and (max-width:750px) {




.footnav{ display:block; }
.footnav li {
	list-style-type: none;
	width: 25%;
	float: left;
}
.footnav li a {
	line-height: 48px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: red;
	display: block;
	text-decoration: none;
}






nav {

	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0
}
.mxd-logo {
	width: 100px;
	margin-top: 10px;
	margin-left: 20px
}
.mxd-nav-right {
	display: none
}
.mxd-nav-con {
	max-width: 750px
}
.mxd-nav-phone-right {
	display: block
}
.mxd-nav-phone-nav {
	width: 30px;
	height: 20px;
	text-align: center;
	padding: 0;
	background: #fff;
	-webkit-box-shadow: 0 0 14px 0 rgba(123,149,252,.16);
	-moz-box-shadow: 0 0 14px 0 rgba(123,149,252,.16);
	box-shadow: 0 0 10px 0 rgba(123,149,252,.16);
	behavior: url(ie-css3.htc);
	box-sizing: border-box;
	margin-right: 20px;
	position: relative
}
.mxd-nav-phone {
	width: 100%;
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	height: auto;
	z-index: 11;
	background: #fff;
	border-top: 1px solid #d2d2d2
}
.mxd-nav-line-con {
	width: 20px;
	height: 90%;
	position: relative;
	margin: 0 auto auto;
	float: none;
	padding-top: 0
}
.mxd-nav-line {
	height: 1px;
	background: #d2d2d2;
	position: absolute;
	left: 0;
	width: 100%;
	transition: all 1s;
	display: inline-block
}
.mxd-nav-line1 {
	display: inline-block;
	top: 10px
}
.mxd-nav-line2 {
	display: inline-block;
	margin: 5px 0
}
.mxd-nav-line3 {
	display: block;
	top: 15px
}
.mxd-nav-line1-active {
	transform: translate(0, 0) rotate(40deg);
	transition: all 1s
}
.mxd-nav-line2-active {
	display: none;
	transition: all 1s
}
.mxd-nav-line3-active {
	transform: translate(0, -5px) rotate(-40deg);
	transition: all 1s
}
.mxd-nav-phone-nav {
	margin-top: 20px!important
}
.mxd-nav-bgWhite {
	background: #fff!important
}
.mxd-nav-word-con {
	margin-left: 0;
	cursor: pointer;
	color: #4f4f4f;
	text-decoration: none;
	display: block;
	background: #fff;
	padding: 10px
}
.mxd-nav-bgWhite .mxd-nav-word-con {
	color: #4f4f4f
}
.mxd-nav-bgWhite .mxd-nav-word-con:hover {
	color: #da2625
}
.mxd-nav-bgWhite .mxd-nav-load-active {
	background: #da2625;
	border-radius: 16px 16px 0;
	color: #fff!important
}
.mxd-nav-bgWhite .mxd-nav-load {
	color: #da2625;
	border: 1px solid #da2625
}
.mxd-nav-bgWhite .mxd-nav-load:hover {
	color: #40a9ff
}
.mxd-nav-bgWhite .mxd-nav-load-active:hover {
	color: #fff;
	background-color: #40a9ff
}
.mxd-nav-bgWhite .mxd-nav-active {
	color: #da2625!important
}
.mxd-nav-bgWhite .mxd-nav-active:hover {
	color: #40a9ff!important
}
.mxd-nav-phone-active {
	background: #da2625;
	color: #fff
}
}
.home-swiper {
	height: 520px;
	position: relative;
	background-image: none;
	overflow: hidden;
	background-color: #0058FF;
	padding-top: 70px
}
.home_arrow, .home_pagination {
	position: absolute;
	left: 0;
	z-index: 1000
}
.home-swiper .swiper-slide {
	height: 520px;
	width: 100vw

}
.home-swiper .distri-one-con {
	height: 520px;
	max-width: 1200px
}
.home-swiper .distri-one-right {
	max-height: 100%
}
.home-swiper .distri-banner {
	width: auto;
	max-width: 100%;
	max-height: 520px;
	margin: auto;
	display: block
}
.home_pagination {
	bottom: 15px;
	width: 100%;
	text-align: center
}
.home_pagination .swiper-pagination-switch {
	width: 2px!important;
	height: 16px!important;
	background: #fff!important;
	opacity: .6!important;
	transition: all .2s
}
.home_list .icon, .icon {
	background-position: center;
	background-repeat: no-repeat
}
.home_pagination .swiper-active-switch {
	height: 20px!important;
	opacity: 1!important
}
.home_arrow {
	top: 50%;
	width: 100%;
	margin-top: -45px
}
.home_arrow>div {
	width: 95%;
	max-width: 1520px;
	margin: auto
}
.home_arrow .home_btn {
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 1;
	opacity: .6;
	cursor: pointer
}
.home_arrow .home_btn:hover {
	opacity: 1
}
.home_arrow .home_btn img {
	display: block;
	width: 100%;
	height: 100%
}
.home_arrow #swiper-next-home {
	float: right
}
.icon {
	height: 50px;
	background-size: contain
}
.homeType {
	margin-top: 1rem
}
.homeType li {
	width: 16.66%;
	float: left
}
.homeType .icon {
	margin-bottom: 16px
}
.homeType .title {
font-size:.22rem;
	font-weight: 500;
	color: #1e3250;
	line-height: 1.4
}
.homeType .desc {
font-size:.16rem;
	font-weight: 400;
	color: #1e3250;
	line-height: 2;
height:.32rem;
	overflow: hidden
}
.homeTitle, .home_list {
	color: #323232
}
.icon_type_1 {
	background-image: url(../img/home/001.png)
}
.icon_type_2 {
	background-image: url(../img/home/002.png)
}
.icon_type_3 {
	background-image: url(../img/home/003.png)
}
.icon_type_4 {
	background-image: url(../img/home/004.png)
}
.icon_type_5 {
	background-image: url(../img/home/005.png)
}
.icon_type_6 {
	background-image: url(../img/home/006.png)
}
.icon_list_1 {
	background-image: url(../img/home/011.png)
}
.icon_list_2 {
	background-image: url(../img/home/012.png)
}
.icon_list_3 {
	background-image: url(../img/home/013.png)
}
.icon_list_4 {
	background-image: url(../img/home/014.png)
}
.icon_list_5 {
	background-image: url(../img/home/015.png)
}
.icon_list_6 {
	background-image: url(../img/home/016.png)
}
.icon_list_7 {
	background-image: url(../img/home/017.png)
}
.icon_list_8 {
	background-image: url(../img/home/018.png)
}
.icon_list_9 {
	background-image: url(../img/home/019.png)
}
.icon_list_10 {
	background-image: url(../img/home/020.png)
}
.icon_list_11 {
	background-image: url(../img/home/021.png)
}
.icon_list_12 {
	background-image: url(../img/home/022.png)
}
.icon_list_13 {
	background-image: url(../img/home/023.png)
}
.icon_list_14 {
	background-image: url(../img/home/024.png)
}
.icon_list_15 {
	background-image: url(../img/home/025.png)
}
.icon_list_16 {
	background-image: url(../img/home/026.png)
}
.homeTitle {
font-size:.36rem;
	font-weight: 400;
line-height:.5rem;
margin-bottom:.8rem
}
.home_com_list {
	padding-top: 1rem;
padding-bottom:.8rem
}
.home_con .img {
	float: left;
	width: 55%
}
.home_con .img img {
	width: 100%;
	display: block;
	float: left
}
.home_con .con ul, .home_con_right .img, .home_con_right .img img {
	float: right
}
.home_con .con {
	float: right;
	width: 45%;
margin-top:.4rem
}
.home_list li {
	padding-left: 70px;
margin-bottom:.35rem;
	min-height: 50px;
	position: relative
}
.home_list .icon {
	position: absolute;
	top: -15px;
	left: -15px;
	width: 75px;
	height: 75px;
	display: block
}
.home_list .title {
	font-size: 18px;
	font-weight: 500;
	line-height: 25px
}
.home_list .desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 31px
}
.mxd-btn-primary {
	background: #0058FF!important;
	color: #fff!important
}
.mxd-btn-default {
	border: 1px solid #323232!important;
	color: #323232!important
}
.btn-inline .mxd-btn {
	display: inline-block;
	margin-right: 20px
}
.btn-inline .mxd-btn:last-child {
	margin-right: 0
}
.bg_blue {
	background: #f6fbff
}
.bg_blueb {
	background: #f5f6f9
}
.home_con_right .con, .home_con_right .con ul {
	float: left
}
.home_bot {
	background: #2689f0;
padding-top:.8rem;
	color: #fff;
	padding-bottom: 1.6rem
}
.home_bot .homeTitle {
	color: #fff
}
.home_count {
padding-bottom:.9rem
}
.home_count li {
	float: left;
	width: 33.33%
}
.home_count .title {
font-size:.3rem;
	font-weight: 400;
	color: #fff;
	line-height: 1.4
}
.home_count .desc {
font-size:.18rem;
	font-weight: 400;
	color: #fff;
	line-height: 1.4;
margin-top:-.1rem
}
.home_count .big-size {
font-size:.8rem;
	font-weight: 500;
	color: #fff;
line-height:.97rem
}
.home_info li {
    float: left;
    width: 12.66%;
    margin: 2%;
}
.home_info li>div {
	display: inline-block
}
.home_info .home_mr20 {
	margin-right: 20%
}
.home_info .home_mr45 {
	margin-right: 45%
}
.home_info .home_ml20 {
	margin-left: 20%
}
.home_info .home_ml45 {
	margin-left: 45%
}
.home_info .icon {
	display: block;
	width: 100%;
	background-size: 40px 40px;
	height: 40px;
	margin-bottom: 10px
}
.home_info .title {
font-size:.2rem;
	font-weight: 500;
	color: #fff;
	line-height: 1.4
}
.icon_info_1 {
	background-image: url(../img/lingshou.png)
}
.icon_info_2 {
	background-image: url(../img/jiaoyu.png)
}
.icon_info_3 {
	background-image: url(../img/dianshang.png)
}
.icon_info_4 {
	background-image: url(../img/canyin.png)
}
.icon_info_5 {
	background-image: url(../img/yimei.png)
}
.icon_info_6 {
	background-image: url(../img/lvyou.png)
}
.icon_info_7 {
	background-image: url(../img/shengxian.png)
}
.icon_info_8 {
	background-image: url(../img/wenyu.png)
}
.icon_info_9 {
	background-image: url(../img/muying.png)
}
.icon_info_10 {
	background-image: url(../img/baoxian.png)
}
.icon_info_11 {
	background-image: url(../img/qiche.png)
}
.icon_info_12 {
	background-image: url(../img/fangdichan.png)
}
.friendLink {
	background: #fff;
	margin-top: -1rem;
	margin-bottom: 1rem;
	

}


.friendLink li i:hover{
   transition: all 0.3s;
   -ms-transition:all 0.3s; /* IE 9 */
   -moz-transition:all 0.3s; /* Firefox */
   -webkit-transition:all 0.3s; /* Safari 和 Chrome */
   -o-transition:all 0.3s; /* Opera */
     transform: translateY(-6px);
     -moz-transform: translateY(-6px);
     -o-transform: translateY(-6px);
     -webkit-transform: translateY(-6px);
	 cursor:pointer;
   }


.friendLink li {
	width: 16.66%;
	float: left;
	height: 2rem
}
.friendLink li:nth-child(12n), .friendLink li:nth-child(12n+1), .friendLink li:nth-child(12n+10), .friendLink li:nth-child(12n+3), .friendLink li:nth-child(12n+5), .friendLink li:nth-child(12n+8) {
	background: #f8f8f8
}
.friendLink li:nth-child(12n+11), .friendLink li:nth-child(12n+2), .friendLink li:nth-child(12n+4), .friendLink li:nth-child(12n+6), .friendLink li:nth-child(12n+7), .friendLink li:nth-child(12n+9) {
	background: #fff
}
.friendLink i {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	width: 75%;
	height: 100%;
	margin: auto
}






.icon_liantong {
	background-image: url(../img/liantong.png)
}
.icon_xueersi {
	background-image: url(../img/xueersi.png)
}
.icon_beiqin {
	background-image: url(../img/beiqin.png)
}
.icon_meijimu {
	background-image: url(../img/meijimu.png)
}
.icon_xiaoxiong {
	background-image: url(../img/xiaoxiong.png)
}
.icon_jiuyang {
	background-image: url(../img/jiuyang.png)
}
.icon_qiaqia {
	background-image: url(../img/qiaqia.png)
}
.icon_xybc {
	background-image: url(../img/xybc.png)
}
.icon_wangyi {
	background-image: url(../img/wangyi.png)
}
.icon_yonghui {
	background-image: url(../img/yonghui.png)
}
.icon_zirantang {
	background-image: url(../img/zirantang.png)
}
.icon_yajule {
	background-image: url(../img/yajule.png)
}
.icon_yidiandian {
	background-image: url(../img/yidiandian.png)
}
.icon_manji {
	background-image: url(../img/manji.png)
}
.icon_dfay {
	background-image: url(../img/dfay.png)
}
.icon_taipingyang {
	background-image: url(../img/taipingyang.png)
}
.icon_jinghan {
	background-image: url(../img/jinghan.png)
}
.icon_kaola {
	background-image: url(../img/kaola.png)
}
.distri-Register-p {
font-size:.16rem;
	font-weight: 400;
	color: #fff;
line-height:.22rem;
margin-top:.15rem
}
.mxd-invitecourtesy {
	width: 100%;
	margin-top: 70px
}
.heightAUTO {
	max-height: none!important
}
.livecode .one {
	padding: 100px 0 40px;
	margin: 0 auto;
	background: #fff;
	max-width: 1200px
}
.livecode .one h2 {
	font-size: 36px;
	font-weight: 400;
	color: #323232;
	margin-bottom: 80px
}
.livecode .one .oneCon {
	display: flex
}
.livecode .one .oneCon .left {
	margin: 0 auto;
	flex: 1 1;
	max-width: 550px;
	padding: 0 20px
}
.livecode .one .oneCon .left .icon {
	width: 160px;
	height: 160px;
	margin-bottom: 20px
}
.livecode .one .oneCon .left .title {
	font-size: 24px;
	font-weight: 500;
	color: #1E3250;
	margin-bottom: 10px
}
.livecode .one .oneCon .left .desc {
	font-size: 16px;
	font-weight: 400;
	color: #646464;
	display: block
}
.livecode .one .oneCon .left .mb10 {
	margin-bottom: 10px
}
.livecode .two .twoBg {
	background: #F5F6F9
}
.livecode .two .twoCon {
	height: 710px;
	max-width: 1200px;
	margin: 0 auto
}
.livecode .two .twoCon img {
	width: 50%;
	margin-top: 100px
}
.livecode .two .twoCon div {
	width: 40%
}
.livecode .two .height1 {
	height: 730px
}
.livecode .two .height1 .marginT110 {
	margin-top: 180px
}
.livecode .two .height2 {
	height: 750px
}
.livecode .two .height4, .livecode .two .height5 {
	height: 650px
}
.livecode .two .marginT110 {
	margin-top: 220px
}
.livecode .two .paddingL80 {
	padding-left: 80px
}
.livecode .two .title {
	font-size: 18px;
	font-weight: 500;
	color: #323232
}
.livecode .two h3 {
	font-size: 28px
}
.livecode .two .marginT25 {
	margin-top: 50px
}
.livecode .two .marginT20 {
	margin-top: 40px
}
.livecode .two .desc {
	font-size: 16px;
	font-weight: 400;
	color: #646464;
	margin-top: 6px;
	display: block
}
.livecode .two2 .twoBg {
	background: #F5F6F9
}
.livecode .two2 .twoCon {
	height: 710px;
	max-width: 1200px;
	margin: 0 auto
}
.livecode .two2 .twoCon img {
	width: 50%;
	margin-top: 100px
}
.livecode .two2 .twoCon div {
	width: 40%
}
.livecode .two2 .height1 {
	height: 566px
}
.livecode .two2 .height1 .marginT110 {
	margin-top: 180px
}
.livecode .two2 .height2 {
	height: 750px
}
.livecode .two2 .height4, .livecode .two2 .height5 {
	height: 650px
}
.livecode .two2 .marginT110 {
	margin-top: 220px
}
.livecode .two2 .paddingL80 {
	padding-left: 80px
}
.livecode .two2 .title {
	font-size: 26px;
	font-weight: 500;
	color: #323232
}
.livecode .two2 h3 {
	font-size: 28px
}
.livecode .two2 .marginT25 {
	margin-top: 50px
}
.livecode .two2 .marginT20 {
	margin-top: 40px
}
.livecode .two2 .desc {
	font-size: 14px;
	font-weight: 400;
	color: #646464;
	margin-top: 6px;
	display: block
}
.marginTop70 {
	margin-top: -70px
}
.distri-one {
	width: 100%;
	background: #0058FF;
	padding-top: 70px
}
.distri-one-con {
	overflow: hidden;
	max-width: 1200px;
	position: relative
}
.distri-overflow {
	overflow: unset
}
button, hr, input {
	overflow: visible
}
.distri-one-left {
	margin-top: 100px;
	width: 50%
}
.distri-one-left h1 {
	font-size: 48px;
	color: #FFF;
	letter-spacing: 0;
	margin-bottom: 20px;
	text-align: left
}
.distri-one-left .distri-one-span {
	font-size: 18px;
	color: #FFF;
	letter-spacing: 0;
	display: inline-block;
	margin-bottom: 60px
}
.distri-one-right {
	width: 50%;
	text-align: right
}
.distri-banner {
	max-width: 100%;
	max-height: 520px
}
.distri-two {
	width: 100%;
	background: #fff;
	padding: 60px 0
}
.distri-two h2 {
	font-size: 36px;
	color: #323232;
	letter-spacing: 0;
	margin-bottom: 60px;
	text-align: center
}
.distri-flow {
	max-width: 1200px;
	width: 100%
}
.distri-three-content {
	position: relative;
	padding: 0
}
.distri-bg {
	background: #F5F6F9
}
.distri-three-con {
	margin-top: 100px;
	position: relative;
	margin-left: 30px;
	width: 40%
}
.distri-dotted, .distri-num-one, .distri-title-con {
	position: absolute;
	top: 100px
}
.distri-num, .distri-num-one {
	width: 40px;
	height: 40px;
	border-radius: 50%
}
.distri-num {
	background: #da2625;
	text-align: center;
	line-height: 40px;
	color: #fff
}
.distri-num-one {
	background: #EAF3FF;
	margin-right: 30px;
	padding: 10px;
	z-index: 2
}
.distri-dotted {
	width: 1px;
	height: 100%;
	left: 30px;
	border-left: 1px dotted #da2625
}
.distri-title-con {
	left: 90px
}
.distri-word-con {
	margin-left: 60px
}
.distri-title {
	font-size: 28px;
	color: #da2625;
	letter-spacing: .19px;
	margin-bottom: 5px
}
.distri-desc {
	font-size: 16px;
	color: #646464;
	letter-spacing: .11px
}
.distri-word {
	margin-top: 170px
}
.floatRight>.distri-word {
	margin-top: 120px
}
.distri-word div {
	margin-bottom: 35px
}
.distri-three-title {
	font-size: 18px;
	color: #323232;
	letter-spacing: .12px;
	margin-bottom: 5px
}
.distri-three-right {
	width: 50%;
	max-width: 740px
}
.distri-three-img {
	width: 100%;
	margin-top: 140px;
	margin-bottom: 80px
}
.distri-three-img2 {
	margin-top: 250px
}
.distri-three-con2 {
	margin-top: 130px;
	margin-left: 0
}
.distri-three-margin {
	margin-left: 90px
}
.distri-three-fore {
	width: 40%
}
.distri-fore-con {
	padding-top: 95px;
	text-align: center;
	padding-bottom: 100px
}
.distri-fore-con h2 {
	font-size: 42px;
	color: #323232;
	letter-spacing: .52px;
	text-align: center;
	margin-bottom: 5px
}
.distri-gore-desc {
	font-size: 18px;
	color: #646464;
	letter-spacing: .22px;
	text-align: center;
	display: inline-block;
	margin-bottom: 60px
}
.distri-flow-con {
	border-right: 1px solid #E7E7E7;
	width: 16.6%;
	margin: 0 auto;
	height: 520px;
	float: left;
	padding: 60px 0;
	text-align: center;
	box-sizing: border-box;
	background: #fff
}
.distri-fore-one {
	width: 90%;
	margin: 0 auto
}
.mxd-font-14 {
	font-size: 14px
}
.hlb-fore-img {
	width: 50%;
}
.distri-fore-img {
	width: 100%;
	margin-top: 50px
}
.distri-flow-title {
	display: block
}
.distri-fore-title .distri-num {
	vertical-align: top;
	background: #B4B4B4;
	margin-bottom: 25px;
	font-size: 28px;
	color: #FFF;
	letter-spacing: .19px;
	width: 50px;
	height: 50px;
	line-height: 50px
}
.distri-flow-desc {
	height: 50px;
	display: inline-block
}
.distri-big {
	width: 33%;
	border: 1px solid #008EFF;
	text-align: left
}
.distri-big .distri-flow-title {
	display: inline-block;
	max-width: calc(100% - 77px)
}
.distri-big .distri-fore-title {
	display: inline-block;
	text-align: left;
	width: 100%
}
.distri-big .distri-num {
	background: #0058FF;
	margin-right: 25px
}
.distri-big .distri-fore-img {
	margin-top: 0
}
.distri-gore-dian {
	background: #323232;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle
}
.distri-play-flow {
	max-width: 1200px;
	margin: 0 auto
}
.swiper-container {
	position: relative
}
.swiper-container .swiper-button-prev {
	position: absolute;
	right: 0;
	top: 230px;
	background: #C8C8C8;
	width: 50px;
	height: 50px;
	cursor: pointer;
	color: #fff;
	border-radius: 50%
}
.swiper-container .swiper-button-prev:hover {
	background: #969696;
	opacity: 1
}
.swiper-button-prev img {
	width: 30px;
	margin-top: 10px;
	margin-left: 5px
}
.swiper-container .swiper-button-next {
	position: absolute;
	left: 0;
	top: 230px;
	background: #C8C8C8;
	width: 50px;
	height: 50px;
	cursor: pointer;
	color: #fff;
	border-radius: 50%
}
.swiper-container .swiper-button-next:hover {
	background: #969696;
	opacity: 1
}
.swiper-button-next img {
	width: 30px;
	margin-top: 10px;
	margin-left: -5px
}
.swiper-pagination-switch {
	background: #d2d2d2!important;
	width: 10px!important;
	height: 10px!important;
	display: inline-block;
	border-radius: 8px;
	margin: 0 5px;
	opacity: .8;
	border: 1px solid #fff;
	cursor: pointer
}
.swiper-active-switch {
	background: #da2625!important
}
.pagination {

	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center
}
.swiper-container .swiper-slide {
	width: 100%
}
.distri-play-left {
	max-width: 400px;
	margin-top: 90px;
	margin-left: 130px;
	text-align: left
}
.distri-play-left h3 {
	font-size: 32px;
	color: #1E3250;
	letter-spacing: .63px;
	margin-bottom: 30px
}
.distri-play-left .distri-desc {
	font-size: 18px;
	color: #1E3250;
	letter-spacing: .47px;
	line-height: 34px;
	display: inline-block;
	margin-bottom: 60px
}
.distri-boxword, .distri-play-word {
	font-size: 18px;
	color: #1E3250;
	letter-spacing: .32px
}
.distri-play-left .distri-box-left {
	width: 300px
}
.distri-play-right {
	margin-right: 120px;
	width: auto;
	height: 500px
}
.distri-box {
	width: 28px;
	height: 28px;
	margin-right: 5px
}
.distri-boxword {
	line-height: 20px;
	font-weight: 700
}
.distri-play-word {
	line-height: 22px;
	text-align: left;
	max-width: 350px
}
.distri-Register {
	background-image: url(../img/distri/bannerBg.png);
	background-repeat: no-repeat;
	background-size: 100% 350px;
	height: 350px;
	padding: 100px 0;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 100px
}
.distri-Register h2 {
	font-size: 48px;
	color: #FFF;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 40px
}
.distri-Register-btn {
	width: 220px;
	height: 60px;
	font-size: 22px;
	color: #008EFF;
	letter-spacing: 0;
	margin: 0 auto;
	line-height: 60px
}
.mb10 {
	margin-bottom: 10px
}
@media screen and (min-width:750px) and (max-width:1000px) {
.distri-one-left {
	margin-top: 5%
}
.distri-three-con {
	margin-top: 12px
}
.distri-three-margin {
	width: 40%
}
.distri-three-right .margin {
	margin-top: 200px
}
.distri-three-right .margin1 {
	margin-top: 170px
}
.distri-word-con .margin1 {
	margin-top: 220px
}
.distri-three-con2 .distri-word-con {
	margin-right: 50px
}
.distri-play-left {
	width: 40%;
	max-width: 40%;
	margin-left: 50px;
	margin-top: 80px
}
.distri-play-right {
	margin-right: 30px
}
.swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
	width: 30px
}
.footer-top {
	padding: 0 100px 30px
}
.livecode .one .oneCon .left .icon {
	width: 80px;
	height: 80px
}
.livecode .one .oneCon .left .title {
	font-size: 16px
}
.livecode .one .oneCon .left .desc {
	font-size: 12px
}
.livecode .two .twoCon {
	height: 400px
}
.livecode .two .twoCon img {
	margin-top: 50px
}
.livecode .two .twoCon .marginT110 {
	margin-top: 90px
}
.livecode .two .height1 .marginT110, .livecode .two .marginT110 {
	margin-top: 50px
}
.livecode .two .twoCon div {
	width: 46%
}
.livecode .two .height1 {
	height: 350px
}
.livecode .two .height2, .livecode .two .height4 {
	height: 500px
}
.livecode .two .paddingL80 {
	padding-left: 0
}
.poster .fore {
	padding: 100px 0 60px!important
}
.poster .fore .foreCon {
	max-width: 700px!important
}
.poster .fore .foreCon .foreContent {
	margin: 0 10px 40px!important
}
.poster .five .fiveCon .content {
	width: calc((100% - 120px)/ 2)!important;
	margin: 0 30px 30px!important
}
.poster .six .sixCon .content {
	width: 100%!important;
	margin-right: 0!important
}
.aboutSmall .about .synopsis .content .bigNone {
	display: block;
	text-align: center;
	margin: 0 auto
}
.aboutSmall .about .synopsis .content .bigNone .titleLine {
	margin: 0 auto 50px
}
.aboutSmall .about .synopsis .content .smallNone {
	display: none
}
.aboutSmall .about .synopsis .content .img {
	width: 60%;
	margin: 0 auto 20px;
	text-align: center;
	display: block;
	float: none
}
.aboutSmall .about .synopsis .content .con {
	display: block;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	float: none
}
.aboutSmall .about .culture .content .con .child .icon {
	width: 80px;
	height: 80px
}
.aboutSmall .about .culture .content .con .child .desc {
	display: inline-block;
	height: 50px;
	vertical-align: top
}
.partnerSmall .partner .banner {
	height: 400px;
	padding-top: 100px
}
.partnerSmall .partner .banner .bannerTitle {
	font-size: 48px
}
.partnerSmall .partner .banner .bannerWord, .partnerSmall .partner .function .content .con .name {
	font-size: 20px
}
.partnerSmall .partner .banner .mxd-btn {
	margin: 50px auto 0
}
.partnerSmall .partner .advantage .five .fiveCon .content {
	width: calc((100% - 120px)/ 2.5)!important
}
.partnerSmall .partner .evaluate .content {
	width: 620px;
	padding: 30px
}
.partnerSmall .swiper-container .swiper-button-next, .partnerSmall .swiper-container .swiper-button-prev {
	height: 50px;
	width: 50px
}
.partnerSmall .partner .function .content .con {
	padding: 20px
}
.partnerSmall .partner .function .content .con .desc {
	height: 75px
}
.partnerSmall .partner .function .content .con .icon {
	width: 70px;
	height: 70px
}
.partner-register h2 {
	font-size: 30px!important
}
}
.floatLeft, .msgFun li {
	float: left
}
.msgFun {
	margin: 0 -14px;
	padding-bottom: 1rem
}
.msgFun li {
	width: 25%;
	padding: 0 14px
}
.msgFun li>div {
	height: 380px;
	background: #fff;
	box-shadow: 0 8px 23px 0 rgba(210,210,210,.5);
	border-radius: 4px;
	width: 100%;
padding:.4rem .16rem .16rem;
	text-align: center;
font-size:.16rem;
	font-weight: 400;
	color: #323232;
	line-height: 1.5;
	position: relative
}
.msgFun .desc, .msgFun .name {
	color: #1e3250;
	display: block;
margin-bottom:.3rem
}
.msgFun .imgBot {
	position: absolute;
bottom:.2rem;
	width: 100%;
	left: 0
}
.msgFun .name {
font-size:.18rem;
	font-weight: 500;
	line-height: 1.5
}
.msgFun .desc {
font-size:.14rem;
	font-weight: 400;
	line-height: 2
}
.msgFun .img {
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}
.msgFun .mb10 {
	margin-bottom: 10px
}
.chooseCause {
	margin: 0 -28px;
padding-bottom:.8rem
}
.chooseCause li {
	width: 50%;
	padding: 0 28px;
margin-bottom:.2rem;
	float: left
}
.chooseCause li>div {
	height: 162px;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(210,210,210,.5);
	border-radius: 4px;
font-size:.16rem;
	font-weight: 500;
	color: #323232;
	line-height: 1.6;
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding-left: 1.4rem;
padding-right:.2rem
}
.chooseCause li .name {
	margin-bottom: 10px
}
.chooseCause li .desc {
	line-height: 1.4;
	font-size: 14px;
	color: #646464
}
.chooseCause li .bgImg {
	width: 1.4rem;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat
}
details, hr {
	display: block
}
.icon-q-01 {
	background-image: url(../img/msg/q_01.png)
}
.icon-q-02 {
	background-image: url(../img/msg/q_02.png)
}
.icon-q-03 {
	background-image: url(../img/msg/q_03.png)
}
.icon-q-04 {
	background-image: url(../img/msg/q_04.png)
}
.icon-type-01 {
	background-image: url(../img/msg/001.png)
}
.icon-type-02 {
	background-image: url(../img/msg/002.png)
}
.icon-type-03 {
	background-image: url(../img/msg/003.png)
}
.icon-op-1 {
	background-image: url(../img/msg/0001.png)
}
.icon-op-2 {
	background-image: url(../img/msg/0002.png)
}
.icon-op-3 {
	background-image: url(../img/msg/0003.png)
}
.icon-op-4 {
	background-image: url(../img/msg/0004.png)
}
.icon-op-5 {
	background-image: url(../img/msg/0005.png)
}
.icon-op-6 {
	background-image: url(../img/msg/0006.png)
}
.icon-op-7 {
	background-image: url(../img/msg/0007.png)
}
.icon-op-8 {
	background-image: url(../img/msg/0008.png)
}
.icon-op-9 {
	background-image: url(../img/msg/0009.png)
}
.icon-cause-1 {
	background-image: url(../img/msg/009.png)
}
.icon-cause-2 {
	background-image: url(../img/msg/010.png)
}
.icon-cause-3 {
	background-image: url(../img/msg/012.png)
}
.icon-cause-4 {
	background-image: url(../img/msg/011.png)
}
.distri-one-right-msg {
	padding-top: 20px
}
@media screen and (max-width:750px) {
.msgFun {
	margin: 0
}
.msgFun li {
	width: 50%;
margin-bottom:.2rem;
	padding: 0 8px
}
.msgFun li>div {
	height: 3.8rem
}
.chooseCause li {
	width: 100%
}
.distri-one-right-msg {
	width: 100%!important
}
}
fieldset, hr, legend {
	padding: 0
}
@media screen and (max-width:480px) {
.msgFun li>div {
	height: 4.5rem
}
}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
h1 {
	font-size: 2em
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
a {
	background-color: transparent
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
b, strong {
	font-weight: bolder
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
img {
	border-style: none
}
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, select {
	text-transform: none
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:ButtonText dotted 1px
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}
progress {
	vertical-align: baseline
}
textarea {
	overflow: auto;
	resize: vertical
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
summary {
	display: list-item
}
[hidden], template {
display:none
}
html {
	-webkit-text-size-adjust: 100%;
	color: #222;
	line-height: 1.4
}
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
	background: #b3d4fc;
	text-shadow: none
}
hr {
	box-sizing: content-box;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle
}
fieldset {
	border: 0;
	margin: 0
}
.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}
.hidden {
	display: none!important
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit
}
.mxd-btn, .mxd-overflow {
	overflow: hidden
}
.invisible {
	visibility: hidden
}
.clearfix:after, .clearfix:before {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
@media print {
blockquote, img, pre, tr {
	page-break-inside: avoid
}
*, :after, :before {
	background: 0 0!important;
	color: #000!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	text-shadow: none!important
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
a[href^="#"]:after, a[href^="javascript:"]:after {
	content: ""
}
pre {
	white-space: pre-wrap!important
}
blockquote, pre {
	border: 1px solid #999
}
thead {
	display: table-header-group
}
h2, h3, p {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
}
.mxd-nav-bgWhite {
	background: #fff!important
}
.mxd-nav-bgWhite .mxd-nav-word-con {
	color: #4f4f4f
}
.mxd-nav-bgWhite .mxd-nav-word-con:hover {
	color: #da2625
}
.mxd-nav-bgWhite .mxd-nav-load {
	color: #da2625;
	border: 1px solid #da2625
}
.mxd-about-banner, .mxd-college-banner {
	position: relative
}
.mxd-about-banner:after, .mxd-college-banner after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4)
}
.mxd-about-banner p, .mxd-college-banner p {
	position: relative;
	z-index: 10
}
.floatRight {
	float: right
}
p {
	margin: 0
}
.cursor {
	cursor: pointer
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin: 0
}
.displayBlock {
	display: block
}
.displayNone {
	display: none
}
.displayInlineBlock {
	display: inline-block
}
.mxd-btn, .mxd-btn-shade {
	width: 180px;
	display: block
}
.mr10 {
	margin-right: 10px
}
.mxd-btn {
	height: 50px;
	background: #fff;
	color: #005EFF;
	cursor: pointer;
	position: relative;
	text-align: center;
	line-height: 50px;
	text-decoration: none;
	font-size: 16px
}
.mxd-btn-shade {
	transform: translateY(-45px);
	transition: transform .5s;
	height: 45px;
	position: absolute;
	border-radius: 26px;
	opacity: .7;
	background: #279afd;
	z-index: 1
}
.mxd-btn:hover {
	opacity: .8
}
.mxd-btn-word {
	position: relative;
	z-index: 10
}
body {
	margin: 0 auto;
	background-color: #fff
}
.mxd-font {
	color: #323232
}
.mxd-swiper-container {
	max-width: 1200px;
	height: 500px
}
.mxd-btn-blue {
	border: 1px solid #da2625;
	border-radius: 4px;
	background: #fff;
	font-size: 18px;
	font-weight: 400;
	color: #da2625
}
.partner .banner {
	background-image: url(../img/partner/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 630px;
	text-align: center;
	margin: 0 auto;
	padding-top: 160px;
	box-sizing: border-box
}
.partner .banner .bannerTitle {
	font-size: 72px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 25px
}
.partner .banner .bannerWord {
	font-size: 26px;
	font-weight: 400;
	color: #fff;
	line-height: 37px
}
.partner .banner .mxd-btn {
	margin: 60px auto 0
}
.partner .advantage .five .fiveCon {
	margin: 100px auto 110px
}
.partner .advantage .five .fiveCon .content {
	background: #fff;
	box-shadow: 0 0 13px 0 rgba(210,210,210,.5);
	border-radius: 5px 5px 0 0;
	padding: 50px 30px;
	margin-right: 30px;
	height: auto;
	position: relative
}
.partner .advantage .five .fiveCon .content .line {
	height: 8px;
	border-radius: 5px 5px 0 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.partner .advantage .five .fiveCon .content .orange {
	background: linear-gradient(135deg, #ff8358 0, #ff5954 100%)
}
.partner .advantage .five .fiveCon .content .blue {
	background: linear-gradient(270deg, #0065ff 0, #0094ff 100%)
}
.partner .advantage .five .fiveCon .content .yellow {
	background: linear-gradient(90deg, #fba910 0, #f1851e 100%)
}
.partner .advantage .five .fiveCon .content .green {
	background: linear-gradient(90deg, #31c9d8 0, #03b5c7 100%)
}
.partner .function {
	background: #f5f6f9;
	padding-bottom: 100px
}
.partner .function .content {
	max-width: 1200px;
	margin: 0 auto
}
.partner .function .content .con {
	display: inline-block;
	width: calc((100% - 120px)/ 4);
	padding: 40px 30px;
	text-align: center;
	margin: 0 30px 30px auto;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(180,180,180,.5);
	border-radius: 4px;
	box-sizing: border-box;
	vertical-align: top
}
.partner .function .content .con .icon {
	width: 80px;
	height: 80px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 20px
}
.partner .function .content .con .posterIcon1 {
	background-image: url(../img/partner/hh01.png)
}
.partner .function .content .con .posterIcon2 {
	background-image: url(../img/partner/hh02.png)
}
.partner .function .content .con .posterIcon3 {
	background-image: url(../img/partner/hh03.png)
}
.partner .function .content .con .posterIcon4 {
	background-image: url(../img/partner/hh04.png)
}
.partner .function .content .con .posterIcon5 {
	background-image: url(../img/partner/hh05.png)
}
.partner .function .content .con .posterIcon6 {
	background-image: url(../img/partner/hh06.png)
}
.partner .function .content .con .posterIcon7 {
	background-image: url(../img/partner/hh07.png)
}
.partner .function .content .con .posterIcon8 {
	background-image: url(../img/partner/hh08.png)
}
.partner .function .content .con .posterIcon9 {
	background-image: url(../img/partner/hh09.png)
}
.partner .function .content .con .posterIcon10 {
	background-image: url(../img/partner/hh10.png)
}
.partner .function .content .con .posterIcon11 {
	background-image: url(../img/partner/hh11.png)
}
.partner .function .content .con .posterIcon12 {
	background-image: url(../img/partner/hh12.png)
}
.partner .function .content .con .name {
	font-size: 24px;
	font-weight: 400;
	color: #323232;
	margin-bottom: 10px
}
.partner .function .content .con .desc {
	font-size: 14px;
	font-weight: 400;
	color: rgba(50,50,50,.7);
	display: inline-block;
	height: 62px
}
.partner .function .content .con:nth-child(4n) {
	margin-right: 0
}
.partner .apply {
	background: #fff;
	padding-bottom: 100px
}
.partner .apply .content {
	max-width: 1200px;
	margin: 140px auto 0;
	position: relative
}
.partner .apply .content .con {
	width: 25%;
	display: inline-block;
	margin: 0 auto;
	text-align: center
}
.partner .apply .content .con .icon {
	width: 120px;
	height: 120px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 20px
}
.partner .apply .content .con .spot {
	width: 9px;
	height: 9px;
	background: #999;
	margin: 0 auto 15px;
	border-radius: 50%
}
.partner .apply .content .con .word {
	font-size: 16px;
	font-weight: 400;
	color: #323232
}
.partner .apply .content .con .icon1 {
	background-image: url(../img/partner/009.png)
}
.partner .apply .content .con .icon2 {
	background-image: url(../img/partner/010.png)
}
.partner .apply .content .con .icon3 {
	background-image: url(../img/partner/011.png)
}
.partner .apply .content .con .icon4 {
	background-image: url(../img/partner/012.png)
}
.partner .apply .content .line {
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #979797;
	top: 148px
}
.partner .evaluate .swiper-container .swiper-button-next, .partner .evaluate .swiper-container .swiper-button-prev {
	top: 130px
}
.partner .apply .mxd-btn {
	background: #0058FF;
	margin: 100px auto 0;
	color: #fff
}
.partner .evaluate {
	height: 686px;
	background: #f5f6f9
}
.partner .evaluate .content {
	width: 920px;
	background: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 40px 120px;
	box-sizing: border-box
}
.partner .evaluate .content .iconTitle {
	width: 150px;
	height: 60px;
	margin-bottom: 35px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat
}
.partner .evaluate .content .iconTitle1 {
	background-image: url(../img/partner/wyykt.png)
}
.partner .evaluate .content .iconTitle2 {
	background-image: url(../img/partner/yhcs.png)
}
.partner .evaluate .content .iconTitle3 {
	background-image: url(../img/partner/tpybx.png)
}
.partner .evaluate .content .evaluateDesc {
	font-size: 14px;
	font-weight: 400;
	color: #323232;
	line-height: 28px;
	margin-bottom: 55px
}
.partner .evaluate .content .evaluateDesc span {
	display: inline-block;
	margin-bottom: 10px
}
.partner .evaluate .content .marginNone {
	margin: 0
}
.partner .evaluate .content .evaluateLine {
	width: 70px;
	height: 2px;
	background: #0058FF;
	margin: 0 auto 20px
}
.partner .evaluate .content .evaluateName {
	font-size: 18px;
	font-weight: 400;
	color: #323232;
	line-height: 25px;
	margin-bottom: 10px
}
.partner .evaluate .content .evaluateSpan {
	font-size: 14px;
	font-weight: 400;
	color: #969696;
	line-height: 20px
}
.partner .evaluate .mxd-swiper-container {
	height: 380px
}
.partner .evaluate .swiper-container .swiper-button-prev img {
	margin-left: 11px
}
.partner .evaluate .swiper-container .swiper-button-next img {
	margin-left: 6px
}
#partnerBg2 .alter2 {
	background-image: url(../img/partner/alert.png)
}
#partnerBg22 .alter22 {
	background-image: url(../img/partner/alert.png)
}
.poster .posterCon {
	padding: 100px 0
}
.poster .posterCon h2 {
	font-size: 36px;
	font-weight: 400;
	color: #323232
}
.poster .distri-fore-con {
	padding-top: 0;
	padding-bottom: 0
}
.poster .one {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center
}
.poster .one h2 {
	margin: 0 auto 20px
}
.poster .one .oneCon .floatLeft {
	width: 25%;
	margin: 0 auto;
	display: inline-block;
	text-align: center
}
.poster .one .oneCon .floatLeft .oneContent {
	max-width: 200px;
	width: auto;
	margin: 60px auto auto
}
.poster .one .oneCon .floatLeft .oneContent img {
	width: 60px;
	height: 60px;
	margin-bottom: 10px
}
.poster .one .oneCon .floatLeft .oneContent .title {
	font-size: 18px;
	font-weight: 500;
	color: #323232;
	letter-spacing: 3px;
	margin-bottom: 20px
}
.poster .one .oneCon .floatLeft .oneContent .desc {
	font-size: 14px;
	font-weight: 400;
	color: #323232;
	display: inline-block;
	height: 48px;
	line-height: 24px
}
.poster .two {
	background: #F5F6F9;
	margin: 0 auto
}
.poster .two .distri-one-con h2 {
	margin-bottom: 80px
}
.poster .two .distri-desc {
	height: 50px
}
.poster .two .distri-flow-desc {
	height: 80px
}
.poster .two .distri-big .distri-desc {
	height: 30px
}
.poster .two .distri-big .distri-flow-desc {
	height: 40px
}
.poster .three {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center
}
.poster .three h2 {
	margin-bottom: 20px
}
.poster .three .desc {
	font-size: 16px;
	color: #969696
}
.poster .three .threeCon {
	margin-top: 80px
}
.poster .three img {
	max-width: 483px;
	width: 40%
}
.poster .three .floatRight {
	max-width: 500px;
	margin-top: 100px;
	width: 50%
}
.poster .three .floatRight p {
	font-size: 18px;
	line-height: 2;
	color: #323232;
	margin-bottom: 60px;
	text-align: left
}
.poster .five, .poster .five .fiveCon, .poster .fore, .poster .six {
	text-align: center
}
.poster .fore {
	margin: 0 auto;
	background: #F5F6F9
}
.poster .fore h2 {
	margin-bottom: 60px
}
.poster .fore .foreCon {
	max-width: 1200px;
	margin: 0 auto
}
.poster .fore .foreCon .foreContent {
	width: 100px;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	margin: 0 10px 20px
}
.poster .fore .foreCon .foreContent img {
	width: 56px;
	height: 56px;
	margin-bottom: 15px
}
.poster .fore .foreCon .foreContent .title {
	font-size: 16px;
	font-weight: 400;
	color: #323232;
	line-height: 22px;
	letter-spacing: 2px
}
.poster .five .title {
	margin-bottom: 10px
}
.poster .five .desc {
	font-size: 18px;
	font-weight: 400;
	color: #323232;
	line-height: 25px
}
.poster .five .fiveCon {
	max-width: 1200px;
	margin: 80px auto 0
}
.poster .five .fiveCon .content {
	width: calc((100% - 120px)/ 4);
	height: 380px;
	background: #fff;
	box-shadow: 0 8px 23px 0 rgba(210,210,210,.5);
	border-radius: 4px;
	display: inline-block;
	padding: 60px 40px;
	box-sizing: border-box;
	margin-right: 40px
}
.poster .five .fiveCon .content .icon {
	width: 100px;
	height: 100px;
	margin-bottom: 30px
}
.poster .five .fiveCon .content .title {
	font-size: 18px;
	font-weight: 500;
	color: #1e3250;
	line-height: 30px;
	margin-bottom: 25px
}
.poster .five .fiveCon .content .desc {
	font-size: 14px;
	font-weight: 400;
	color: #1e3250;
	line-height: 28px
}
.poster .five .fiveCon .content:last-child {
	margin-right: 0
}
.poster .six {
	background: #F5F6F9
}
.poster .six h2 {
	margin-bottom: 80px
}
.poster .six .sixCon {
	max-width: 1200px;
	margin: 0 auto
}
.poster .six .sixCon .content {
	width: calc((100% - 55px)/ 2);
	display: inline-block;
	height: 162px;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(210,210,210,.5);
	border-radius: 4px;
	margin-right: 55px;
	padding: 35px 20px;
	box-sizing: border-box;
	margin-bottom: 40px
}
.poster .six .sixCon .content .icon1 {
	width: 90px;
	height: 90px;
	margin: 0 40px 20px 0
}
.poster .six .sixCon .content .icon2 {
	width: 90px;
	height: 90px;
	margin: 0 40px 0 20px
}
.poster .six .sixCon .content .icon3 {
	width: 90px;
	height: 90px;
	margin: 0 40px 20px 0
}
.poster .six .sixCon .content .icon4 {
	width: 90px;
	height: 90px;
	margin: 0 40px 0 20px
}
.poster .six .sixCon .content .icon5 {
	width: 90px;
	height: 90px;
	margin: 0 40px 20px 0
}
.poster .six .sixCon .content .icon6 {
	width: 90px;
	height: 90px;
	margin: 0 40px 0 20px
}
.poster .six .sixCon .content div {
	text-align: left;
	margin: 15px 0;
	width: calc(80% - 150px)
}
.poster .six .sixCon .content div .title {
	font-size: 16px;
	font-weight: 400;
	color: #323232;
	line-height: 28px
}
.poster .six .sixCon .content:nth-child(2n) {
	margin-right: 0
}
html {
	font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
	font-size: 100px
}
@media screen and (max-width:1024px) {
html {
	font-size: 90px
}
.homeType {
margin-top:.7rem
}
.homeType li {
	width: 50%;
margin-bottom:.3rem
}
.home_com_list {
padding-top:.7rem
}
.home_con .con, .home_con .img {
	width: 50%
}
.homeTitle {
margin-bottom:.2rem
}



.partner .banner .bannerTitle {
	font-size: 38px
}






}
@media screen and (max-width:920px) {
html {
	font-size: 85px
}
}
@media screen and (max-width:750px) {
html {
	font-size: 80px
}
}
@media screen and (max-width:414px) {
html {
	font-size: 70px
}
}
body {
	font-size: 18px
}
@media screen and (max-width:920px) {
.home_con .img {
	width: 100%
}
.home_con .con {
	width: 100%;
	text-align: center
}
.home_con .con .home_list {
	float: none;
	text-align: left;
	display: inline-block
}
}
@media screen and (max-width:750px) {
.distri-one-left, .distri-one-right {
	width: 100%;
	float: none
}
.distri-flow-con, .swiper-container {
box-shadow:0 .2rem .4rem 0 rgba(0,0,0,.02), 0 .4rem .8rem 0 rgba(0,0,0,.04)
}
.distri-one .mxd-btn {
	margin: 0 auto
}
.distri-one-left {
	text-align: center;
	margin-top: 20px
}
.distri-one-left h1 {
	font-size: 30px;
	text-align: center
}
.distri-one-left .distri-one-span {
	margin-bottom: 30px
}
.distri-one-left .mxd-btn {
	display: inline-block
}
.distri-two, .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
	display: none
}
#tryitTop {
	margin: 0 auto
}
.distri-dotted {
	top: 40px
}
.distri-three-right {
	width: auto;
	max-width: 740px;
	float: none;
	margin: 0 50px
}
.distri-three-img {
	width: 100%;
	margin: 50px 0
}
.distri-three-con {
	float: none;
	margin-top: 90px
}
.distri-three-content {
	padding: 0 20px
}
.distri-num, .distri-num-one {
	width: 20px;
	height: 20px;
	line-height: 20px;
	float: none;
	top: 40px;
	left: 10px
}
.distri-title-con {
	left: 70px;
	top: 40px
}
.distri-title-con .distri-title {
	font-size: 20px
}
.distri-title-con .distri-desc {
	font-size: 14px
}
.swiper-container .pagination {
	display: block
}
.swiper-container {
	background: #fff;
	margin: 10px;
	height: 550px
}
.swiper-container .distri-play-left {
	margin: 0 auto;
	text-align: center;
	padding: 20px 20px 0;
	float: none
}
.swiper-container .distri-play-left h3 {
	font-size: 20px;
	margin-bottom: 10px
}
.swiper-container .distri-play-left .distri-desc {
	font-size: 14px;
	text-align: left;
	margin-bottom: 20px;
	display: none
}
.swiper-container .distri-play-left .distri-box-left {
	display: none
}
.swiper-container .distri-play-right {
	float: none;
	padding: 0 20px;
	margin-right: 0;
	height: 400px
}
.distri-fore-con {
	padding-top: 50px
}
.distri-fore-con h2 {
	font-size: 30px
}
.distri-gore-desc {
	margin-bottom: 20px;
	font-size: 14px
}
.distri-flow-con {
	float: none;
	width: 90%;
	padding: 20px;
	height: auto;
	margin: 10px auto;
	border-radius: 5px
}
.distri-big {
	border: none
}
.distri-flow-title {
	display: inline-block
}
.distri-flow-desc {
	height: 30px
}
.distri-fore-title .distri-num {
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 16px
}
.distri-fore-img {
	margin-top: 0
}
.distri-fore-con {
	padding-bottom: 50px
}
.distri-word-con {
	margin-left: 0;
	display: none;
	float: none
}
.mxd-contact-pic {
	display: none
}
.group_pagination, .livecode .one .oneCon, .mxd-contact-content:hover .mxd-contact-pic {
	display: block
}
.footer-top {
	padding: 0 0 30px
}
.footer-top-left, .footer-top-right {
	float: none;
	text-align: center
}
.distri-Register h2 {
	font-size: 30px
}
.livecode .one {
	padding: 20px
}
.livecode .one h2 {
	font-size: 24px;
	margin-bottom: 30px
}
.livecode .one .oneCon .left .icon {
	width: 80px;
	height: 80px
}
.livecode .one .oneCon .left .title {
	font-size: 16px
}
.livecode .one .oneCon .left .desc {
	font-size: 12px
}
.livecode .two .twoCon {
	height: auto;
	padding: 20px
}
.livecode .two .twoCon img {
	width: 100%
}
.livecode .two .twoCon .title {
	font-size: 16px
}
.livecode .two .twoCon .desc {
	font-size: 12px
}
.livecode .two .twoCon div {
	width: 100%;
	margin-top: 30px!important;
	padding-left: 0;
	text-align: left
}
.livecode .two .twoCon div h3 {
	text-align: center;
	font-size: 18px
}
.livecode .two .marginT20 {
	margin-top: 5px
}
.livecode .two .marginT25 {
	margin-top: 15px
}
.livecode .two .twoContent {
	float: none;
	margin-top: 50px!important
}
.livecode .two2 .twoCon {
	height: auto;
	padding: 20px
}
.livecode .two2 .twoCon img {
	width: 100%
}
.livecode .two2 .twoCon .title {
	font-size: 16px
}
.livecode .two2 .twoCon .desc {
	font-size: 12px
}
.livecode .two2 .twoCon div {
	width: 100%;
	margin-top: 30px!important;
	padding-left: 0;
	text-align: left
}
.livecode .two2 .twoCon div h3 {
	text-align: center;
	font-size: 18px
}
.livecode .two2 .marginT20 {
	margin-top: 5px
}
.livecode .two2 .marginT25 {
	margin-top: 15px
}
.livecode .two2 .twoContent {
	float: none;
	margin-top: 50px!important
}
.poster .posterCon {
	padding: 20px 0
}
.poster .posterCon h2 {
	font-size: 24px!important
}
.poster .one .oneCon .floatLeft {
	width: 45%!important
}
.poster .one .oneCon .floatLeft:nth-child(2n+1) {
	float: right!important
}
.poster .three .threeCon {
	margin-top: 20px
}
.poster .three .threeCon img {
	float: none;
	width: 80%
}
.poster .three .threeCon div {
	float: none;
	width: 80%;
	margin: 40px auto
}
.poster .three .threeCon div p {
	margin-bottom: 20px!important
}
.poster .three .threeCon .mxd-btn-blue {
	margin: 0 auto
}
.poster .five .fiveCon {
	margin: 40px auto 0
}
.poster .five .fiveCon .content {
	width: 90%;
	padding: 5px 0;
	margin: 0 auto 20px;
	height: auto
}
.poster .six h2 {
	margin-bottom: 20px!important
}
.poster .six .sixCon .content {
	width: 85%!important;
	height: auto;
	padding: 10px;
	margin-bottom: 20px
}
.group-fun li, .typeList li {
padding:0 .1rem
}
.poster .six .sixCon .content .icon {
	margin: 10px 10px 10px 0
}
.poster .six .sixCon .content .icon1 {
	width: 100px
}
.poster .six .sixCon .content .icon2, .poster .six .sixCon .content .icon3, .poster .six .sixCon .content .icon4 {
	margin-left: 10px
}
.poster .six .sixCon .content .icon5 {
	margin-left: 20px
}
.poster .six .sixCon .content .icon6 {
	margin-left: 10px
}
.poster .six .sixCon .content div {
	width: calc(100% - 120px)
}
.typeList .type_icon {
	width: 1rem;
	height: 1rem
}
.group-fun ul {
	margin: 0;
	box-sizing: border-box
}
.group-fun li {
	width: 50%
}
.gActivity {
padding-bottom:.3rem
}
.swiper-group-activity {
	width: 100%;
	float: right;
	margin-top: 0;
	height: 5rem;
	margin-bottom: 20px
}
.swiper-group-activity .swiper-slide {
	position: relative;
	padding-top: 70px
}
.swiper-group-activity img {
	max-width: 95%;
	margin-top: 0;
	max-height: 100%
}
.swiper-group-activity .group-activity-item {
	display: block;
	position: absolute;
	top: 0
}
.group-activity {
	float: left;
	width: 100%;
	padding-bottom: 0;
padding-top:.6rem
}
.group-activity h3 {
	text-align: center
}
.group-activity li, .group-activity ul {
	display: none
}
.group-activity .active {
	display: block;
	width: 100%;
	background: 0 0;
	box-shadow: none
}
.friendLink li {
	width: 50%;
	height: 2.4rem
}
.friendLink li:nth-child(4n), .friendLink li:nth-child(4n+1) {
	background: #f8f8f8
}
.friendLink li:nth-child(4n+2), .friendLink li:nth-child(4n+3) {
	background: #fff
}
.homeTitle {
font-size:.3rem
}
.home_list li {
	padding-left: 60px
}
.home_list .desc {
	font-size: 14px
}
.btn-inline .mxd-btn {
	width: 45%;
	margin-right: 5%;
	height: 40px;
	line-height: 40px
}
.btn-inline .mxd-btn:last-child, .home_info li .home_mr20, .home_info li .home_mr45 {
	margin-right: 0
}
.home_count .title {
	white-space: nowrap;
font-size:.2rem
}
.home_count .big-size {
font-size:.5rem
}
.home_info li {
	width: 29.33%;
	margin-bottom: 20px;
	margin:2%;
}
.home_info li:first-child, .home_info li:last-child {
	text-align: center
}
.home_info li .floatLeft, .home_info li .floatRight {
	float: none
}
.home_info li .home_ml20, .home_info li .home_ml45 {
	margin-left: 0
}
.distri-one-right {
	height: 180px
}
.distri-one-right .distri-banner {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	display: block;
	margin: auto
}
.home_arrow {
	display: none
}
.partnerSmall .partner .banner {
	height: 200px;
	padding-top: 40px
}
.partnerSmall .partner .banner .bannerTitle {
	font-size: 24px;
	margin-bottom: 10px
}
.partnerSmall .partner .banner .bannerWord {
	font-size: 12px
}
.partnerSmall .partner .banner .mxd-btn {
	margin: 20px auto 0
}
.partnerSmall .partner .advantage .comTitle {
margin-bottom:.3rem;
padding-top:.5rem
}
.partnerSmall .partner .advantage .five .fiveCon {
margin:.3rem auto
}
.partnerSmall .partner .advantage .five .fiveCon .content {
	margin-right: 0
}
.partnerSmall .partner .function .content .con {
	width: 90%;
	display: block;
	margin: 0 auto 20px
}
.partnerSmall .partner .function .content .con:nth-child(4n) {
	margin: 0 auto 20px
}
.partnerSmall .partner .apply .content {
	margin: 40px auto 0
}
.partnerSmall .partner .apply .content .line {
	top: 108px
}
.partnerSmall .partner .apply .content .con .icon {
	width: 80px;
	height: 80px
}
.partnerSmall .partner .apply .mxd-btn {
	margin: 50px auto 0
}
.partnerSmall .partner .evaluate .content {
	width: 100%;
	padding: 10px 10px 30px
}
.partnerSmall .partner .mxd-btn {
	margin: 0 auto;
	width: 100px;
	height: 30px;
	font-size: 12px;
	line-height: 30px
}
.partner-register {
	height: 200px!important;
	padding: 50px 0!important
}
.partner-register h2 {
font-size:.2rem!important
}
.partner-register .mxd-btn {
	margin: 0 auto!important;
	width: 100px!important;
	height: 30px!important;
	font-size: 12px!important;
	line-height: 30px!important
}
.aboutSmall .about .bannerCon .banner .bannerTitle {
	margin-bottom: 0
}
.aboutSmall .about .bannerCon .banner .bannerDesc {
	margin-top: 5px;
	font-size: 12px
}
.aboutSmall .about .synopsis .content {
	padding: 30px 0
}
.aboutSmall .about .synopsis .content .bigNone {
	display: block;
	text-align: center;
	margin: 0 auto
}
.aboutSmall .about .synopsis .content .bigNone .titleLine {
	margin: 0 auto 50px
}
.aboutSmall .about .synopsis .content .smallNone {
	display: none
}
.aboutSmall .about .synopsis .content .img {
	width: 90%;
	margin: 0 auto 20px;
	text-align: center;
	display: block;
	float: none
}
.aboutSmall .about .synopsis .content .con {
	display: block;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	float: none
}
.aboutSmall .about .synopsis .content .con .desc {
	font-size: 12px;
	line-height: 20px
}
.aboutSmall .about .synopsis .content .con .desc .span {
	margin-bottom: 10px
}
.aboutSmall .about .culture .content .con .child {
	width: 90%;
	display: block;
	margin: 0 auto 10px;
	background: #fff;
	box-shadow: 0 0 15px 0 rgba(180,180,180,.5);
	border-radius: 4px;
	box-sizing: border-box;
	padding: 30px 10px 10px
}
.aboutSmall .about .culture .content .con .child .icon {
	width: 80px;
	height: 80px
}
.aboutSmall .about .culture .content .con .child .desc {
	display: inline-block;
	height: 40px;
	vertical-align: top;
	font-size: 14px
}
.aboutSmall .about .aboutCon .function .content .con {
	width: 90%;
	display: block;
	margin: 0 auto 20px
}
.aboutSmall .about .aboutCon .function .content .con:nth-child(3n), .aboutSmall .about .aboutCon .function .content .con:nth-child(4n) {
	margin: 0 auto 20px
}
}


.lbxy_block1{ margin-bottom: 50px; }










/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#0058FF;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#2b6ff1;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:60px;min-height:autopx;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 12px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:98px;line-height:22px;font-size:12px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}









@media screen and (max-width: 750px){
.rec_round_1{ display: none }
.rec_round_2{ display: none }
.rec_round_3{ display: none }

.lbxy_news_items{ width: auto; }


.lbxy_tab .lbxy_tab_active{ border-bottom: 0px; background-color:red; color: #fff }
.lbxy_tab .lbxy_tab_active a{  color:#fff; }
.lbxy_tab{ margin-top: 50px; }
.lbxy_slide_box{ display: none }



.about_1_footer_info1 { width: 46%; margin:2%; }
.about_1_footer_info2 { width: 46%; margin:2%; }
.about_block_2_items{ display: inline-block; width: 98%; float: left; margin:2%;}
.about_block_2_item{width: 46%; float: left; margin:2%;}

.about_block_3_items{ display: inline-block;}

}






@media screen and (max-width: 560px){
.block_1_rec{ width: 23%; margin:1%; text-align: center;}
#block_1_show_1 img, #block_1_show_2 img, #block_1_show_3 img, #block_1_show_4 img{ margin:20px 0px 5px 0px }
.block_1_box_type_2{ display: none }
#block_1_show_1 .btn, #block_1_show_2 .btn, #block_1_show_3 .btn, #block_1_show_4 .btn {
    margin-top: 18px;
    font-size: 12px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.lbxy_news_info img{ width: 100% }

.lbxy_news_info {
    display: block;
    width: 100%;
}
.lbxy_tab{ width: 100% }










}








@media all and (max-width: 640px) {

.about_block_1_info_text1{ font-size: 24px; }
.about_block_1_info_text2{ font-size: 18px; }


.about_block_3_desc{ height: auto }
.about_block_4_desc{ height: auto }

.about_block_2_items{ width:96%; padding-bottom: 10px; }
  .about_block_3_left{ margin-right:0px; }


  .about_block_3_items{padding-bottom: 10px; }


.shidai1{font-size: 20px;}
.shidai41{ width:50%; }

.about_block_2_item{ width:96%; padding-bottom: 10px; }

.about_block_3_right_img{ margin-top: 10px; }




}



@media all and (max-width: 460px) {

}
















#mxdNav{ display: block; }

#mobile_nav{ display: none }

#mobile_nav{background-color: #fff}
.navbar{margin-bottom: 0px;}
.navbar-nav>li>a{ display: inline-block; }
.nav li{ width: 100%; display: block; }


.nav li.open a{ display: block; }
.nav li.open ul{background-color: #fff;}
.nav li .dropdown-toggle{ position: absolute;left:0px;top:0px;     background-color: transparent!important; width:100%;height: 40px; padding: 10px 15px; display: block; z-index: 99999 }
.nav li .dropdown-toggle span{position: absolute;right:0px;top:0px;  padding: 10px 15px;height: 20px;display: block; }


@media all and (max-width: 768px) {


#mxdNav{ display: none; }

#mobile_nav{ display: block }
}








.wxd-banner-wrapper{background:url("../img/bannerzzg.jpg") no-repeat top center;margin-top: 75px;padding:200px 0;}
.wxd-banner-wrapper h1 img{ width: 140px; }
.wxd-banner-wrapper .t1{
font-size: 44px;
    line-height: 1.2;
    margin-top: 20px;
    font-weight: 400;
    margin-bottom: 48px;
    color: #Fff;
    width:100%;
}
.wxd-banner-wrapper p{
font-size: 24px;
    color: #fff;
    line-height: 20px;
    font-weight: 400;
    margin-top: 28px;
}

.wxd-banner-wrapper .btn_jj{background-color: unset;border:2px solid #fff;color: #fff}

.wxd-fun .lmtitle{font-size: .36rem;
    font-weight: 400;
    color: #323232;
    line-height: .5rem;
    margin-bottom: .8rem;
    text-align: center}



.flex{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap; }
.wxd-fun ul{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap; }
.wxd-fun ul li{width: 22%; text-align: center}

.wxd-fun .wxd_icon{ width: 60px;height: 60px;display:block;margin:10px auto; }
.wxd-fun .icon_wxd_1{background:url("../img/zzg_icon1.png") no-repeat;background-size: cover;}
.wxd-fun .icon_wxd_2{background:url("../img/zzg_icon2.png") no-repeat;background-size: cover;}
.wxd-fun .icon_wxd_3{background:url("../img/zzg_icon3.png") no-repeat;background-size: cover;}
.wxd-fun .icon_wxd_4{background:url("../img/zzg_icon4.png") no-repeat;background-size: cover;}

.wxd-fun ul li .title{    font-size: 21px;
    color: #323233;
    font-weight: 400;
    margin-top: 27px;}
.wxd-fun ul li .desc{font-size: 14px;
    color: #323233;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    margin-top: 9px;
}
.pd100{padding:100px 0;}
.relative{position: relative;}

.wxd_c1{background: #f5f5f5;overflow: hidden;}
.wxd_c10{background: #f5f5f5;overflow: hidden;}

.zzg_h1{padding:0px 0px 107px 0px;}
.zzg_h2{padding:60px 0px 50px 0px;}
.zzg_h3{padding:50px 0px 20px 0px;}
.zzg_h4{padding:90px 0px 90px 0px;}
.zzg_h5{padding:50px 0px 57px 0px;}
.zzg_h6{padding:50px 0px 40px 0px;}

.wxd_c1 .c1_1{ width: 45%; z-index:1;position: relative;}
.wxd_c1 .c1_2{ width: 70%; position:absolute;bottom:-100px;right:0; z-index: 0;max-height: 493px; }
.wxd_c1 .c1_2 img{ width: 100%;right: 0px;position: relative; }


.wxd_c1 .c1_1 .t1{
font-size: 24px;
    color: #fc6247;
    font-weight: 400;
    line-height: 51px;}

.wxd_c1 .c1_1 .t2{
    font-size: 40px;
    color: #323233;
    line-height: 48px;
    font-weight: 400;
    padding-bottom: 24px;
    }



.wxd_c1 .c1_1 .t3{
        margin-top: 16px;
    font-size: 18px;
    color: #646566;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 60px; width: 60% }



.btn_tc{
    width: 150px;
    height: 44px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    background: #0058FF;
    border-radius: 2px;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    float: left
    }


 .btn_jj{
    width: 150px;
    height: 44px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    background: #fff;
    border:2px solid #0058FF;
    color: #0058FF;
    outline: none;

    cursor: pointer;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    float: left;margin-left: 10px;
    }
.btn_jj img{ width: 11px; height:16px;margin-right: 10px; display: inline-block; }




 .wxd_c2 .c2_1{ width: 50%;}
 .wxd_c2 .c2_2{ width: 50%;}
 .wxd_c2 .c2_2 img{ width:100%;}
 
 
 
 
 
 

.wxd_c2 .c2_1 .t1{
    font-size: 40px;
    color: #323233;
    line-height: 48px;
    font-weight: 400;
        padding-bottom: 24px;
        padding-top: 50px;
}


.wxd_c2 .c2_1 .t2{
margin-top: 16px;
    font-size: 18px;
    color: #646566;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 60px; width: 70% 
}





.wxd_c3 .lmtitle{font-size: .36rem;
    font-weight: 400;
    color: #323232;
    line-height: .5rem;
    margin-bottom: .8rem;
    text-align: center}


.wxd_c3_1{ width: 29%;padding:0 2%; text-align: center }
.wxd_c3_1 p img{ width: 80%;}

.wxd_c3 .wxd_c3_1 .t1{
        font-size: 21px;
    color: #323233;
    text-align: center;
    font-weight: 400;
    margin-bottom: 16px;
}


.wxd_c3 .wxd_c3_1 .t2{
font-size: 18px;
    color: #646566;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
}
    
.wxd_c3 .wxd_c3_1 .btn_jj{margin-top: 20px; float: unset;}


.wxd_c4{background-color: #fafbfc}
.wxd_c4 .lmtitle{font-size: .36rem;
    font-weight: 400;
    color: #323232;
    line-height: .5rem;
    margin-bottom: .8rem;
    text-align: center}


.wxd_c4_1{ width: 30%;padding:0 3% 30px 0; text-align: left }

.wxd_c4 .wxd_c4_1 .t1{
        font-size: 21px;
    color: #323233;

    font-weight: 400;
    margin-bottom: 16px;
}
.wxd_c4 .wxd_c4_1 .t1 img{ width:10px;margin-right:5px;}

.wxd_c4 .wxd_c4_1 .t2{
font-size: 18px;
    color: #646566;
 
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
}



.wxd_c5{background-color: #fff}
.wxd_c5 .lmtitle{font-size: .36rem;
    font-weight: 400;
    color: #323232;
    line-height: .5rem;
    margin-bottom: .8rem;
    text-align: center}
.wxd_c5 .lmtitle span{color: #fa4d2f}

.wxd_c5_1{ width: 30%; text-align: left;
    height: 240px;
    background: #fff;
    -webkit-box-shadow: 0 8px 30px 0 rgba(115,129,152,.1);
    box-shadow: 0 8px 30px 0 rgba(115,129,152,.1);
    border-radius: 4px;
    padding: 32px;
    margin-left: 30px;
    margin-bottom: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.wxd_c5 .wxd_c5_1_1{margin-bottom: 30px;}
.wxd_c5_1 .wxd_c5_1_1 img{ width: 44px; float: left;margin-right: 14px; 
    border-radius: 3px; }




.wxd_c5 .wxd_c5_1_1 .t1{
        font-size: 16px;
    color: #333;
    line-height: 23px;
    font-weight: 400;
}


.wxd_c5 .wxd_c5_1_1 .t2{
    font-size: 14px;
    color: #969799;
    line-height: 20px;
    font-weight: 400;
}



.wxd_c5 .t3{
font-size: 14px;
    color: #323233;
    text-align: justify;
    line-height: 20px;
    font-weight: 400;
}



.wxd_c6{background-color: #fff}
.wxd_c6 .lmtitle{font-size: .36rem;
    font-weight: 400;
    color: #323232;
    line-height: .5rem;
    margin-bottom: .8rem;
    text-align: center}
.wxd_c6 .lmtitle span{color: #fa4d2f}

.wxd_c6_1{
	width: 14%;
    margin-bottom: 48px;
    font-size: 0;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
 }

.wxd_c6_1 img{ width: 94px;max-width: 100%}





.video-player-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2001;
}
.video-player-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.8);
    z-index: 2;
}
.video-player {
    position: absolute;

    max-width: 90vw;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    z-index: 3;
}
.video-player-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 41px;
    font-size: 22px;
    z-index: 120;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-box-shadow: 0 0 14px rgba(0,0,0,.4);
    box-shadow: 0 0 14px rgba(0,0,0,.4);
}
.video-player video {
    width: 100%;
    outline: none;
}

.video-player {
    max-width: 22%;
    top: 50%;
}
.v1 .video-player {

    top: 50%;
}
.video-player-container.visible {
    display: block;
}


.wxd_c2_ex .flex{ display:block}
.wxd_c2_ex .c2_1{ width: 50%; float:right}
.wxd_c2_ex .c2_2{ width: 50%; float:left}





@media all and (max-width: 768px) {
    .video-player {
    max-width: unset;

}
	.wxd-banner-wrapper{padding-bottom: 50px;background-size: 600%;}
	
	.wxd-banner-wrapper .t1{font-size: 28px;}
	.wxd-banner-wrapper .distri-one-right{display:none}
	
	.wxd_c1 .c1_1 .t2{font-size: 28px;line-height: 38px; }
	
	
	.btn_tc{ width: 45%; }
	.btn_jj{ width: 45%; }
	.wxd-fun ul li{ width: 48%;margin-bottom: 20px; }
	.wxd_c1 .c1_1{ width: 100% }
	.wxd_c1 .c1_2{ width: 100% }
	.wxd_c1 .c1_1 .t3{ width: 100% }
	.wxd_c2 .c2_1{ width: 100%;float:left; }
	.wxd_c2 .c2_2{ width: 100%;float:left; }
	.wxd_c2 .c2_1 .t1{ font-size: 28px;line-height: 38px; }
	.wxd_c2 .c2_1 .t2{ width: 100% }
	.wxd_c3_1{ width: 100%;margin-bottom: 20px; }
	.wxd_c4_1{ width: 48%; }
.wxd_c5 .lmtitle{ width: 100%;padding:0px 5%; }
.wxd_c5 .container{ width:95%}
	.wxd_c5_1{ width: 48%; height: auto;padding:26px 14px;margin:1%; }
.wxd_c6 .container{ width:95%}
	.wxd_c6_1{
	width: 94px;
}

.wxd_c6 .lmtitle{ width: 100%;padding:0px 5%; }

.video-player {

    width: 90%;
    top: 50%;
}








}