/*Generated by wjdhcms 3.0 */



@charset "utf-8";

.header .h_menu,#nav,.f_tit_bnav,#wxnr,#weixin{ display:none;}





::-webkit-scrollbar {

 width: 12px;

 height: 12px;

 background-color: #F5F5F5;

}







::-webkit-scrollbar-track {

 border-radius: 12px;

 background-color: #E2E2E2;

}







::-webkit-scrollbar-thumb {

 border-radius: 12px;

 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

 box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

 background-color: #555;

}







::selection {

 background-color: #0739a8;

 color: #fff;

}







::-moz-selection {

 background-color: #0739a8;

 color: #fff;

}







::-webkit-selection {

 background-color: #0739a8;

 color: #fff;

}

#wjdh-kefu .wjdh-kefu-qq p, #wjdh-kefu .wjdh-kefu-qq a, #wjdh-kefu .wjdh-kefu-tel p, #wjdh-kefu .wjdh-kefu-tel img, #wjdh-kefu .wjdh-kefu-erweima img {

	box-sizing: content-box;

}

* {

	padding: 0;

	margin: 0;

	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}

body {

	font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

	color: #333;

	margin: 0;

	line-height: 1.5;

}

*:before, *:after {

	box-sizing: content-box;

}

:focus {

	outline: 1;

}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {

	display: block;

}

a {

	color: #333;

	text-decoration: none;

}

a:link, a:hover, a:active, a:visited {

	text-decoration: none;

}

ins {

	background-color: #ff9;

	color: #000;

	text-decoration: none;

}

mark {

	background-color: #ff9;

	color: #000;

	font-style: italic;

	font-weight: bold;

}

del {

	text-decoration: line-through;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #cccccc;

	margin: 1em 0;

	padding: 0;

}

input, select {

	vertical-align: middle;

}

li, ul {

	list-style-type: none;

}

img {

	border: none;

}

input, textarea {

	outline: 0;

	border: 0;

	resize: none;

}

h1, h2, h3, h4, h5, h6, dl, dd, dt, i, em {

	font-weight: normal;

	font-style: normal;

}

.webqq_ewm {

	box-sizing: content-box;

}

.fixedNav {

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	z-index: 100000;

	_position: absolute;

 _top: expression(eval(document.documentElement.scrollTop));

	box-shadow: 0px 10px 12px rgba(0, 0, 0, .1);

}

html {

	cursor: url(../images/cur.png), default;

}

a {

	cursor: url(../images/Acur.png), default;

}

textarea {

	animation: animated 1s infinite;

	-moz-animation: animated 1s infinite;

	-webkit-animation: animated 1s infinite;

	-o-animation: animated 1s infinite;

}

input[type="text"] {

	animation: animated 1s infinite;

	-moz-animation: animated 1s infinite;

	-webkit-animation: animated 1s infinite;

	-o-animation: animated 1s infinite;

}

input[type="button"] {

	cursor: url(../images/Acur.png), default !important;

}

input, button {

	outline: none;

}

 @keyframes animated {

 0% {

 cursor: url('../images/Pcuro1.png'), auto;

}

 8.8% {

 cursor: url('../images/Pcuro2.png'), auto;

}

 17.6% {

 cursor: url('../images/Pcuro3.png'), auto;

}

 26.4% {

 cursor: url('../images/Pcuro4.png'), auto;

}

 35.2% {

 cursor: url('../images/Pcuro5.png'), auto;

}

 44% {

 cursor: url('../images/Pcuro6.png'), auto;

}

 52.8% {

 cursor: url('../images/Pcuro7.png'), auto;

}

 61.6% {

 cursor: url('../images/Pcuro8.png'), auto;

}

 70.4% {

 cursor: url('../images/Pcuro9.png'), auto;

}

 79.2% {

 cursor: url('../images/Pcuro10.png'), auto;

}

 88% {

 cursor: url('../images/Pcuro11.png'), auto;

}

 100% {

 cursor: url('../images/Pcuro12.png'), auto;

}

}

.wjdh-ico1, .wjdh-ico2 {

	vertical-align: middle;

}

.xcConfirm .xc_layer {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 0%;

	background-color: #666666;

	opacity: 0.5;

	transition: 0.3s;

	z-index: 2147000000;

}

.xcConfirm .popBox {

	position: fixed;

	left: 50%;

	top: 50%;

	background-color: #ffffff;

	z-index: 2147000001;

	width: 10px;

	height: 0px;

	margin-left: -285px;

	margin-top: -150px;

	border-radius: 5px;

	font-weight: bold;

	color: #535e66;

	transition: 0.3s;

	overflow: hidden;

}

.xcConfirm .popBox .ttBox {

	height: 30px;

	line-height: 30px;

	padding: 14px 30px;

	border-bottom: solid 1px #eef0f1;

}

.xcConfirm .popBox .ttBox .tt {

	font-size: 18px;

	display: block;

	float: left;

	height: 30px;

	position: relative;

}

.xcConfirm .popBox .txtBox {

	margin: 40px 100px;

	height: 100px;

	overflow: hidden;

}

.xcConfirm .popBox .txtBox p {

	height: 84px;

	margin-top: 16px;

	line-height: 26px;

	overflow-x: hidden;

	overflow-y: auto;

}

.xcConfirm .popBox .txtBox p input {

	width: 364px;

	height: 30px;

	border: solid 1px #eef0f1;

	font-size: 18px;

	margin-top: 6px;

}

.xcConfirm .popBox .btnArea {

	border-top: solid 1px #eef0f1;

}

.xcConfirm .popBox .btnGroup {

	float: right;

}

.xcConfirm .popBox .btnGroup .sgBtn {

	margin-top: 14px;

	margin-right: 10px;

}

.xcConfirm .popBox .sgBtn {

	display: block;

	cursor: pointer;

	float: left;

	width: 95px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	color: #FFFFFF;

	border-radius: 5px;

}

.xcConfirm .popBox .sgBtn.ok {

	color: #FFFFFF;

	position: relative;

	z-index: 1;

	display: block;

	text-align: center;

	overflow: hidden;

	-webkit-transition: background-color 0.6s, color 0.3s;

	transition: background-color 0.6s, color 0.3s;

	box-sizing: border-box;

	border: none;

	background-color: #0095d9;

	cursor: pointer;

}

 .xcConfirm .popBox .sgBtn.ok::before {

 content: '';

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

 border: 2px solid #0095d9;

 z-index: -1;

 border-radius: inherit;

 opacity: 0;

 -webkit-transform: scale3d(0.6, 0.6, 1);

 transform: scale3d(0.6, 0.6, 1);

 -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

 transition: transform 0.3s, opacity 0.3s;

 -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

 transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

 box-sizing: border-box;

}

.xcConfirm .popBox .sgBtn.ok:hover {

	color: #0095d9;

	background-color: #fff;

}

 .xcConfirm .popBox .sgBtn.ok:hover::before {

 -webkit-transform: scale3d(1, 1, 1);

 transform: scale3d(1, 1, 1);

 opacity: 1;

}

.xcConfirm .popBox .sgBtn.cancel {

	background-color: #546a79;

	color: #FFFFFF;

}

.xcConfirm {

	transition: 0.7s;

}

.xcConfirm .openh {

	height: 100%;

}

.xcConfirm .openw1 {

	width: 570px;

}

.xcConfirm .openw {

	height: 300px;

}

.center {

	width: 1200px;

	margin: 0 auto;

}

.nav {

	position: relative;

	z-index: 99999999999999999999999999999999999999999999999;

}

.fixedNav {

	position: fixed !important;

}

.clear {

	clear: both;

}

.left {

	float: left;

}

.right {

	float: right;

}

.tl {

	text-align: left;

}

.tr {

	text-align: right;

}

* {

	margin: 0;

	padding: 0;

	list-style: none;

	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}

i {

	font-weight: normal;

	font-style: normal;

}

.topxunpan {

	height: 40px;

	background: #fff;

}

.topxunpan p {

	float: right;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 40px;

	letter-spacing: 0px;

}

.topxunpan span {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 40px;

	letter-spacing: 0px;

	color: #aaaaaa;

}

.topxunpan span i {

	font-weight: bold;

}

.topxunpan img {

	vertical-align: middle;

	margin-right: 10px;

}

.xp {

	position: relative;

	float: right;

	line-height: 40px;

	color: #aaaaaa;

	font-size: 14px;

	cursor: pointer;

	padding-left: 20px;

	margin-left: 15px;

	margin-right: 15px;

	background: url('../images/h.png') no-repeat center;

	background-position-x: 0px;

}

.xp img {

	margin-right: 2px;

	margin-right: 5px;

	vertical-align: baseline;

}

.topxunpan a {

	line-height: 40px;

	color: #aaaaaa;

	float: right;

	font-size: 14px;

	display: inline-block;

	transition: 0.7s;

}

.topxunpan a:hover {

	color: #0739a8;

}

 .topxunpan a::after {

 content: '|';

 margin-left: 5px;

 margin-right: 5px;

 color: #aaaaaa;

}

.xp i {

	text-align: center;

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 0px;

	display: inline-block;

	color: #aaaaaa;

	border-radius: 100%;

}

.xp #xunpantip {

	z-index: 999999999999999999999;

	position: absolute;

	top: 35px;

	left: 50%;

	width: 180px;

	height: 30px;

	line-height: 36px;

	text-align: center;

	color: #fff;

	font-size: 14px;

	-webkit-transform: translateX(-50%) scale(0);

	-moz-transform: translateX(-50%) scale(0);

	-o-transform: translateX(-50%) scale(0);

	-ms-transform: translateX(-50%) scale(0);

	transform: translateX(-50%) scale(0);

	-webkit-transition: transform 0.4s, opacity 0.4s;

	-moz-transition: transform 0.4s, opacity 0.4s;

	-o-transition: transform 0.4s, opacity 0.4s;

	-ms-transition: transform 0.4s, opacity 0.4s;

	transition: transform 0.4s, opacity 0.4s;

	background-color: #0739a8;

	border-radius: 4px;

	opacity: 0;

	font-weight: bold;

}

 .xp #xunpantip::after {

 content: '';

 position: absolute;

 top: -16px;

 left: 50%;

 width: 0;

 height: 0;

 -webkit-transform: translateX(-50%);

 -moz-transform: translateX(-50%);

 -o-transform: translateX(-50%);

 -ms-transform: translateX(-50%);

 transform: translateX(-50%);

 border: 8px solid transparent;

 border-bottom-color: #0739a8;

}

.xp #xunpantip.xunpantextactive {

	-webkit-transform: translateX(-50%) scale(1);

	-moz-transform: translateX(-50%) scale(1);

	-o-transform: translateX(-50%) scale(1);

	-ms-transform: translateX(-50%) scale(1);

	transform: translateX(-50%) scale(1);

	opacity: 1;

	z-index: 999999999999999999999;

}

/* @charset "UTF-8";*/



/*!



   * animate.css -https://daneden.github.io/animate.css/



   * Version - 3.7.2



   * Licensed under the MIT license - http://opensource.org/licenses/MIT



   *



   * Copyright (c) 2019 Daniel Eden



   */



/* ~~~~~~~ INIT. BTN ~~~~~~~ */



.button.dark {

 --background: #2F3545;

 --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);

 --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);

}

.button.white {

 --background: #fff;

 --shadow: 0 2px 8px -1px rgba(18, 22, 33, 0.04);

 --shadow-hover: 0 4px 20px -2px rgba(18, 22, 33, 0.12);

}

.button {

 --text: #fff;

 --font-size: 16px;

 --duration: 0.5s;

 --move-hover: -4px;

	font-family: 'Roboto';

	font-weight: 500;

	display: block;

	outline: none;

	border: none;

	cursor: pointer;

	text-decoration: none;

	letter-spacing: 0.5px;

	box-shadow: var(--shadow);

	-webkit-transform: translateY(var(--y));

	transform: translateY(var(--y));

	transition: box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;

	transition: transform var(--duration) ease, box-shadow var(--duration) ease;

	transition: transform var(--duration) ease, box-shadow var(--duration) ease, -webkit-transform var(--duration) ease;

	-webkit-tap-highlight-color: transparent;

	-webkit-appearance: none;

}

.button span {

	display: flex;

	display: block;

	text-align: center;

}

.button span i {

	display: block;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	font-style: normal;

	display: inline-block;

}

 .button span i:nth-child(1) {

 --d: 0.05s;

}

 .button span i:nth-child(2) {

 --d: 0.1s;

}

 .button span i:nth-child(3) {

 --d: 0.15s;

}

 .button span i:nth-child(4) {

 --d: 0.2s;

}

 .button span i:nth-child(5) {

 --d: 0.25s;

}

 .button span i:nth-child(6) {

 --d: 0.3s;

}

 .button span i:nth-child(7) {

 --d: 0.35s;

}

 .button span i:nth-child(8) {

 --d: 0.4s;

}

 .button span i:nth-child(9) {

 --d: 0.45s;

}

 .button span i:nth-child(10) {

 --d: 0.5s;

}

 .button span i:nth-child(11) {

 --d: 0.55s;

}

.button:hover {

 --y: var(--move-hover);

 --shadow: var(--shadow-hover);

 --move: -4px;

 --shadow-active: 0 3px 1px rgba(0, 0, 0, 0.2);

}

.button:hover i {

	-webkit-animation: move var(--duration) linear var(--d);

	animation: move var(--duration) linear var(--d);

}

.button.smoke {

 --move: 12px;

 --move-y: -8px;

 --blur: 4px;

}

.button.smoke:hover i {

 --duration: 1s;

	-webkit-animation: smoke var(--duration) linear var(--d);

	animation: smoke var(--duration) linear var(--d);

}

.button.drive {

 --move: 16px;

 --skew: 25deg;

 --skew-fast: 40deg;

 --skew-bounce: -12px;

}

.button.drive:hover i {

 --duration: 1s;

	-webkit-transform-origin: 50% 100%;

	transform-origin: 50% 100%;

	-webkit-animation: drive var(--duration) linear var(--d);

	animation: drive var(--duration) linear var(--d);

}

 @-webkit-keyframes move {

 40% {

 -webkit-transform: translateY(var(--move));

 transform: translateY(var(--move));

 text-shadow: var(--shadow-active);

}

}

 @keyframes move {

 40% {

 -webkit-transform: translateY(var(--move));

 transform: translateY(var(--move));

 text-shadow: var(--shadow-active);

}

}

 @-webkit-keyframes smoke {

 45%, 55% {

 -webkit-filter: blur(var(--blur));

 filter: blur(var(--blur));

}

 50%, 50.1% {

 opacity: 0;

}

 25%, 75% {

 -webkit-transform: translateX(0);

 transform: translateX(0);

}

 50% {

 -webkit-transform: translateX(var(--move)) translateY(var(--move-y));

 transform: translateX(var(--move)) translateY(var(--move-y));

}

 50.1% {

 -webkit-transform: translateX(calc(var(--move) * -1));

 transform: translateX(calc(var(--move) * -1));

}

}

 @keyframes smoke {

 45%, 55% {

 -webkit-filter: blur(var(--blur));

 filter: blur(var(--blur));

}

 50%, 50.1% {

 opacity: 0;

}

 25%, 75% {

 -webkit-transform: translateX(0);

 transform: translateX(0);

}

 50% {

 -webkit-transform: translateX(var(--move)) translateY(var(--move-y));

 transform: translateX(var(--move)) translateY(var(--move-y));

}

 50.1% {

 -webkit-transform: translateX(calc(var(--move) * -1));

 transform: translateX(calc(var(--move) * -1));

}

}

 @-webkit-keyframes drive {

 40% {

 opacity: 1;

}

 55% {

 -webkit-transform: skewX(var(--skew)) translateX(var(--move));

 transform: skewX(var(--skew)) translateX(var(--move));

}

 56% {

 -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

 transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

}

 55%, 56% {

 opacity: 0;

}

 75% {

 -webkit-transform: skewX(var(--skew));

 transform: skewX(var(--skew));

}

 85% {

 -webkit-transform: skewX(var(--skew-bounce));

 transform: skewX(var(--skew-bounce));

}

}

 @keyframes drive {

 40% {

 opacity: 1;

}

 55% {

 -webkit-transform: skewX(var(--skew)) translateX(var(--move));

 transform: skewX(var(--skew)) translateX(var(--move));

}

 56% {

 -webkit-transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

 transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));

}

 55%, 56% {

 opacity: 0;

}

 75% {

 -webkit-transform: skewX(var(--skew));

 transform: skewX(var(--skew));

}

 85% {

 -webkit-transform: skewX(var(--skew-bounce));

 transform: skewX(var(--skew-bounce));

}

}

 @-webkit-keyframes bounce {

 0%, 20%, 53%, 80%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 40%, 43% {

 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -webkit-transform: translate3d(0, -30px, 0);

 transform: translate3d(0, -30px, 0);

}

 70% {

 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -webkit-transform: translate3d(0, -15px, 0);

 transform: translate3d(0, -15px, 0);

}

 90% {

 -webkit-transform: translate3d(0, -4px, 0);

 transform: translate3d(0, -4px, 0);

}

}

 @keyframes bounce {

 0%, 20%, 53%, 80%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 40%, 43% {

 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -webkit-transform: translate3d(0, -30px, 0);

 transform: translate3d(0, -30px, 0);

}

 70% {

 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

 -webkit-transform: translate3d(0, -15px, 0);

 transform: translate3d(0, -15px, 0);

}

 90% {

 -webkit-transform: translate3d(0, -4px, 0);

 transform: translate3d(0, -4px, 0);

}

}

.bounce {

	-webkit-animation-name: bounce;

	animation-name: bounce;

	-webkit-transform-origin: center bottom;

	transform-origin: center bottom;

}

 @-webkit-keyframes flash {

 0%, 50%, to {

 opacity: 1;

}

 25%, 75% {

 opacity: 0;

}

}

 @keyframes flash {

 0%, 50%, to {

 opacity: 1;

}

 25%, 75% {

 opacity: 0;

}

}

.flash {

	-webkit-animation-name: flash;

	animation-name: flash;

}

 @-webkit-keyframes pulse {

 0% {

 -webkit-transform: scaleX(1);

 transform: scaleX(1);

}

 50% {

 -webkit-transform: scale3d(1.05, 1.05, 1.05);

 transform: scale3d(1.05, 1.05, 1.05);

}

to {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

}

 @keyframes pulse {

 0% {

 -webkit-transform: scaleX(1);

 transform: scaleX(1);

}

 50% {

 -webkit-transform: scale3d(1.05, 1.05, 1.05);

 transform: scale3d(1.05, 1.05, 1.05);

}

to {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

}

.pulse {

	-webkit-animation-name: pulse;

	animation-name: pulse;

}

 @-webkit-keyframes rubberBand {

 0% {

 -webkit-transform: scaleX(1);

 transform: scaleX(1);

}

 30% {

 -webkit-transform: scale3d(1.25, 0.75, 1);

 transform: scale3d(1.25, 0.75, 1);

}

 40% {

 -webkit-transform: scale3d(0.75, 1.25, 1);

 transform: scale3d(0.75, 1.25, 1);

}

 50% {

 -webkit-transform: scale3d(1.15, 0.85, 1);

 transform: scale3d(1.15, 0.85, 1);

}

 65% {

 -webkit-transform: scale3d(0.95, 1.05, 1);

 transform: scale3d(0.95, 1.05, 1);

}

 75% {

 -webkit-transform: scale3d(1.05, 0.95, 1);

 transform: scale3d(1.05, 0.95, 1);

}

to {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

}

 @keyframes rubberBand {

 0% {

 -webkit-transform: scaleX(1);

 transform: scaleX(1);

}

 30% {

 -webkit-transform: scale3d(1.25, 0.75, 1);

 transform: scale3d(1.25, 0.75, 1);

}

 40% {

 -webkit-transform: scale3d(0.75, 1.25, 1);

 transform: scale3d(0.75, 1.25, 1);

}

 50% {

 -webkit-transform: scale3d(1.15, 0.85, 1);

 transform: scale3d(1.15, 0.85, 1);

}

 65% {

 -webkit-transform: scale3d(0.95, 1.05, 1);

 transform: scale3d(0.95, 1.05, 1);

}

 75% {

 -webkit-transform: scale3d(1.05, 0.95, 1);

 transform: scale3d(1.05, 0.95, 1);

}

to {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

}

.rubberBand {

	-webkit-animation-name: rubberBand;

	animation-name: rubberBand;

}

 @-webkit-keyframes shake {

 0%, to {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 10%, 30%, 50%, 70%, 90% {

 -webkit-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0);

}

 20%, 40%, 60%, 80% {

 -webkit-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0);

}

}

 @keyframes shake {

 0%, to {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 10%, 30%, 50%, 70%, 90% {

 -webkit-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0);

}

 20%, 40%, 60%, 80% {

 -webkit-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0);

}

}

.shake {

	-webkit-animation-name: shake;

	animation-name: shake;

}

 @-webkit-keyframes headShake {

 0% {

 -webkit-transform: translateX(0);

 transform: translateX(0);

}

 6.5% {

 -webkit-transform: translateX(-6px) rotateY(-9deg);

 transform: translateX(-6px) rotateY(-9deg);

}

 18.5% {

 -webkit-transform: translateX(5px) rotateY(7deg);

 transform: translateX(5px) rotateY(7deg);

}

 31.5% {

 -webkit-transform: translateX(-3px) rotateY(-5deg);

 transform: translateX(-3px) rotateY(-5deg);

}

 43.5% {

 -webkit-transform: translateX(2px) rotateY(3deg);

 transform: translateX(2px) rotateY(3deg);

}

 50% {

 -webkit-transform: translateX(0);

 transform: translateX(0);

}

}

 @keyframes headShake {

 0% {

 -webkit-transform: translateX(0);

 transform: translateX(0);

}

 6.5% {

 -webkit-transform: translateX(-6px) rotateY(-9deg);

 transform: translateX(-6px) rotateY(-9deg);

}

 18.5% {

 -webkit-transform: translateX(5px) rotateY(7deg);

 transform: translateX(5px) rotateY(7deg);

}

 31.5% {

 -webkit-transform: translateX(-3px) rotateY(-5deg);

 transform: translateX(-3px) rotateY(-5deg);

}

 43.5% {

 -webkit-transform: translateX(2px) rotateY(3deg);

 transform: translateX(2px) rotateY(3deg);

}

 50% {

 -webkit-transform: translateX(0);

 transform: translateX(0);

}

}

.headShake {

	-webkit-animation-timing-function: ease-in-out;

	animation-timing-function: ease-in-out;

	-webkit-animation-name: headShake;

	animation-name: headShake;

}

 @-webkit-keyframes swing {

 20% {

 -webkit-transform: rotate(15deg);

 transform: rotate(15deg);

}

 40% {

 -webkit-transform: rotate(-10deg);

 transform: rotate(-10deg);

}

 60% {

 -webkit-transform: rotate(5deg);

 transform: rotate(5deg);

}

 80% {

 -webkit-transform: rotate(-5deg);

 transform: rotate(-5deg);

}

to {

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg);

}

}

 @keyframes swing {

 20% {

 -webkit-transform: rotate(15deg);

 transform: rotate(15deg);

}

 40% {

 -webkit-transform: rotate(-10deg);

 transform: rotate(-10deg);

}

 60% {

 -webkit-transform: rotate(5deg);

 transform: rotate(5deg);

}

 80% {

 -webkit-transform: rotate(-5deg);

 transform: rotate(-5deg);

}

to {

	-webkit-transform: rotate(0deg);

	transform: rotate(0deg);

}

}

.swing {

	-webkit-transform-origin: top center;

	transform-origin: top center;

	-webkit-animation-name: swing;

	animation-name: swing;

}

 @-webkit-keyframes tada {

 0% {

 -webkit-transform: scaleX(1);

 transform: scaleX(1);

}

 10%, 20% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

 transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

}

 30%, 50%, 70%, 90% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

 transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

}

 40%, 60%, 80% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

 transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

}

to {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

}

 @keyframes tada {

 0% {

 -webkit-transform: scaleX(1);

 transform: scaleX(1);

}

 10%, 20% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

 transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);

}

 30%, 50%, 70%, 90% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

 transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);

}

 40%, 60%, 80% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

 transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);

}

to {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

}

.tada {

	-webkit-animation-name: tada;

	animation-name: tada;

}

 @-webkit-keyframes wobble {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 15% {

 -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

 transform: translate3d(-25%, 0, 0) rotate(-5deg);

}

 30% {

 -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

 transform: translate3d(20%, 0, 0) rotate(3deg);

}

 45% {

 -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

 transform: translate3d(-15%, 0, 0) rotate(-3deg);

}

 60% {

 -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

 transform: translate3d(10%, 0, 0) rotate(2deg);

}

 75% {

 -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

 transform: translate3d(-5%, 0, 0) rotate(-1deg);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes wobble {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 15% {

 -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);

 transform: translate3d(-25%, 0, 0) rotate(-5deg);

}

 30% {

 -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);

 transform: translate3d(20%, 0, 0) rotate(3deg);

}

 45% {

 -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);

 transform: translate3d(-15%, 0, 0) rotate(-3deg);

}

 60% {

 -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);

 transform: translate3d(10%, 0, 0) rotate(2deg);

}

 75% {

 -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);

 transform: translate3d(-5%, 0, 0) rotate(-1deg);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.wobble {

	-webkit-animation-name: wobble;

	animation-name: wobble;

}

 @-webkit-keyframes jello {

 0%, 11.1%, to {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 22.2% {

 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

 transform: skewX(-12.5deg) skewY(-12.5deg);

}

 33.3% {

 -webkit-transform: skewX(6.25deg) skewY(6.25deg);

 transform: skewX(6.25deg) skewY(6.25deg);

}

 44.4% {

 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

 transform: skewX(-3.125deg) skewY(-3.125deg);

}

 55.5% {

 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

 transform: skewX(1.5625deg) skewY(1.5625deg);

}

 66.6% {

 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

 transform: skewX(-0.78125deg) skewY(-0.78125deg);

}

 77.7% {

 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

 transform: skewX(0.390625deg) skewY(0.390625deg);

}

 88.8% {

 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

}

}

 @keyframes jello {

 0%, 11.1%, to {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

 22.2% {

 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

 transform: skewX(-12.5deg) skewY(-12.5deg);

}

 33.3% {

 -webkit-transform: skewX(6.25deg) skewY(6.25deg);

 transform: skewX(6.25deg) skewY(6.25deg);

}

 44.4% {

 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

 transform: skewX(-3.125deg) skewY(-3.125deg);

}

 55.5% {

 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

 transform: skewX(1.5625deg) skewY(1.5625deg);

}

 66.6% {

 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

 transform: skewX(-0.78125deg) skewY(-0.78125deg);

}

 77.7% {

 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

 transform: skewX(0.390625deg) skewY(0.390625deg);

}

 88.8% {

 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

}

}

.jello {

	-webkit-animation-name: jello;

	animation-name: jello;

	-webkit-transform-origin: center;

	transform-origin: center;

}

 @-webkit-keyframes heartBeat {

 0% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

 14% {

 -webkit-transform: scale(1.3);

 transform: scale(1.3);

}

 28% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

 42% {

 -webkit-transform: scale(1.3);

 transform: scale(1.3);

}

 70% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

}

 @keyframes heartBeat {

 0% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

 14% {

 -webkit-transform: scale(1.3);

 transform: scale(1.3);

}

 28% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

 42% {

 -webkit-transform: scale(1.3);

 transform: scale(1.3);

}

 70% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

}

.heartBeat {

	-webkit-animation-name: heartBeat;

	animation-name: heartBeat;

	-webkit-animation-duration: 1.3s;

	animation-duration: 1.3s;

	-webkit-animation-timing-function: ease-in-out;

	animation-timing-function: ease-in-out;

}

 @-webkit-keyframes bounceIn {

 0%, 20%, 40%, 60%, 80%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3);

}

 20% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1);

 transform: scale3d(1.1, 1.1, 1.1);

}

 40% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);

 transform: scale3d(0.97, 0.97, 0.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(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3);

}

 20% {

 -webkit-transform: scale3d(1.1, 1.1, 1.1);

 transform: scale3d(1.1, 1.1, 1.1);

}

 40% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);

 transform: scale3d(0.97, 0.97, 0.97);

}

to {

	opacity: 1;

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

}

}

.bounceIn {

	-webkit-animation-duration: 0.75s;

	animation-duration: 0.75s;

	-webkit-animation-name: bounceIn;

	animation-name: bounceIn;

}

 @-webkit-keyframes bounceInDown {

 0%, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -3000px, 0);

 transform: translate3d(0, -3000px, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, 25px, 0);

 transform: translate3d(0, 25px, 0);

}

 75% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 90% {

 -webkit-transform: translate3d(0, 5px, 0);

 transform: translate3d(0, 5px, 0);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes bounceInDown {

 0%, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -3000px, 0);

 transform: translate3d(0, -3000px, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(0, 25px, 0);

 transform: translate3d(0, 25px, 0);

}

 75% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 90% {

 -webkit-transform: translate3d(0, 5px, 0);

 transform: translate3d(0, 5px, 0);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.bounceInDown {

	-webkit-animation-name: bounceInDown;

	animation-name: bounceInDown;

}

 @-webkit-keyframes bounceInLeft {

 0%, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-3000px, 0, 0);

 transform: translate3d(-3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(25px, 0, 0);

 transform: translate3d(25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(5px, 0, 0);

 transform: translate3d(5px, 0, 0);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes bounceInLeft {

 0%, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-3000px, 0, 0);

 transform: translate3d(-3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(25px, 0, 0);

 transform: translate3d(25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(-10px, 0, 0);

 transform: translate3d(-10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(5px, 0, 0);

 transform: translate3d(5px, 0, 0);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.bounceInLeft {

	-webkit-animation-name: bounceInLeft;

	animation-name: bounceInLeft;

}

 @-webkit-keyframes bounceInRight {

 0%, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(3000px, 0, 0);

 transform: translate3d(3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(-25px, 0, 0);

 transform: translate3d(-25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(-5px, 0, 0);

 transform: translate3d(-5px, 0, 0);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes bounceInRight {

 0%, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}

 0% {

 opacity: 0;

 -webkit-transform: translate3d(3000px, 0, 0);

 transform: translate3d(3000px, 0, 0);

}

 60% {

 opacity: 1;

 -webkit-transform: translate3d(-25px, 0, 0);

 transform: translate3d(-25px, 0, 0);

}

 75% {

 -webkit-transform: translate3d(10px, 0, 0);

 transform: translate3d(10px, 0, 0);

}

 90% {

 -webkit-transform: translate3d(-5px, 0, 0);

 transform: translate3d(-5px, 0, 0);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.bounceInRight {

	-webkit-animation-name: bounceInRight;

	animation-name: bounceInRight;

}

 @-webkit-keyframes bounceInUp {

 0%, 60%, 75%, 90%, to {

 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);

 animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);

	transform: scale3d(0.3, 0.3, 0.3);

}

}

 @keyframes bounceOut {

 20% {

 -webkit-transform: scale3d(0.9, 0.9, 0.9);

 transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);

	transform: scale3d(0.3, 0.3, 0.3);

}

}

.bounceOut {

	-webkit-animation-duration: 0.75s;

	animation-duration: 0.75s;

	-webkit-animation-name: bounceOut;

	animation-name: bounceOut;

}

 @-webkit-keyframes bounceOutDown {

 20% {

 -webkit-transform: translate3d(0, 10px, 0);

 transform: translate3d(0, 10px, 0);

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, -20px, 0);

 transform: translate3d(0, -20px, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, 2000px, 0);

	transform: translate3d(0, 2000px, 0);

}

}

 @keyframes bounceOutDown {

 20% {

 -webkit-transform: translate3d(0, 10px, 0);

 transform: translate3d(0, 10px, 0);

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, -20px, 0);

 transform: translate3d(0, -20px, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, 2000px, 0);

	transform: translate3d(0, 2000px, 0);

}

}

.bounceOutDown {

	-webkit-animation-name: bounceOutDown;

	animation-name: bounceOutDown;

}

 @-webkit-keyframes bounceOutLeft {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(20px, 0, 0);

 transform: translate3d(20px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(-2000px, 0, 0);

	transform: translate3d(-2000px, 0, 0);

}

}

 @keyframes bounceOutLeft {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(20px, 0, 0);

 transform: translate3d(20px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(-2000px, 0, 0);

	transform: translate3d(-2000px, 0, 0);

}

}

.bounceOutLeft {

	-webkit-animation-name: bounceOutLeft;

	animation-name: bounceOutLeft;

}

 @-webkit-keyframes bounceOutRight {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(-20px, 0, 0);

 transform: translate3d(-20px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(2000px, 0, 0);

	transform: translate3d(2000px, 0, 0);

}

}

 @keyframes bounceOutRight {

 20% {

 opacity: 1;

 -webkit-transform: translate3d(-20px, 0, 0);

 transform: translate3d(-20px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(2000px, 0, 0);

	transform: translate3d(2000px, 0, 0);

}

}

.bounceOutRight {

	-webkit-animation-name: bounceOutRight;

	animation-name: bounceOutRight;

}

 @-webkit-keyframes bounceOutUp {

 20% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, 20px, 0);

 transform: translate3d(0, 20px, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, -2000px, 0);

	transform: translate3d(0, -2000px, 0);

}

}

 @keyframes bounceOutUp {

 20% {

 -webkit-transform: translate3d(0, -10px, 0);

 transform: translate3d(0, -10px, 0);

}

 40%, 45% {

 opacity: 1;

 -webkit-transform: translate3d(0, 20px, 0);

 transform: translate3d(0, 20px, 0);

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, -2000px, 0);

	transform: translate3d(0, -2000px, 0);

}

}

.bounceOutUp {

	-webkit-animation-name: bounceOutUp;

	animation-name: bounceOutUp;

}

 @-webkit-keyframes fadeIn {

 0% {

 opacity: 0;

}

to {

	opacity: 1;

}

}

 @keyframes fadeIn {

 0% {

 opacity: 0;

}

to {

	opacity: 1;

}

}

.fadeIn {

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn;

}

 @-webkit-keyframes fadeInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInDown {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInDown {

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

}

 @-webkit-keyframes fadeInDownBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInDownBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, -2000px, 0);

 transform: translate3d(0, -2000px, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInDownBig {

	-webkit-animation-name: fadeInDownBig;

	animation-name: fadeInDownBig;

}

 @-webkit-keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInLeft {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft;

}

 @-webkit-keyframes fadeInLeftBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInLeftBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-2000px, 0, 0);

 transform: translate3d(-2000px, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInLeftBig {

	-webkit-animation-name: fadeInLeftBig;

	animation-name: fadeInLeftBig;

}

 @-webkit-keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInRight {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInRight {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight;

}

 @-webkit-keyframes fadeInRightBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInRightBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(2000px, 0, 0);

 transform: translate3d(2000px, 0, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInRightBig {

	-webkit-animation-name: fadeInRightBig;

	animation-name: fadeInRightBig;

}

 @-webkit-keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInUp {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

 @-webkit-keyframes fadeInUpBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes fadeInUpBig {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(0, 2000px, 0);

 transform: translate3d(0, 2000px, 0);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.fadeInUpBig {

	-webkit-animation-name: fadeInUpBig;

	animation-name: fadeInUpBig;

}

 @-webkit-keyframes fadeOut {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

}

}

 @keyframes fadeOut {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

}

}

.fadeOut {

	-webkit-animation-name: fadeOut;

	animation-name: fadeOut;

}

 @-webkit-keyframes fadeOutDown {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

}

}

 @keyframes fadeOutDown {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

}

}

.fadeOutDown {

	-webkit-animation-name: fadeOutDown;

	animation-name: fadeOutDown;

}

 @-webkit-keyframes fadeOutDownBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, 2000px, 0);

	transform: translate3d(0, 2000px, 0);

}

}

 @keyframes fadeOutDownBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, 2000px, 0);

	transform: translate3d(0, 2000px, 0);

}

}

.fadeOutDownBig {

	-webkit-animation-name: fadeOutDownBig;

	animation-name: fadeOutDownBig;

}

 @-webkit-keyframes fadeOutLeft {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0);

}

}

 @keyframes fadeOutLeft {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0);

}

}

.fadeOutLeft {

	-webkit-animation-name: fadeOutLeft;

	animation-name: fadeOutLeft;

}

 @-webkit-keyframes fadeOutLeftBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(-2000px, 0, 0);

	transform: translate3d(-2000px, 0, 0);

}

}

 @keyframes fadeOutLeftBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(-2000px, 0, 0);

	transform: translate3d(-2000px, 0, 0);

}

}

.fadeOutLeftBig {

	-webkit-animation-name: fadeOutLeftBig;

	animation-name: fadeOutLeftBig;

}

 @-webkit-keyframes fadeOutRight {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0);

}

}

 @keyframes fadeOutRight {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0);

}

}

.fadeOutRight {

	-webkit-animation-name: fadeOutRight;

	animation-name: fadeOutRight;

}

 @-webkit-keyframes fadeOutRightBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(2000px, 0, 0);

	transform: translate3d(2000px, 0, 0);

}

}

 @keyframes fadeOutRightBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(2000px, 0, 0);

	transform: translate3d(2000px, 0, 0);

}

}

.fadeOutRightBig {

	-webkit-animation-name: fadeOutRightBig;

	animation-name: fadeOutRightBig;

}

 @-webkit-keyframes fadeOutUp {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0);

}

}

 @keyframes fadeOutUp {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0);

}

}

.fadeOutUp {

	-webkit-animation-name: fadeOutUp;

	animation-name: fadeOutUp;

}

 @-webkit-keyframes fadeOutUpBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, -2000px, 0);

	transform: translate3d(0, -2000px, 0);

}

}

 @keyframes fadeOutUpBig {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(0, -2000px, 0);

	transform: translate3d(0, -2000px, 0);

}

}

.fadeOutUpBig {

	-webkit-animation-name: fadeOutUpBig;

	animation-name: fadeOutUpBig;

}

 @-webkit-keyframes flip {

 0% {

 -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

 transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

 -webkit-animation-timing-function: ease-out;

 animation-timing-function: ease-out;

}

 40% {

 -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

 transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

 -webkit-animation-timing-function: ease-out;

 animation-timing-function: ease-out;

}

 50% {

 -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

 transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

 80% {

 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

to {

	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

	-webkit-animation-timing-function: ease-in;

	animation-timing-function: ease-in;

}

}

 @keyframes flip {

 0% {

 -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

 transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);

 -webkit-animation-timing-function: ease-out;

 animation-timing-function: ease-out;

}

 40% {

 -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

 transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);

 -webkit-animation-timing-function: ease-out;

 animation-timing-function: ease-out;

}

 50% {

 -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

 transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

 80% {

 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

 transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

to {

	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);

	-webkit-animation-timing-function: ease-in;

	animation-timing-function: ease-in;

}

}

.animated.flip {

	-webkit-backface-visibility: visible;

	backface-visibility: visible;

	-webkit-animation-name: flip;

	animation-name: flip;

}

 @-webkit-keyframes flipInX {

 0% {

 -webkit-transform: perspective(400px) rotateX(90deg);

 transform: perspective(400px) rotateX(90deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

 opacity: 0;

}

 40% {

 -webkit-transform: perspective(400px) rotateX(-20deg);

 transform: perspective(400px) rotateX(-20deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

 60% {

 -webkit-transform: perspective(400px) rotateX(10deg);

 transform: perspective(400px) rotateX(10deg);

 opacity: 1;

}

 80% {

 -webkit-transform: perspective(400px) rotateX(-5deg);

 transform: perspective(400px) rotateX(-5deg);

}

to {

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

}

}

 @keyframes flipInX {

 0% {

 -webkit-transform: perspective(400px) rotateX(90deg);

 transform: perspective(400px) rotateX(90deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

 opacity: 0;

}

 40% {

 -webkit-transform: perspective(400px) rotateX(-20deg);

 transform: perspective(400px) rotateX(-20deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

 60% {

 -webkit-transform: perspective(400px) rotateX(10deg);

 transform: perspective(400px) rotateX(10deg);

 opacity: 1;

}

 80% {

 -webkit-transform: perspective(400px) rotateX(-5deg);

 transform: perspective(400px) rotateX(-5deg);

}

to {

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

}

}

.flipInX {

	-webkit-backface-visibility: visible !important;

	backface-visibility: visible !important;

	-webkit-animation-name: flipInX;

	animation-name: flipInX;

}

 @-webkit-keyframes flipInY {

 0% {

 -webkit-transform: perspective(400px) rotateY(90deg);

 transform: perspective(400px) rotateY(90deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

 opacity: 0;

}

 40% {

 -webkit-transform: perspective(400px) rotateY(-20deg);

 transform: perspective(400px) rotateY(-20deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

 60% {

 -webkit-transform: perspective(400px) rotateY(10deg);

 transform: perspective(400px) rotateY(10deg);

 opacity: 1;

}

 80% {

 -webkit-transform: perspective(400px) rotateY(-5deg);

 transform: perspective(400px) rotateY(-5deg);

}

to {

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

}

}

 @keyframes flipInY {

 0% {

 -webkit-transform: perspective(400px) rotateY(90deg);

 transform: perspective(400px) rotateY(90deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

 opacity: 0;

}

 40% {

 -webkit-transform: perspective(400px) rotateY(-20deg);

 transform: perspective(400px) rotateY(-20deg);

 -webkit-animation-timing-function: ease-in;

 animation-timing-function: ease-in;

}

 60% {

 -webkit-transform: perspective(400px) rotateY(10deg);

 transform: perspective(400px) rotateY(10deg);

 opacity: 1;

}

 80% {

 -webkit-transform: perspective(400px) rotateY(-5deg);

 transform: perspective(400px) rotateY(-5deg);

}

to {

	-webkit-transform: perspective(400px);

	transform: perspective(400px);

}

}

.flipInY {

	-webkit-backface-visibility: visible !important;

	backface-visibility: visible !important;

	-webkit-animation-name: flipInY;

	animation-name: flipInY;

}

 @-webkit-keyframes flipOutX {

 0% {

 -webkit-transform: perspective(400px);

 transform: perspective(400px);

}

 30% {

 -webkit-transform: perspective(400px) rotateX(-20deg);

 transform: perspective(400px) rotateX(-20deg);

 opacity: 1;

}

to {

	-webkit-transform: perspective(400px) rotateX(90deg);

	transform: perspective(400px) rotateX(90deg);

	opacity: 0;

}

}

 @keyframes flipOutX {

 0% {

 -webkit-transform: perspective(400px);

 transform: perspective(400px);

}

 30% {

 -webkit-transform: perspective(400px) rotateX(-20deg);

 transform: perspective(400px) rotateX(-20deg);

 opacity: 1;

}

to {

	-webkit-transform: perspective(400px) rotateX(90deg);

	transform: perspective(400px) rotateX(90deg);

	opacity: 0;

}

}

.flipOutX {

	-webkit-animation-duration: 0.75s;

	animation-duration: 0.75s;

	-webkit-animation-name: flipOutX;

	animation-name: flipOutX;

	-webkit-backface-visibility: visible !important;

	backface-visibility: visible !important;

}

 @-webkit-keyframes flipOutY {

 0% {

 -webkit-transform: perspective(400px);

 transform: perspective(400px);

}

 30% {

 -webkit-transform: perspective(400px) rotateY(-15deg);

 transform: perspective(400px) rotateY(-15deg);

 opacity: 1;

}

to {

	-webkit-transform: perspective(400px) rotateY(90deg);

	transform: perspective(400px) rotateY(90deg);

	opacity: 0;

}

}

 @keyframes flipOutY {

 0% {

 -webkit-transform: perspective(400px);

 transform: perspective(400px);

}

 30% {

 -webkit-transform: perspective(400px) rotateY(-15deg);

 transform: perspective(400px) rotateY(-15deg);

 opacity: 1;

}

to {

	-webkit-transform: perspective(400px) rotateY(90deg);

	transform: perspective(400px) rotateY(90deg);

	opacity: 0;

}

}

.flipOutY {

	-webkit-animation-duration: 0.75s;

	animation-duration: 0.75s;

	-webkit-backface-visibility: visible !important;

	backface-visibility: visible !important;

	-webkit-animation-name: flipOutY;

	animation-name: flipOutY;

}

 @-webkit-keyframes lightSpeedIn {

 0% {

 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

 transform: translate3d(100%, 0, 0) skewX(-30deg);

 opacity: 0;

}

 60% {

 -webkit-transform: skewX(20deg);

 transform: skewX(20deg);

 opacity: 1;

}

 80% {

 -webkit-transform: skewX(-5deg);

 transform: skewX(-5deg);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes lightSpeedIn {

 0% {

 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

 transform: translate3d(100%, 0, 0) skewX(-30deg);

 opacity: 0;

}

 60% {

 -webkit-transform: skewX(20deg);

 transform: skewX(20deg);

 opacity: 1;

}

 80% {

 -webkit-transform: skewX(-5deg);

 transform: skewX(-5deg);

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.lightSpeedIn {

	-webkit-animation-name: lightSpeedIn;

	animation-name: lightSpeedIn;

	-webkit-animation-timing-function: ease-out;

	animation-timing-function: ease-out;

}

 @-webkit-keyframes lightSpeedOut {

 0% {

 opacity: 1;

}

to {

	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

	transform: translate3d(100%, 0, 0) skewX(30deg);

	opacity: 0;

}

}

 @keyframes lightSpeedOut {

 0% {

 opacity: 1;

}

to {

	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

	transform: translate3d(100%, 0, 0) skewX(30deg);

	opacity: 0;

}

}

.lightSpeedOut {

	-webkit-animation-name: lightSpeedOut;

	animation-name: lightSpeedOut;

	-webkit-animation-timing-function: ease-in;

	animation-timing-function: ease-in;

}

 @-webkit-keyframes rotateIn {

 0% {

 -webkit-transform-origin: center;

 transform-origin: center;

 -webkit-transform: rotate(-200deg);

 transform: rotate(-200deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

 @keyframes rotateIn {

 0% {

 -webkit-transform-origin: center;

 transform-origin: center;

 -webkit-transform: rotate(-200deg);

 transform: rotate(-200deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

.rotateIn {

	-webkit-animation-name: rotateIn;

	animation-name: rotateIn;

}

 @-webkit-keyframes rotateInDownLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate(-45deg);

 transform: rotate(-45deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

 @keyframes rotateInDownLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate(-45deg);

 transform: rotate(-45deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

.rotateInDownLeft {

	-webkit-animation-name: rotateInDownLeft;

	animation-name: rotateInDownLeft;

}

 @-webkit-keyframes rotateInDownRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate(45deg);

 transform: rotate(45deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

 @keyframes rotateInDownRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate(45deg);

 transform: rotate(45deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

.rotateInDownRight {

	-webkit-animation-name: rotateInDownRight;

	animation-name: rotateInDownRight;

}

 @-webkit-keyframes rotateInUpLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate(45deg);

 transform: rotate(45deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

 @keyframes rotateInUpLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 -webkit-transform: rotate(45deg);

 transform: rotate(45deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

.rotateInUpLeft {

	-webkit-animation-name: rotateInUpLeft;

	animation-name: rotateInUpLeft;

}

 @-webkit-keyframes rotateInUpRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate(-90deg);

 transform: rotate(-90deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

 @keyframes rotateInUpRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 -webkit-transform: rotate(-90deg);

 transform: rotate(-90deg);

 opacity: 0;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	opacity: 1;

}

}

.rotateInUpRight {

	-webkit-animation-name: rotateInUpRight;

	animation-name: rotateInUpRight;

}

 @-webkit-keyframes rotateOut {

 0% {

 -webkit-transform-origin: center;

 transform-origin: center;

 opacity: 1;

}

to {

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: rotate(200deg);

	transform: rotate(200deg);

	opacity: 0;

}

}

 @keyframes rotateOut {

 0% {

 -webkit-transform-origin: center;

 transform-origin: center;

 opacity: 1;

}

to {

	-webkit-transform-origin: center;

	transform-origin: center;

	-webkit-transform: rotate(200deg);

	transform: rotate(200deg);

	opacity: 0;

}

}

.rotateOut {

	-webkit-animation-name: rotateOut;

	animation-name: rotateOut;

}

 @-webkit-keyframes rotateOutDownLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	opacity: 0;

}

}

 @keyframes rotateOutDownLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	opacity: 0;

}

}

.rotateOutDownLeft {

	-webkit-animation-name: rotateOutDownLeft;

	animation-name: rotateOutDownLeft;

}

 @-webkit-keyframes rotateOutDownRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	opacity: 0;

}

}

 @keyframes rotateOutDownRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	opacity: 0;

}

}

.rotateOutDownRight {

	-webkit-animation-name: rotateOutDownRight;

	animation-name: rotateOutDownRight;

}

 @-webkit-keyframes rotateOutUpLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	opacity: 0;

}

}

 @keyframes rotateOutUpLeft {

 0% {

 -webkit-transform-origin: left bottom;

 transform-origin: left bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	opacity: 0;

}

}

.rotateOutUpLeft {

	-webkit-animation-name: rotateOutUpLeft;

	animation-name: rotateOutUpLeft;

}

 @-webkit-keyframes rotateOutUpRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	opacity: 0;

}

}

 @keyframes rotateOutUpRight {

 0% {

 -webkit-transform-origin: right bottom;

 transform-origin: right bottom;

 opacity: 1;

}

to {

	-webkit-transform-origin: right bottom;

	transform-origin: right bottom;

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	opacity: 0;

}

}

.rotateOutUpRight {

	-webkit-animation-name: rotateOutUpRight;

	animation-name: rotateOutUpRight;

}

 @-webkit-keyframes hinge {

 0% {

 -webkit-transform-origin: top left;

 transform-origin: top left;

 -webkit-animation-timing-function: ease-in-out;

 animation-timing-function: ease-in-out;

}

 20%, 60% {

 -webkit-transform: rotate(80deg);

 transform: rotate(80deg);

 -webkit-transform-origin: top left;

 transform-origin: top left;

 -webkit-animation-timing-function: ease-in-out;

 animation-timing-function: ease-in-out;

}

 40%, 80% {

 -webkit-transform: rotate(60deg);

 transform: rotate(60deg);

 -webkit-transform-origin: top left;

 transform-origin: top left;

 -webkit-animation-timing-function: ease-in-out;

 animation-timing-function: ease-in-out;

 opacity: 1;

}

to {

	-webkit-transform: translate3d(0, 700px, 0);

	transform: translate3d(0, 700px, 0);

	opacity: 0;

}

}

 @keyframes hinge {

 0% {

 -webkit-transform-origin: top left;

 transform-origin: top left;

 -webkit-animation-timing-function: ease-in-out;

 animation-timing-function: ease-in-out;

}

 20%, 60% {

 -webkit-transform: rotate(80deg);

 transform: rotate(80deg);

 -webkit-transform-origin: top left;

 transform-origin: top left;

 -webkit-animation-timing-function: ease-in-out;

 animation-timing-function: ease-in-out;

}

 40%, 80% {

 -webkit-transform: rotate(60deg);

 transform: rotate(60deg);

 -webkit-transform-origin: top left;

 transform-origin: top left;

 -webkit-animation-timing-function: ease-in-out;

 animation-timing-function: ease-in-out;

 opacity: 1;

}

to {

	-webkit-transform: translate3d(0, 700px, 0);

	transform: translate3d(0, 700px, 0);

	opacity: 0;

}

}

.hinge {

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

	-webkit-animation-name: hinge;

	animation-name: hinge;

}

 @-webkit-keyframes jackInTheBox {

 0% {

 opacity: 0;

 -webkit-transform: scale(0.1) rotate(30deg);

 transform: scale(0.1) rotate(30deg);

 -webkit-transform-origin: center bottom;

 transform-origin: center bottom;

}

 50% {

 -webkit-transform: rotate(-10deg);

 transform: rotate(-10deg);

}

 70% {

 -webkit-transform: rotate(3deg);

 transform: rotate(3deg);

}

to {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}

}

 @keyframes jackInTheBox {

 0% {

 opacity: 0;

 -webkit-transform: scale(0.1) rotate(30deg);

 transform: scale(0.1) rotate(30deg);

 -webkit-transform-origin: center bottom;

 transform-origin: center bottom;

}

 50% {

 -webkit-transform: rotate(-10deg);

 transform: rotate(-10deg);

}

 70% {

 -webkit-transform: rotate(3deg);

 transform: rotate(3deg);

}

to {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}

}

.jackInTheBox {

	-webkit-animation-name: jackInTheBox;

	animation-name: jackInTheBox;

}

 @-webkit-keyframes rollIn {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

 transform: translate3d(-100%, 0, 0) rotate(-120deg);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes rollIn {

 0% {

 opacity: 0;

 -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);

 transform: translate3d(-100%, 0, 0) rotate(-120deg);

}

to {

	opacity: 1;

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.rollIn {

	-webkit-animation-name: rollIn;

	animation-name: rollIn;

}

 @-webkit-keyframes rollOut {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

	transform: translate3d(100%, 0, 0) rotate(120deg);

}

}

 @keyframes rollOut {

 0% {

 opacity: 1;

}

to {

	opacity: 0;

	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);

	transform: translate3d(100%, 0, 0) rotate(120deg);

}

}

.rollOut {

	-webkit-animation-name: rollOut;

	animation-name: rollOut;

}

 @-webkit-keyframes zoomIn {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3);

}

 50% {

 opacity: 1;

}

}

 @keyframes zoomIn {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3);

}

 50% {

 opacity: 1;

}

}

.zoomIn {

	-webkit-animation-name: zoomIn;

	animation-name: zoomIn;

}

 @-webkit-keyframes zoomInDown {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

 @keyframes zoomInDown {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

.zoomInDown {

	-webkit-animation-name: zoomInDown;

	animation-name: zoomInDown;

}

 @-webkit-keyframes zoomInLeft {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

 @keyframes zoomInLeft {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

.zoomInLeft {

	-webkit-animation-name: zoomInLeft;

	animation-name: zoomInLeft;

}

 @-webkit-keyframes zoomInRight {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

 @keyframes zoomInRight {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

.zoomInRight {

	-webkit-animation-name: zoomInRight;

	animation-name: zoomInRight;

}

 @-webkit-keyframes zoomInUp {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

 @keyframes zoomInUp {

 0% {

 opacity: 0;

 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

 60% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

.zoomInUp {

	-webkit-animation-name: zoomInUp;

	animation-name: zoomInUp;

}

 @-webkit-keyframes zoomOut {

 0% {

 opacity: 1;

}

 50% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3);

}

to {

	opacity: 0;

}

}

 @keyframes zoomOut {

 0% {

 opacity: 1;

}

 50% {

 opacity: 0;

 -webkit-transform: scale3d(0.3, 0.3, 0.3);

 transform: scale3d(0.3, 0.3, 0.3);

}

to {

	opacity: 0;

}

}

.zoomOut {

	-webkit-animation-name: zoomOut;

	animation-name: zoomOut;

}

 @-webkit-keyframes zoomOutDown {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

to {

	opacity: 0;

	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

	-webkit-transform-origin: center bottom;

	transform-origin: center bottom;

	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

 @keyframes zoomOutDown {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

to {

	opacity: 0;

	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);

	-webkit-transform-origin: center bottom;

	transform-origin: center bottom;

	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

.zoomOutDown {

	-webkit-animation-name: zoomOutDown;

	animation-name: zoomOutDown;

}

 @-webkit-keyframes zoomOutLeft {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

	transform: scale(0.1) translate3d(-2000px, 0, 0);

	-webkit-transform-origin: left center;

	transform-origin: left center;

}

}

 @keyframes zoomOutLeft {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);

	transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

	transform: scale(0.1) translate3d(2000px, 0, 0);

	-webkit-transform-origin: right center;

	transform-origin: right center;

}

}

 @keyframes zoomOutRight {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);

}

to {

	opacity: 0;

	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);

	transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

to {

	opacity: 0;

	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

	-webkit-transform-origin: center bottom;

	transform-origin: center bottom;

	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

 @keyframes zoomOutUp {

 40% {

 opacity: 1;

 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);

 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}

to {

	opacity: 0;

	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);

	-webkit-transform-origin: center bottom;

	transform-origin: center bottom;

	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);

}

}

.zoomOutUp {

	-webkit-animation-name: zoomOutUp;

	animation-name: zoomOutUp;

}

 @-webkit-keyframes slideInDown {

 0% {

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes slideInDown {

 0% {

 -webkit-transform: translate3d(0, -100%, 0);

 transform: translate3d(0, -100%, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.slideInDown {

	-webkit-animation-name: slideInDown;

	animation-name: slideInDown;

}

 @-webkit-keyframes slideInLeft {

 0% {

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes slideInLeft {

 0% {

 -webkit-transform: translate3d(-100%, 0, 0);

 transform: translate3d(-100%, 0, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.slideInLeft {

	-webkit-animation-name: slideInLeft;

	animation-name: slideInLeft;

}

 @-webkit-keyframes slideInRight {

 0% {

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes slideInRight {

 0% {

 -webkit-transform: translate3d(100%, 0, 0);

 transform: translate3d(100%, 0, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.slideInRight {

	-webkit-animation-name: slideInRight;

	animation-name: slideInRight;

}

 @-webkit-keyframes slideInUp {

 0% {

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

 @keyframes slideInUp {

 0% {

 -webkit-transform: translate3d(0, 100%, 0);

 transform: translate3d(0, 100%, 0);

 visibility: visible;

}

to {

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

}

}

.slideInUp {

	-webkit-animation-name: slideInUp;

	animation-name: slideInUp;

}

 @-webkit-keyframes slideOutDown {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

}

}

 @keyframes slideOutDown {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(0, 100%, 0);

	transform: translate3d(0, 100%, 0);

}

}

.slideOutDown {

	-webkit-animation-name: slideOutDown;

	animation-name: slideOutDown;

}

 @-webkit-keyframes slideOutLeft {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0);

}

}

 @keyframes slideOutLeft {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0);

}

}

.slideOutLeft {

	-webkit-animation-name: slideOutLeft;

	animation-name: slideOutLeft;

}

 @-webkit-keyframes slideOutRight {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0);

}

}

 @keyframes slideOutRight {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(100%, 0, 0);

	transform: translate3d(100%, 0, 0);

}

}

.slideOutRight {

	-webkit-animation-name: slideOutRight;

	animation-name: slideOutRight;

}

 @-webkit-keyframes slideOutUp {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0);

}

}

 @keyframes slideOutUp {

 0% {

 -webkit-transform: translateZ(0);

 transform: translateZ(0);

}

to {

	visibility: hidden;

	-webkit-transform: translate3d(0, -100%, 0);

	transform: translate3d(0, -100%, 0);

}

}

.slideOutUp {

	-webkit-animation-name: slideOutUp;

	animation-name: slideOutUp;

}

.animated {

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.animated.infinite {

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

}

.animated.delay-1s {

	-webkit-animation-delay: 1s;

	animation-delay: 1s;

}

.animated.delay-2s {

	-webkit-animation-delay: 2s;

	animation-delay: 2s;

}

.animated.delay-3s {

	-webkit-animation-delay: 3s;

	animation-delay: 3s;

}

.animated.delay-4s {

	-webkit-animation-delay: 4s;

	animation-delay: 4s;

}

.animated.delay-5s {

	-webkit-animation-delay: 5s;

	animation-delay: 5s;

}

.animated.fast {

	-webkit-animation-duration: 0.8s;

	animation-duration: 0.8s;

}

.animated.faster {

	-webkit-animation-duration: 0.5s;

	animation-duration: 0.5s;

}

.animated.slow {

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

}

.animated.slower {

	-webkit-animation-duration: 3s;

	animation-duration: 3s;

}

 @media (prefers-reduced-motion: reduce), (print) {

 .animated {

 -webkit-animation-duration: 1ms !important;

 animation-duration: 1ms !important;

 -webkit-transition-duration: 1ms !important;

 transition-duration: 1ms !important;

 -webkit-animation-iteration-count: 1 !important;

 animation-iteration-count: 1 !important;

}

}

.topxunpan {

	border-bottom: #ccc 1px solid;

}

.topxunpan .center span {

	padding-left: 20px;

	background: url('../images/h1.png') no-repeat center;

	background-position-x: 0px;

}

.topxunpan .center a:first-of-type {

	border: none;

	margin-right: 0px;

	padding-right: 0px;

	padding-left: 0px;

	margin-left: 0px;

}

.topxunpan .center a:first-of-type:after {

	content: '';

	display: none;

}

.topxunpan .center a:first-of-type:before {

	content: '';

	display: none;

}

.topxunpan .center .xp i {

	color: #0739a8;

}

.header {

	height: 128px;

}

.header .center .logo {

	float: left;

	margin-top: 32px;

}

.header .center .logo h1 a {

	font-size: 27px;

	font-weight: bold;

	font-stretch: normal;

	line-height: 27px;

	letter-spacing: 0px;

	color: #0739a8;

}

.header .center .logo p {

	font-size: 12px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 11px;

	letter-spacing: 1.5px;

	color: #808080;

	text-align: center;

	margin-top: 10px;

}

.header .center .left {

	padding-top: 36px;

	padding-left: 37px;

	margin-left: 35px;

	background: url('../images/hear.png') no-repeat center;

	background-position-x: 0px;

	background-position-y: 0px;

	box-sizing: content-box;

}

.header .center .left p {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #4d4d4d;

}

.header .center .tel {

	float: right;

	padding-left: 59px;

	background: url('../images/htl.png') no-repeat center;

	background-position-x: 0px;

	margin-top: 42px;

}

.header .center .tel .p1 {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 16px;

	letter-spacing: 0px;

	color: #5f5f5f;

}

.header .center .tel .p2 {

	font-family: Arial;

	font-size: 26px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 19px;

	margin-top: 11px;

	letter-spacing: 0px;

	color: #0739a8;

}

.nav {

	height: 64px;

	background-color: #0739a8;

}

.nav .center {

	height: 64px;

}

.nav .center>ul {

	height: 64px;

	border-left: rgba(0, 0, 0, 0.11) 1px solid;

}

.nav .center>ul>li {

	height: 64px;

	float: left;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.7s;

	transition-duration: 0.7s;

	text-align: center;

	border-right: rgba(0, 0, 0, 0.11) 1px solid;

	position: relative;

}

.nav .center>ul>li:before {

	content: "";

	position: absolute;

	z-index: -1;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: #f48106;

	-webkit-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transform-origin: 0 0%;

	transform-origin: 0 0%;

	-webkit-transition-property: transform;

	transition-property: transform;

	-webkit-transition-duration: 0.7s;

	transition-duration: 0.7s;

	-webkit-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

}

.nav .center>ul>li:hover, .nav .center>ul>li:focus, .nav .center>ul>li:active {

	color: white;

}

.nav .center>ul>li:hover:before, .nav .center>ul>li:focus:before, .nav .center>ul>li:active:before {

	-webkit-transform: scaleY(1);

	transform: scaleY(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.nav .center>ul>li>a {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 17px;

	letter-spacing: 0px;

	text-align: center;

	padding: 0 40px;

	padding-top: 14px;

	display: inline-block;

	color: #ffffff;

}

.nav .center>ul>li>a span {

	font-family: Arial;

	text-transform: uppercase;

	font-size: 12px;

	display: block;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #ffffff;

}

.nav .center>ul>li:hover>.down {

	opacity: 1;

}

.nav .center>ul>li:hover>.down>i {

	height: 40px;

	border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.nav .center>ul>li:hover>.down>i>a {

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	display: block;

}

.nav .center>ul>li>.down {

	position: absolute;

	width: 167px;

	top: 64px;

	display: inline-block;

	left: -10px;

	opacity: 0;

	z-index: 66666;

}

.nav .center>ul>li>.down>i {

	height: 0px;

	display: block;

	background: rgba(0, 0, 0, 0.6);

	position: relative;

	transition: 0.5s;

	width: 187px;

}

.nav .center>ul>li>.down>i>a {

	height: 0px;

	line-height: 0px;

	font-size: 0px;

	display: block;

	color: white;

	text-align: center;

	background: linear-gradient(to right, #0739a8, #0739a8) no-repeat;

	background-size: 0% 100%;

	transition: 0.5s;

	padding: 0px;

	border-radius: 0%;

	width: 167px;

	padding: 0 10px;

}

.nav .center>ul>li>.down>i>a:hover {

	background: linear-gradient(to right, #0739a8, #0739a8) no-repeat;

	background-size: 100% 100%;

	color: white;

}

.nav .center>ul>li>.down>i:hover>.down_ {

	width: 100%;

	opacity: 1;

}

.nav .center>ul>li>.down>i:hover>.down_>i {

	height: 40px;

	border-left: 1px solid rgba(255, 255, 255, 0.3);

	border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.nav .center>ul>li>.down>i:hover>.down_>i>a {

	font-size: 14px;

	line-height: 40px;

}

.nav .center>ul>li>.down>i>.down_ {

	width: 0%;

	position: absolute;

	left: 187px;

	top: 0px;

	transition: 0.5s;

	opacity: 0;

}

.nav .center>ul>li>.down>i>.down_>i {

	font-size: 14px;

	height: 0px;

	display: block;

	background: rgba(0, 0, 0, 0.6);

	transition: 0.5s;

	position: relative;

	width: 187px;

}

.nav .center>ul>li>.down>i>.down_>i>a {

	line-height: 0px;

	font-size: 0px;

	display: block;

	color: white;

	text-align: center;

	background: linear-gradient(to right, #0739a8, #0739a8) no-repeat;

	background-size: 0% 100%;

	transition: 0.5s;

	padding: 0px;

	border-radius: 0%;

	width: 167px;

	padding: 0 10px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.nav .center>ul>li>.down>i>.down_>i>a:hover {

	background: linear-gradient(to right, #0739a8, #0739a8) no-repeat;

	background-size: 100% 100%;

	color: white;

}

.nav .center>ul>li .downs {

	position: absolute;

	width: 1158px;

	background-color: #fff;

	top: 64px;

	transition: 0.7s;

	left: -360px;

	overflow: hidden;

	box-shadow: 0 0 10px #ccc;

	transform: scale(0);

	opacity: 0;

	z-index: 999999999999999999999999999999;

}

.nav .center>ul>li .downs .box {

	width: 1200px;

	margin: 0 auto;

	position: relative;

	padding-top: 10px;

	padding-bottom: 15px;

}

.nav .center>ul>li .downs .box>ul {

	float: left;

	padding-right: 20px;

	border-right: #ccc 1px solid;

	padding-bottom: 20px;

}

.nav .center>ul>li .downs .box>ul>li {

	border-bottom: #ccc 1px solid;

}

.nav .center>ul>li .downs .box>ul>li>a {

	padding: 0 10px;

	position: relative;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 40px;

	letter-spacing: 0px;

	color: #999;

	display: block;

	transition: 0.7s;

}

 .nav .center>ul>li .downs .box>ul>li>a::before {

 content: '';

 display: block;

 transition: 0.7s;

 width: 0px;

 height: 1px;

 position: absolute;

 bottom: 0px;

 left: 0px;

 border-left: 0 0px solid;

 background: #0739a8;

}

.nav .center>ul>li .downs .box>ul>li>a:hover:before {

	width: 100%;

}

.nav .center>ul>li .downs .box>ul>li>a:hover {

	color: #0739a8;

}

.nav .center>ul>li .downs .box>ul>li>.down_ {

	position: absolute;

	top: 0;

	padding: 0 0px;

	transition: 0.5s;

	padding-top: 10px;

	width: 0;

	padding-left: 40px;

	overflow: hidden;

}

.nav .center>ul>li .downs .box>ul>li>.down_ ul {

	width: 100%;

	overflow: hidden;

}

.nav .center>ul>li .downs .box>ul>li>.down_ ul li {

	border-bottom: #000 1px solid;

	position: relative;

	padding: 0 10px;

}

 .nav .center>ul>li .downs .box>ul>li>.down_ ul li::before {

 content: '';

 display: block;

 transition: 0.7s;

 width: 0px;

 height: 1px;

 position: absolute;

 bottom: 0px;

 left: 0px;

 border-left: 0 0px solid;

 background: #0739a8;

}

.nav .center>ul>li .downs .box>ul>li>.down_ ul li:hover:before {

	width: 100%;

}

.nav .center>ul>li .downs .box>ul>li>.down_ ul li .a1 {

	display: block;

	line-height: 40px;

	transition: 0.7s;

	color: #000;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.nav .center>ul>li .downs .box>ul>li>.down_ ul li:hover .a1 {

	color: #0739a8;

}

.nav .center>ul>li .downs .box>ul .on>a {

	color: #0739a8;

}

 .nav .center>ul>li .downs .box>ul .on>a::before {

 width: 100%;

}

.nav .center>ul>li .downs .box>ul .on>.down_ {

	width: auto;

	max-width: 240px;

	top: 0px !important;

	display: block;

	padding-left: 70px;

}

.nav .center>ul>li .downs .box>ul .on>.down_ li {

	border-bottom: #ccc 1px solid;

}

.nav .center>ul>li .downs .box>ul .on>.down_ li .a1 {

	color: #888;

}

.nav .center>ul>li .downs .box .hot {

	float: left;

	margin-left: 280px;

}

.nav .center>ul>li .downs .box .hot .top a {

	display: block;

	font-size: 18px;

	color: #0739a8;

	font-weight: bold;

	line-height: 40px;

	padding-bottom: 10px;

}

.nav .center>ul>li .downs .box .hot .con {

	text-align: center;

}

.nav .center>ul>li .downs .box .hot .con .item {

	display: inline-block;

	width: 200px;

	margin: 0 10px;

}

.nav .center>ul>li .downs .box .hot .con .item .img {

	border: #f9f9f9 1px solid;

	width: 200px;

	height: 150px;

	position: relative;

	display: block;

	background-color: #fff;

}

.nav .center>ul>li .downs .box .hot .con .item .img img {

	transition: 0.7s;

	position: absolute;

	max-width: 100%;

	max-height: 100%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}

.nav .center>ul>li .downs .box .hot .con .item .img img {

	transition: 1.5s;

}

.nav .center>ul>li .downs .box .hot .con .item .a1 {

	line-height: 40px;

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	transition: 0.7s;

}

.nav .center>ul>li .downs .box .hot .con .item:hover .img img {

	transform: scale(1.1);

	box-shadow: 0 0 10px #ccc;

}

.nav .center>ul>li .downs .box .hot .con .item:hover .a1 {

	color: #0739a8;

	transform: scale(1.1);

}

.nav .center>ul>li:hover .downs {

	top: 64px;

	transform: scale(1);

	opacity: 1;

}

.nav .center>ul .another {

	color: white;

}

.nav .center>ul .another:before,.nav .center>ul .on:before,#channle .nav li.home:before {

	-webkit-transform: scaleX(1);

	transform: scaleX(1);

	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}

.footer {

	background-color: #0739a8;

	overflow: hidden;

}

.footer>.center {

	padding-bottom: 40px;

}

.footer>.center .ewm {

	margin-top: 25px;

	float: right;

}

.footer>.center .ewm img {

	width: 108px;

	height: 108px;

}

.footer>.center .ewm p {

	text-align: center;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #fff;

}

.footer>.center .link {

	border-top: rgba(255, 255, 255, 0.1) 1px solid;

	border-bottom: rgba(255, 255, 255, 0.1) 1px solid;

	margin-top:30px;

	overflow: hidden;

}

.footer>.center .link .left {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 19px;

	letter-spacing: 0px;

	color: #f48106;

	padding-top: 20px;

}

.footer>.center .link .left span {

	display: inline-block;

	margin-left: 8px;

	font-family: Arial;

	font-size: 12px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 12px;

	padding-top: 8px;

	border-top: #f48106 1px solid;

	letter-spacing: 0px;

	color: #fff;

	vertical-align: top;

}

.footer>.center .link>ul {

	overflow: hidden;

	margin-left: 50px;

	float: left;

	padding:10px 0px;

	width:1000px;

}

.footer>.center .link>ul>li {

	float: left;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	padding:5px 0px;

	letter-spacing: 0px;

	color: #fff;

}

.footer>.center .link>ul>li a {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #fff;

	padding: 0 10px;

	transition: 0.7s;

}

.footer>.center .link>ul>li a:hover {

	color: #f48106;

}

.footer .b {

	background-color: #01319a;

	padding: 30px 0;

	text-align: center;

}

.footer .b p {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #fff;

}

.footer .b p a {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #fff;

	transition: 0.7s;

}

.footer .b p a:hover {

	color: #f48106;

}

@media only screen and ( max-width:800px ){

	.f_tit_bnav,#wxnr,#weixin{ display:block;}

	.center {

    width:94%;

    margin: 0 auto;

}

.topxunpan {

    height:auto;

    background: #fff;

}

.topxunpan a{ display:none;}

.header { margin-bottom:12px;

    height:auto;

}

.header .center .tel,.header .center .left{ display:none;}

.header .center .logo {

    float: left; width:50%;

    margin-top:10px;

}

.header .center .logo img{ width:100%;}

.nav{ display:none;}

.footer>.center .link>ul {

    overflow: hidden;

    margin-left: 00px;

    float: left;

    padding: 10px 0px;

    width:100%;

}



/* 工具栏 */

.f_tit_bnav{position: fixed; bottom: 0; left: 0; width: 100%; cursor: pointer; background-color:#252525; font-size:14px;z-index: 88;height:60px;}

.f_tit_bnav ul li{float: left; text-align: center; width:25%; height:60px;}

.f_tit_bnav li a{color: #fff;display:block; font-size:14px;}

.f_tit_bnav li img{display: block;margin:0 auto; width:25px;height:25px;margin-top:8px; margin-bottom:5px;}

.f_tit_bnav li img.f_tit_img02{display:none;}

.f_tit_bnav li.f_tit_li{background-color:#333333;}

/*微信弹窗*/

#wxnr{width:100%; height:100%; position:fixed; top: 0; z-index:1000; display:none; background: rgba(0,0,0,.7);}

#wxnr .nrdf{margin: auto; position: absolute; top: 50%; left: 0; right: 0; width:60%; padding:30px; padding-top:30px; margin-top:-120px; text-align:center;background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius:10px;}

#wxnr img{ width:50%; display: block;margin: 0 auto;}

#wxnr p{font-size:14px; line-height:24px; text-align:center;}

#wxnr i{position: absolute; top:10px; right:10px; width:22px; height:22px; font-size:14px;line-height:22px;text-align:center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}

#wxnr span{display:inline-block;padding:0; line-height:24px; background-color: #06a3e8;color:#fff;border-radius: 0.05rem;cursor:pointer;}

/*复制提示*/

#weixin{position: fixed;top: 50%;margin-top: -0.4rem;z-index: 9999999;font-size: 0.26rem;color: #fff;width: 90%;right: 5%;line-height: 0.8rem;text-align: center;background: rgba(0, 0, 0, 0.8);border: 2px solid #333;border-radius: 0.1rem;display: none;}







	}