@charset "utf-8";

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

#bsWXBox {
	box-sizing: content-box;
}

ul {
	list-style: none;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

html {
	font-size: 1px;
}

body {
	font-family: 'Microsoft YaHei', arial;
	font-size: 14rem;
	color: #666666;
	line-height: 1.5;
	width: 100%;
	background: #fff;
	min-width: 1200px;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
}

a:link,
a:visited {
	text-decoration: none;
	outline: none;
	color: #666666;
}

a:hover,
a:active,
a:focus {
	color: #666666;
	text-decoration: none;
}

img {
	border: 0;
	max-width: 100%;
	display: block;
}

table {
	border-collapse: collapse;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
textarea {
	font-size: 14px;
	outline: 0;
	overflow: hidden;
	font-family: arial;
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
	cursor: pointer;
	outline: 0;
}

input[type='checkbox'],
input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	padding: 0;
	color: #666666;
	outline: 0;
}

input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='text'],
select,
button {
	-webkit-appearance: none;
}

input,
select,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-radius: 0;
}

::-webkit-input-placeholder {
	color: #666;
}

:-moz-placeholder {
	color: #666;
	opacity: 1;
}

::-moz-placeholder {
	color: #666;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #666;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/*清楚浮动*/
.clearfix:after {
	clear: both;
	height: 0;
	content: '';
	line-height: 0;
	font-size: 0;
	display: block;
}

/*图片垂直水平居中*/
.pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.pic img {
	transition: 0.5s;
}

.pic:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto;
}

.container {
	margin-right: auto;
	margin-left: auto;
	width: 1490rem;
}

#container {
	overflow: hidden;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80;
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	display: block;
	line-height: 24px;
	color: #666666;
}

.prompt span a {
	text-decoration: underline;
}

.prompt .prompt_close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	background: url(../images/closed.png) no-repeat center center;
	cursor: pointer;
}

#Privacy {
	z-index: 10000;
	position: fixed;
	width: 800px;
	background: #fff;
	border: 4px solid rgba(0, 0, 0, 0.15);
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -400px;
	border-radius: 5px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

#Privacy .dialog_header {
	width: 100%;
	position: relative;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f3f3f3;
}

#Privacy .dialog_header .title {
	width: 100%;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	line-height: 40px;
}

#Privacy .dialog_header .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	color: #c5c5c5;
	cursor: pointer;
}

#Privacy .privacy_policy_title {
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 20px;
}

#Privacy .p-1 {
	font-size: 20px;
}

#Privacy .p-2 {
	font-size: 16px;
}

#Privacy .privacy_content {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 480px;
	padding: 20px 30px;
	overflow: auto;
}

#Privacy .privacy_footer {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

#Privacy .close_btn {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	min-width: 200px;
	height: 40px;
	background: #171a20;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

@media (max-width: 768px) {
	#Privacy {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
	}
}

.header {
	height: 100rem;
	width: 100%;
	z-index: 777;
	transition: 0.7s;
	position: fixed;
}

.header .container {
	width: 100%;
	padding: 0 30rem 0 41rem;
}

.header .logo {
	padding: 0;
	float: left;
	margin-top: 35rem;
	transition: 0.2s;
}

.header .logo a {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: left;
	animation: pulsed 1.5s 0.5s linear infinite;
}


/*.header .logo a:before {
	content: "";
	position: absolute;
	top: 0;
	width: 260px;
	height: 60px;
	transform: rotate(-45deg);
	background: red;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
	animation: logoAni 2s 0s linear infinite;
}*/

@keyframes logoAni {
	0% {
		left: -40px;
	}

	100% {
		left: 250px;
	}

}

@-webkit-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-o-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-moz-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

.header .logo a img {
	display: inline-block;
	vertical-align: top;
	/* width: 211rem; */
	z-index: 5;
	transition: 0.5s;
}

.header .header-right {
	float: right;
	line-height: 100rem;
}

.header .header-right .menu a,
.header .header-right .shangdian a {
	display: block;
	font-size: 14rem;
	color: rgba(23, 26, 32, 0.8);
	position: relative;
	z-index: 1;
	padding: 0 10rem;
}

.header .header-right .menu a:after,
.header .header-right .shangdian a:after {
	content: '';
	display: block;
	width: 0;
	height: 32rem;
	z-index: -1;
	transition: 0.5s;
	background: rgba(23, 26, 32, 0.1);
	position: absolute;
	border-radius: 4rem;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

@media (min-width: 1025px) {

	.header .header-right .menu a:hover:after,
	.header .header-right .shangdian a:hover:after {
		width: 100%;
		left: 0;
	}
}

.header .header-right .gouwu {
	float: right;
}

.header .header-right .gouwu a {
	width: 38rem;
	height: 100rem;
	display: block;
	background: url(../images/gouwu.png) no-repeat center center;
	background-size: 15rem;
}

.header .header-right .menu {
	float: right;
}

.header .header-right .shangdian {
	float: right;
}

.header .header-right .header-search {
	float: right;
	margin: 0 10px;
	/*搜索*/
}

.header .header-right .header-search .pull-right {
	position: relative;
	z-index: 778;
	text-align: center;
}

.header .header-right .header-search .pull-right a {
	display: block;
	width: 50rem;
	overflow: hidden;
	height: 100rem;
	line-height: 100rem;
	color: rgba(23, 26, 32, 0.8);
	position: relative;
	z-index: 1;
}

.header .header-right .header-search .pull-right a:after {
	content: '';
	display: block;
	width: 0;
	height: 32rem;
	z-index: -1;
	transition: 0.5s;
	background: rgba(23, 26, 32, 0.1);
	position: absolute;
	border-radius: 4rem;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

@media (min-width: 1025px) {
	.header .header-right .header-search .pull-right a:hover:after {
		width: 100%;
		left: 0;
	}
}

.header .header-right .header-search .search .search-main {
	top: 100rem;
	right: 100px;
	z-index: 777;
	width: 400px;
	height: 55rem;
	display: none;
	position: absolute;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.header .header-right .header-search .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	font-size: 14rem;
	color: #666;
	height: 55rem;
	vertical-align: top;
	padding: 0 30rem;
	-webkit-appearance: none;
	background: none;
}

.header .header-right .header-search .btn {
	top: 0;
	border: 0;
	right: 0;
	color: #fff;
	width: 55rem;
	height: 55rem;
	line-height: 55rem;
	position: absolute;
	background: url(../images/search.png) no-repeat center center;
	background-size: 24rem;
}

.one .logo {
	opacity: 0;
}

.two .logo {
	opacity: 0;
}

.two .nav {
	opacity: 0;
}

.nav {
	float: right;
	margin-right: 260rem;
	z-index: 44444;
	transition: 0.2s;
}

.nav ul li {
	text-align: center;
	float: left;
	margin-left: 74rem;
}

.nav ul li a {
	display: block;
	font-size: 16rem;
	color: #171a20;
	padding: 0 15rem;
	line-height: 100rem;
	text-align: center;
	position: relative;
}

.nav ul li a:after {
	content: '';
	display: block;
	width: 0;
	height: 32rem;
	z-index: -1;
	transition: 0.5s;
	background: rgba(23, 26, 32, 0.1);
	position: absolute;
	border-radius: 4rem;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.nav ul li .subnav {
	width: 100%;
	position: absolute;
	top: 90rem;
	left: 0;
	background: #fff;
	display: none;
	padding: 60rem 100rem;
	box-shadow: 0 8px 16px -16px rgba(0, 0, 0, 0.16);
}

.nav ul li .subnav ul {
	float: left;
	width: 70%;
}

.nav ul li .subnav ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 25%;
	padding: 0 10rem;
	margin-bottom: 15rem;
}

.nav ul li .subnav ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
	line-height: 40rem;
	font-size: 16rem;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: left;
	color: #000;
	border-bottom: 5rem solid #d0d1d2;
}

.nav ul li .subnav ul li ul {
	float: none;
	width: 100%;
}

.nav ul li .subnav ul li ul li {
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.nav ul li .subnav ul li ul li a {
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 14rem;
	line-height: 28rem;
	color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 1025px) {
	.nav ul li .subnav ul li ul li:hover a {
		color: #000;
	}
}

.nav ul li .subnav .right {
	float: right;
	width: 30%;
}

.nav ul li .subnav .right .pic:after {
	padding-bottom: 66%;
}

.nav ul li .subnav .right .bt {
	font-size: 24rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #171a20;
}

.nav ul li:hover a:after {
	width: 100%;
	left: 0;
}

.nav ul .active a:after {
	width: 100%;
}

.banner {
	color: #fff;
	text-align: left;
	position: relative;
}

.banner .item {
	position: relative;
}

.banner .img {
	height: 100vh;
	position: relative;
	z-index: 1;
}

.banner .img img {
	display: none;
}

.banner .banner-title {
	font-size: 36rem;
	color: #171a20;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 55;
	text-align: center;
	padding-top: 148rem;
	font-weight: bold;
}

.banner .banner-btn {
	position: absolute;
	bottom: 17rem;
	left: 0;
	z-index: 55;
	width: 100%;
}

.banner .banner-btn .list {
	text-align: center;
	font-size: 0;
	margin-bottom: 43rem;
}

.banner .banner-btn .list a {
	width: 264rem;
	line-height: 40rem;
	font-size: 14rem;
	margin: 0 12rem;
	border-radius: 4rem;
	display: inline-block;
}

.banner .banner-btn .list .shop {
	background-color: #3b3d42;
	color: #e5e4e5;
}

.banner .banner-btn .list .more {
	color: #393c41;
	background-color: rgba(229, 228, 229, 0.92);
}

.banner .banner-btn .xiala {
	text-align: center;
	height: 11px;
}

.banner .banner-btn .xiala img {
	margin: 0 auto;
}

.bg {
	padding-top: 100vh;
	position: relative;
	z-index: 300;
	background-size: cover;
	background-position: center center;
}

.section {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	overflow: hidden !important;
}

.section1 {
	position: relative;
	width: 100%;
	z-index: 400;
}

.section1 .bg {
	z-index: 80;
}

.section1 .bg img {
	display: none;
}

.section1 .pro-info {
	position: absolute;
	bottom: 27px;
	right: 75px;
	z-index: 135;
	text-align: right;
}

.active .home-news .home-bottom {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .banner .banner-title {
	-webkit-animation: fadeInDown2 2s alternate;
	animation: fadeInDown2 2s alternate;
}

.active .banner .banner-btn .list .shop {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .banner .banner-btn .list .more {
	-webkit-animation: fadeInUp2 2.5s alternate;
	animation: fadeInUp2 2.5s alternate;
}

.active .home-title {
	-webkit-animation: fadeInDown2 2s alternate;
	animation: fadeInDown2 2s alternate;
}

.active .home-brand .home-bottom {
	-webkit-animation: fadeInUp2 2.5s alternate;
	animation: fadeInUp2 2.5s alternate;
}

.active .banner01 .banner-hover {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

#fp-nav {
	display: none !important;
}

#menu {
	position: fixed;
	top: 0;
	right: -280rem;
	width: 280rem;
	background: #ffffff;
	z-index: 9999;
	height: 100%;
	transition: 0.5s;
	overflow: auto;
	padding: 72rem 19rem;
}

#menu ul {
	overflow: hidden;
	padding: 0 10rem;
}

#menu ul li {
	position: relative;
}

#menu ul li a {
	font-size: 14rem;
	color: #000;
	display: block;
	line-height: 36rem;
	position: relative;
	padding: 0 10rem;
	border-radius: 4px;
}

@media (min-width: 1025px) {
	#menu ul li:hover a {
		background: #f2f2f2;
	}
}

#menu ul li:nth-child(1):before {
	display: none;
}

#menu .close {
	display: block;
	height: 36px;
	width: 36px;
	position: absolute;
	right: 17px;
	top: 18px;
	border-radius: 50%;
	background: url(../images/closed.png) no-repeat center center;
	background-size: 15px;
}

#menu.show1 {
	right: 0;
}

.home {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 320;
	transform: translateY(-50%);
}

.transparent {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.6);
	top: 0;
	left: 0;
	z-index: 888;
	backdrop-filter: blur(5px);
}

.transparent.active {
	display: block;
}

.sitemap li {
	border-bottom: 1px dashed #e0e0e0;
	padding-bottom: 20rem;
	margin-bottom: 20rem;
}

.sitemap li .top {
	font-size: 20rem;
	color: #333;
	font-weight: bold;
}

.sitemap li .top:hover {
	color: #171a20;
}

.sitemap li .bot {
	margin-top: 15rem;
}

.sitemap li .bot a {
	float: left;
	font-size: 18rem;
	color: #454545;
	margin-right: 20rem;
}

.sitemap li .bot a:hover {
	color: #171a20;
}

.home-title {
	font-size: 36rem;
	font-weight: bold;
	line-height: 44rem;
	letter-spacing: 2rem;
	color: #171a20;
	text-align: center;
}

.home-brand .home-bottom {
	padding-top: 57rem;
}

.partnerlist {
	margin: 0 -41rem;
	font-size: 0;
}

.partnerlist li {
	width: 292rem;
	display: inline-block;
	vertical-align: top;
	height: 323rem;
	margin-right: 20rem;
	margin-top: -63rem;
	cursor: pointer;
	background: url('../images/bg4.png') no-repeat top left;
	background-size: 292rem;
}

.partnerlist li .box {
	padding-top: 26rem;
	padding-left: 41rem;
	padding-right: 7rem;
}

.partnerlist li .pic {
	height: 283rem;
}

.partnerlist li .pic:after {
	padding-bottom: 115.51020408%;
}

.partnerlist li .pic .hover {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}

.partnerlist li .pic .hover h3 {
	font-size: 29rem;
	color: #1a1a19;
}

.partnerlist li .pic .hover p {
	font-size: 15rem;
	color: #d6af5d;
}

.partnerlist li:hover .pic img {
	transform: scale(1.2);
}

.partnerlist li:nth-child(1),
.partnerlist li:nth-child(2),
.partnerlist li:nth-child(3),
.partnerlist li:nth-child(4),
.partnerlist li:nth-child(5) {
	margin-top: 0;
}

.partnerlist li:nth-child(9n-3) {
	margin-left: 151rem;
}

.home-gengduo .home-bottom {
	padding-top: 50rem;
}

.qtlist {
	position: relative;
}

.qtlist li {
	padding: 0 30rem;
}

.qtlist li .pic:after {
	padding-bottom: 94.94505495%;
}

.qtlist li .text {
	text-align: center;
	padding: 38rem 38rem 50rem 38rem;
	background: #ebebeb;
}

.qtlist li .text .bt {
	margin-bottom: 30rem;
}

.qtlist li .text .bt a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 28rem;
	line-height: 44rem;
	letter-spacing: 1rem;
	color: #171a20;
}

.qtlist li .text .btn a {
	width: 160rem;
	line-height: 40rem;
	font-size: 14rem;
	margin: 0 12rem;
	border-radius: 4rem;
	display: inline-block;
}

.qtlist li .text .btn .shop {
	background-color: #3b3d42;
	color: #e5e4e5;
}

.qtlist li .text .btn .more {
	color: #393c41;
	background-color: #fff;
}

.qtlist .slick-prev,
.qtlist .slick-next {
	width: 72rem;
	height: 72rem;
	margin-top: -50rem;
	border-radius: 50%;
	z-index: 3;
}

.qtlist .slick-prev:before,
.qtlist .slick-next:before {
	content: '';
}

.qtlist .slick-prev {
	left: 100rem;
	background: #ebebeb url(../images/left.png) no-repeat center center !important;
	background-size: 14rem !important;
}

@media (min-width: 1025px) {
	.qtlist .slick-prev:hover {
		background: #3b3d42 url(../images/lefth.png) no-repeat center center !important;
		background-size: 14rem !important;
	}
}

.qtlist .slick-next {
	right: 100rem;
	background: #ebebeb url(../images/right.png) no-repeat center center !important;
	background-size: 14rem !important;
}

@media (min-width: 1025px) {
	.qtlist .slick-next:hover {
		background: #3b3d42 url(../images/righth.png) no-repeat center center !important;
		background-size: 14rem !important;
	}
}

.footer {
	padding: 22rem 0;
	text-align: center;
	font-size: 13rem;
	line-height: 40rem;
	color: #5c5e62;
}

.in1 {
	margin-top: 89rem;
}

.inside-banner {
	position: relative;
}

.inside-banner .container {
	width: 1270rem;
}

.inside-banner img {
	width: 100%;
	display: block;
}

.inside-banner .text {
	width: 100%;
	color: #fff;
	position: absolute;
	z-index: 9;
	top: 28%;
}

.inside-banner .EN {
	font-family: Roboto-Light;
	font-size: 30rem;
	text-transform: uppercase;
	color: #ffffff;
}

.inside-banner .cn {
	font-size: 54rem;
	line-height: 64rem;
	margin-bottom: 34rem;
	color: #ffffff;
}

.inside-banner .btn {
	width: 43rem;
}

.header1 {
	background-color: #fff;
	height: 90rem;
}

.header1 .header-right .header-search .pull-right a {
	width: 30rem;
	background: url(../images/search.png) no-repeat center center;
	background-size: 15rem;
}

.header1 .nav {
	margin-right: 341rem;
}

.content {
	padding: 68rem 0 86rem 0;
	min-height: 850rem;
}

.content .container {
	width: 1270rem;
}

.news .n-top {
	margin-bottom: 55rem;
}

.news .n-top .h3 {
	float: left;
	font-size: 42rem;
	color: #333333;
}

.news .n-top .list {
	float: right;
	width: 40%;
	padding-top: 15rem;
}

.news .n-top .list ul li {
	float: right;
	margin-left: -1px;
}

.news .n-top .list ul li a {
	display: block;
	width: 145rem;
	line-height: 37rem;
	text-align: center;
	font-size: 18rem;
	padding: 0 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #141414;
	border: solid 1px #141414;
}

@media (min-width: 1025px) {
	.news .n-top .list ul li:hover a {
		color: #fff;
		background: #141414;
	}
}

.news .n-top .list ul .active a {
	color: #fff;
	background: #141414;
}

.news-one {
	margin-bottom: 81rem;
}

.news-one a {
	display: block;
}

.news-one a .pic:after {
	padding-bottom: 49.05511811%;
}

.news-one a .text {
	padding-right: 410rem;
	padding-top: 44rem;
	position: relative;
}

.news-one a .text .date {
	font-size: 16rem;
	line-height: 28rem;
	margin-bottom: 12rem;
	color: #333333;
}

.news-one a .text .span {
	max-width: 68rem;
	line-height: 29rem;
	padding: 0 3rem;
	margin-bottom: 8rem;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;
	background-color: #333333;
	border-radius: 6rem;
	font-size: 15rem;
	color: #ffffff;
}

.news-one a .text .bt {
	font-size: 32rem;
	margin-bottom: 10rem;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.news-one a .text .jsh {
	font-size: 16rem;
	line-height: 28rem;
	overflow: hidden;
	height: 56rem;
	color: #333333;
}

.news-one a .text .more1 {
	width: 215rem;
	line-height: 53rem;
	border: 1px solid #cbcbca;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 52rem;
	font-size: 16rem;
}

@media (min-width: 1025px) {
	.news-one a:hover .pic img {
		transform: scale(1.05);
	}

	.news-one a:hover .text .more1 {
		color: #fff;
		background: #141414;
	}
}

.news-span {
	position: relative;
	padding: 60rem 68rem;
	background-color: #f8f8f7;
}

.news-span .pic {
	width: 76rem;
	display: inline-block;
	vertical-align: middle;
}

.news-span .pic:after {
	padding-bottom: 117.10526316%;
}

.news-span .n {
	display: inline-block;
	vertical-align: middle;
	padding-left: 32rem;
}

.news-span .span {
	font-family: 'Roboto-Bold';
	font-size: 14rem;
	line-height: 21rem;
	color: #181818;
}

.news-span .bt {
	font-size: 36rem;
	font-weight: bold;
	color: #181818;
}

.newslist {
	padding: 58rem 0;
}

.newslist li {
	margin-bottom: 37rem;
}

.newslist li .box {
	position: relative;
	overflow: hidden;
}

.newslist li .pic {
	float: left;
	width: 50.4%;
}

.newslist li .pic:after {
	padding-bottom: 49.05362776%;
}

.newslist li .text {
	float: right;
	width: 47%;
	padding-top: 4rem;
}

.newslist li .text .date {
	font-size: 16rem;
	line-height: 28rem;
	margin-bottom: 33rem;
	color: #333333;
}

.newslist li .text .bt {
	font-size: 32rem;
	line-height: 36rem;
	overflow: hidden;
	max-height: 108rem;
	color: #333333;
}

.newslist li .text .more1 {
	width: 215rem;
	line-height: 53rem;
	border: 1px solid #cbcbca;
	text-align: center;
	position: absolute;
	font-size: 16rem;
	left: 53%;
	bottom: 5rem;
}

@media (min-width: 1025px) {
	.newslist li:hover .pic img {
		transform: scale(1.05);
	}

	.newslist li:hover .text .more1 {
		color: #fff;
		background: #141414;
	}
}

.more2 a {
	width: 215rem;
	line-height: 53rem;
	border: 1px solid #cbcbca;
	text-align: center;
	font-size: 16rem;
	display: block;
	margin: 0 auto;
}

@media (min-width: 1025px) {
	.more2:hover a {
		color: #fff;
		background: #141414;
	}
}

.n-title {
	text-align: center;
	margin-top: 89rem;
	padding: 78rem 0 0 0;
	background: #0e0e0e url(../images/nbg.jpg) no-repeat top center;
}

.n-title .bt {
	font-size: 36rem;
	font-weight: bold;
	margin-bottom: 31rem;
	color: #ffffff;
}

.n-title .p {
	font-size: 16rem;
	line-height: 28rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 37rem;
	color: #ffffff;
}

.news-show {
	padding-top: 48rem;
}

.ns-top .date {
	float: left;
	font-size: 18rem;
	line-height: 55rem;
	color: #333333;
}

.ns-top .list {
	float: right;
	font-size: 18rem;
	line-height: 28rem;
}

.ns-top .list a {
	display: block;
	color: #333333;
	background: url(../images/list.png) no-repeat center left;
	padding-left: 85rem;
	background-size: 44rem;
}

@media (min-width: 1025px) {
	.ns-top .list:hover a {
		background: url(../images/listh.png) no-repeat center left;
		background-size: 44rem;
	}
}

.ns-info {
	font-size: 18rem;
	line-height: 28rem;
	padding: 65rem 0 39rem 0;
	color: #333333;
}

.ns-info p {
	margin-bottom: 14rem;
}

.related-title {
	font-size: 29rem;
	font-weight: bold;
	color: #181818;
}

.newslist1 {
	margin: 0 -15rem;
	padding: 37rem 0 0 0;
}

.newslist1 li {
	width: 33.333333%;
	margin-bottom: 0;
	float: left;
	padding: 0 15rem;
}

.newslist1 li .pic {
	width: 100%;
}

.newslist1 li .pic:after {
	padding-bottom: 49.05362776%;
}

.newslist1 li .text {
	width: 100%;
	padding-top: 24rem;
}

.newslist1 li .text .date {
	margin-bottom: 9rem;
}

.newslist1 li .text .bt {
	height: 108rem;
	font-size: 24rem;
}

.newslist1 li .text .more1 {
	position: relative;
	left: auto;
	bottom: auto;
	margin-top: 18rem;
}

.inmain {
	position: relative;
}

#h1 {
	height: 0;
	width: 100%;
	position: absolute;
	top: -89rem;
	left: 0;
}

.after {
	padding-top: 33rem;
}

.content-list {
	border-bottom: 1px solid #e6e6e6;
}

.content-list h3 {
	float: left;
	line-height: 52rem;
	width: 132rem;
	border-right: 1px solid #e6e6e6;
}

.content-list ul {
	float: left;
	width: 70%;
}

.content-list ul li {
	float: left;
	margin-left: 22rem;
	margin-right: 22rem;
}

.content-list ul li a {
	line-height: 52rem;
	height: 59rem;
	font-size: 16rem;
	padding: 0 20rem;
	color: #666666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	position: relative;
}

.content-list ul li a:after {
	content: '';
	display: block;
	width: 0;
	height: 4rem;
	transition: 0.5s;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #4d4d4d;
}

@media (min-width: 1025px) {
	.content-list ul li:hover a {
		color: #000;
	}

	.content-list ul li:hover a:after {
		width: 100%;
	}
}

.content-list ul .active a {
	color: #000;
}

.content-list ul .active a:after {
	width: 100%;
}

.content-list .yuyue {
	float: right;
	margin-right: -25rem;
}

.yuyue a {
	width: 160rem;
	line-height: 52rem;
	background: #3b3d42 url(../images/date.png) no-repeat 13% center;
	display: block;
	font-size: 14rem;
	color: #e5e4e5;
	padding-left: 65rem;
}

.after .gg {
	padding-top: 84rem;
}

.after-p {
	font-size: 18rem;
	line-height: 48rem;
	color: #333333;
}

.after-list {
	font-size: 16rem;
	line-height: 33rem;
	margin-bottom: 29rem;
	color: #7a7a7a;
}

.after-list li a {
	padding-left: 33rem;
	background: url(../images/c1.png) no-repeat center left;
	background-size: 20rem;
}

.after-list li:nth-child(2) a {
	background: url(../images/c2.png) no-repeat center left;
	background-size: 20rem;
}

.after-list li:nth-child(3) a {
	background: url(../images/c3.png) no-repeat center left;
	background-size: 20rem;
}

.after-list1 {
	margin-bottom: 37rem;
}

.after-list1 span {
	font-size: 16rem;
	line-height: 40rem;
	display: block;
	color: #333333;
}

.after-list1 a {
	display: inline-block;
	vertical-align: top;
	margin-right: 31rem;
}

.after-list2 .bt {
	font-size: 18rem;
	line-height: 48rem;
	color: #333333;
}

.after-list2 .bt img {
	display: inline-block;
	vertical-align: middle;
}

.after-list2 .bottom {
	width: 71%;
	overflow: hidden;
	padding: 26rem 40rem;
	border-radius: 8rem;
	background: url(../images/bg.jpg) no-repeat center center;
	background-size: cover;
}

.after-list2 .bottom .item {
	width: 50%;
	float: left;
	font-size: 0;
}

.after-list2 .bottom .item .img {
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.after-list2 .bottom .item .text {
	display: inline-block;
	width: 50%;
	padding-left: 15rem;
	vertical-align: middle;
}

.after-list2 .bottom .item .text .h3 {
	font-size: 18rem;
	font-weight: bold;
	line-height: 48rem;
	color: #333333;
}

.after-list2 .bottom .item .text .p {
	font-size: 14rem;
	font-weight: bold;
	color: #999999;
}

.about {
	padding-top: 33rem;
	padding-bottom: 53rem;
}

.videolist {
	padding: 69rem 0 0 0;
}

.videolist ul {
	margin: 0 -42rem;
	padding-bottom: 32rem;
	overflow: hidden;
}

.videolist ul li {
	width: 33.33333333%;
	float: left;
	padding: 0 16rem;
	margin-bottom: 39rem;
}

.videolist ul li .box {
	padding: 18rem;
	border: solid 1px #dfdfdf;
}

.videolist ul li .pic:before {
	content: '';
	display: block;
	width: 58rem;
	height: 58rem;
	background: url(../images/video.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 555;
	transform: translate(-50%, -50%);
}

.videolist ul li .pic:after {
	padding-bottom: 56.39686684%;
}

.videolist ul li .bt {
	font-size: 18rem;
	line-height: 52rem;
	color: #3b3d42;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

@media (min-width: 1025px) {
	.videolist ul li:hover .bt {
		color: #333;
	}

	.videolist ul li:hover .pic img {
		transform: scale(1.05);
	}
}

.page {
	clear: both;
	text-align: center;
	font-size: 0;
	color: #947d58;
}

.page em {
	font-style: normal;
	font-size: 18px;
}

.page a {
	color: #202020;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	min-width: 40px;
	line-height: 40px;
	text-transform: uppercase;
	height: 40px;
	border-radius: 40px;
	margin: 0 8px;
	padding: 0 5px;
	vertical-align: top;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
	-webkit-box-shadow: 0 0 0 1px #e2ebf1;
}

.page a span {
	display: block;
}

.page a.cur,
.page a.active,
.page a:hover {
	background: #3b3d42;
	-webkit-box-shadow: 0 0 0 1px #3b3d42;
	color: #fff;
}

.page a.prev,
.page a.next {
	color: #666666;
}

.page a.prev {
	padding-left: 24px;
	margin-right: 5px;
	width: 106px;
}

.page a.prev span {
	background: url(../images/prev.png) no-repeat left center;
	background-size: 4px;
}

.page a.prev:hover {
	color: #fff;
}

.page a.prev:hover span {
	background: url(../images/prevh.png) no-repeat left center;
	background-size: 4px;
}

.page a.next {
	padding-right: 24px;
	margin-left: 5px;
	width: 106px;
}

.page a.next span {
	background: url(../images/next.png) no-repeat right center;
	background-size: 4px;
}

.page a.next:hover {
	color: #fff;
}

.page a.next:hover span {
	background: url(../images/nexth.png) no-repeat right center;
	background-size: 4px;
}

@media (max-width: 768px) {

	.page a,
	.page em {
		display: none;
	}

	.page a.prev,
	.page a.next {
		display: inline-block;
	}
}

.video-popup1 {
	position: fixed;
	z-index: 9999999999999999999;
	width: 800px;
	height: 500px;
	left: 50%;
	top: 50%;
	border: 5px solid #f8f8f8;
	transform: translate(-50%, -50%);
	display: none;
	background: #f8f8f8;
	box-shadow: 0 10px 25px 4px rgba(2, 2, 2, 0.5);
}

.video-popup1 .box {
	height: 100%;
}

.video-popup1 .close {
	display: block;
	height: 17px;
	width: 17px;
	position: absolute;
	right: 20px;
	top: 17px;
	background: url(../images/closed.png) no-repeat center center;
	background-size: 17px;
	z-index: 2;
}

@media (max-width: 1140px) {
	.video-popup1 {
		width: 96%;
		left: 2%;
		margin: 0;
		padding: 20px;
		transform: translate(0, -50%);
	}
}

.rdlist {
	padding: 63rem 0 0 0;
}

.rdlist ul {
	margin: 0 -53rem;
	padding-bottom: 40rem;
	overflow: hidden;
}

.rdlist ul li {
	width: 50%;
	float: left;
	padding: 0 27rem;
	margin-bottom: 39rem;
}

.rdlist ul li .box {
	position: relative;
}

.rdlist ul li .pic:before {
	content: '';
	display: block;
	width: 58rem;
	height: 58rem;
	background: url(../images/video1.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 555;
	transform: translate(-50%, -50%);
}

.rdlist ul li .pic:after {
	padding-bottom: 56.50793651%;
}

.rdlist ul li .bt {
	font-size: 18rem;
	line-height: 64rem;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 50rem 0 30rem;
	z-index: 44;
	background: rgba(0, 0, 0, 0.55) url(../images/jiany.png) no-repeat 96% center;
	background-size: 17rem;
}

@media (min-width: 1025px) {
	.rdlist ul li:hover .pic img {
		transform: scale(1.05);
	}
}

.rd-title {
	text-align: center;
	font-size: 36rem;
	font-weight: bold;
	color: #171a20;
}

.rdlist1 {
	padding: 25rem 0 0 0;
}

.rdlist1 ul {
	padding-bottom: 16rem;
}

.activity {
	padding-top: 122rem;
	padding-bottom: 41rem;
}

.activity .container {
	width: 100%;
	padding: 0 50rem;
}

.activity .act-title {
	font-size: 24rem;
	font-weight: bold;
	color: #171a20;
	letter-spacing: 2rem;
	margin-bottom: 40rem;
}

.activity .item {
	position: relative;
}

.activity .item .item-title {
	font-size: 22rem;
	color: #171a20;
	margin-bottom: 34rem;
}

.gaodu {
	position: absolute;
	top: -100rem;
	left: 0;
	width: 100%;
	height: 1px;
}

.activity-list ul {
	margin: 0 -45rem;
}

.activity-list ul li {
	width: 33.33333333%;
	float: left;
	margin-bottom: 49rem;
	padding: 0 45rem;
}

.activity-list ul li .pic:after {
	padding-bottom: 94.87179487%;
}

.activity-list ul li .bt {
	font-size: 17rem;
	line-height: 40rem;
	color: #171a20;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.activity-list ul li:hover .pic img {
		transform: scale(1.05);
	}
}

.product {
	padding-top: 136rem;
	padding-bottom: 41rem;
}

.product .container {
	width: 100%;
	padding: 0 50rem;
}

.product .left {
	width: 14%;
	float: left;
	border: solid 1px #f0f0f0;
	padding: 26rem 23rem;
	background: #fff;
}

.product .left .left-title {
	font-size: 22rem;
	font-weight: bold;
	margin-bottom: 10rem;
	color: #171a20;
}

.product .left .search {
	position: relative;
}

.product .left .search input {
	height: 38rem;
	background-color: #e0e0e0;
	border: 0;
	width: 100%;
	padding: 0 40rem 0 10rem;
}

@media(max-width:1400px) {
	.product .left .search input {
		font-size: 12px;
	}
}

.product .left .search .btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}

.product .left .search .btn a {
	display: block;
	width: 38rem;
	height: 38rem;
	background: url(../images/search.png) no-repeat center center;
	background-size: 16rem;
}

.product .left ul {
	padding-top: 4rem;
}

.product .left ul li {
	border-bottom: 1px solid #ebebeb;
	padding: 9rem 0;
}

.product .left ul li a {
	font-size: 17rem;
	line-height: 40rem;
	padding-left: 25rem;
	color: #6c717a;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/shao.png) no-repeat center left;
	background-size: 17rem;
}

.product .left ul li ul {
	display: none;
	padding: 0;
	margin: 0;
}

.product .left ul li ul li {
	border: 0;
	padding: 0;
	margin: 0;
}

.product .left ul li ul li a {
	font-size: 13rem;
	background: none !important;
	line-height: 21rem;
	color: #6c717a !important;
}

@media (min-width: 1025px) {
	.product .left ul li ul li:hover a {
		color: #333 !important;
	}
}

@media (min-width: 1025px) {
	.product .left ul li:hover a {
		color: #333;
	}
}

.product .left ul .erji a {
	background: url(../images/duo.png) no-repeat center left;
	background-size: 17rem;
}

.product .left ul .active ul {
	display: block;
}

.product .left ul .erji.active a {
	background: url(../images/shao.png) no-repeat center left;
	background-size: 17rem;
}

.product .right {
	width: 82%;
	float: right;
}

.product .pro-title {
	font-size: 24rem;
	font-weight: bold;
	color: #171a20;
	line-height: 30rem;
	margin-bottom: 41rem;
}

.product .item {
	position: relative;
	margin-bottom: 30rem;
}

.product .item .item-title {
	font-size: 22rem;
	color: #171a20;
	margin-bottom: 24rem;
}

.product .activity-list ul {
	margin: 0 -15rem;
}

.product .activity-list ul li {
	padding: 0 15rem;
	margin-bottom: 29rem;
}

.honor {
	margin-top: 64rem;
	padding: 89rem 0;
	background: #1f1f1f url(../images/bg3.jpg) no-repeat bottom center;
	background-size: 100%;
}

.honor .more2 a {
	color: #fff;
}

.honor .container {
	width: 1520rem;
}

.honorlist {
	margin: 0 -25rem;
	padding-bottom: 18rem;
}

.honorlist li {
	width: 25%;
	float: left;
	padding: 0 25rem;
	margin-bottom: 70rem;
}

.honorlist li .img {
	border: 4rem solid #fff;
	background: #fff;
}

.honorlist li .pic:after {
	padding-bottom: 134.05797101%;
}

.honorlist li .box {
	padding: 23rem 33rem 37rem 33rem;
	background: url(../images/bg1.png) no-repeat top center;
	background-size: 100%;
	position: relative;
	z-index: 1;
}

.honorlist li .box:after {
	content: '';
	display: block;
	width: 100%;
	height: 156rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(102, 102, 102, 0.2);
	z-index: -1;
}

@media (min-width: 1025px) {
	.honorlist li:hover .pic img {
		transform: scale(1.04);
	}
}

.que {
	padding: 86rem 0 69rem 0;
}

.que .container {
	width: 1320rem;
}

.que .left {
	float: left;
	width: 21%;
}

.que .left ul li {
	margin-bottom: 19rem;
}

.que .left ul li a {
	display: block;
	line-height: 49rem;
	font-size: 14rem;
	color: #041e42;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 19rem;
	border: 1px solid #cccccc;
	border-radius: 6rem;
}

@media (min-width: 1025px) {
	.que .left ul li:hover a {
		background-color: #3b3d42;
		border: 1px solid #3b3d42;
		color: #fff;
	}
}

.que .left ul .active a {
	background-color: #3b3d42;
	border: 1px solid #3b3d42;
	color: #fff;
}

.que .right {
	width: 75%;
	float: right;
}

.que .right .videolist {
	padding: 0;
}

.que .right .videolist ul {
	margin: 0 -12rem;
	padding-bottom: 12rem;
}

.que .right .videolist ul li .pic:after {
	padding-bottom: 56.14035088%;
}

.que .right .videolist ul li {
	padding: 0 12rem;
	margin-bottom: 32rem;
}

.que .right .videolist ul li .box {
	padding: 14rem;
}

.que .right .videolist ul li .bt {
	font-size: 14rem;
	line-height: 30rem;
	margin-top: 7rem;
}

.que .right .videolist ul li .pic:before {
	width: 43rem;
	height: 43rem;
}

.question {
	overflow: hidden;
	margin-top: 150rem;
	padding: 0 38rem;
}

.question dl {
	overflow: hidden;
	padding-bottom: 53rem;
}

.question dl dt {
	display: block;
	position: relative;
	padding-bottom: 30rem;
	transition: 0.5s;
	margin-bottom: 30rem;
}

.question dl dt .name {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	display: block;
	max-height: 120rem;
	line-height: 60rem;
	float: left;
	text-align: left;
	font-size: 16rem;
	line-height: 36rem;
	color: #333333;
	padding-right: 10rem;
	position: relative;
}

.question dl dt .jiantou {
	overflow: hidden;
	height: 7rem;
	background: url('../images/jright.png') no-repeat center center;
	width: 13rem;
	float: right;
	position: absolute;
	top: 17rem;
	right: 11rem;
	background-size: 13rem;
}

.question dl .list_dt {
	cursor: pointer;
	border-bottom: 1px solid #dfdfdf;
	transition: width 2s;
	position: relative;
	overflow: hidden;
}

.question dl #open {
	border-bottom: 0;
	padding-bottom: 0;
	margin: 0;
}

.question dl #open .jiantou {
	background: url('../images/jtop.png') no-repeat center center;
	background-size: 13rem;
}

.question .list_dd {
	display: none;
}

.question .jobsub {
	border-top: 0;
	padding: 18rem 0 36rem 0;
	font-size: 14rem;
	line-height: 26rem;
	color: #666666;
	margin-bottom: 30rem;
	border-bottom: 1px solid #dfdfdf;
}

.question .jobsub p {
	color: #666;
}

.question .more2 a {
	width: 160rem;
	height: 42rem;
	line-height: 40rem;
	border-radius: 21rem;
	font-size: 14rem;
	border: solid 1rem #eeeeee;
}

.help {
	padding: 74rem 0 111rem 0;
	background: #f5f5f8;
}

.help .help-title {
	text-align: center;
	font-size: 32rem;
	color: #000000;
	letter-spacing: 2rem;
	margin-bottom: 46rem;
}

.help .help-bottom {
	padding: 0 66rem;
}

.help .item {
	width: 50%;
	float: left;
	padding: 0 150rem;
}

.help .item .item-title {
	font-size: 26rem;
	font-weight: bold;
	color: #000000;
	margin-bottom: 14rem;
}

.help .item .item-p {
	font-size: 16rem;
	line-height: 36rem;
	color: #101010;
	min-height: 72rem;
	margin-bottom: 16rem;
}

.help .item .item-btn a {
	font-size: 14rem;
	color: #00a7e1;
	line-height: 40rem;
	background-color: #ffffff;
	border-radius: 20rem;
	border: solid 1px #e5e5e5;
	padding: 0 30rem;
	display: inline-block;
}

.idea01 {
	margin-top: 70rem;
	padding: 97rem 0 84rem 0;
	background: url(../images/bg4.jpg) no-repeat top center;
	background-size: cover;
	text-align: center;
}

.idea01 .bt {
	font-size: 48rem;
	margin-bottom: 85rem;
	font-weight: bold;
	color: #e5e4e5;
}

.idea01 .bt span {
	font-size: 60rem;
}

.idea01 .bt img {
	display: inline-block;
	margin-right: 5rem;
}

.idea01 .span {
	color: #fff;
	font-size: 38rem;
	margin-bottom: 13rem;
}

.idea01 .p {
	color: #fff;
	font-size: 36rem;
	line-height: 48rem;
	color: #ffffff;
}

.idea01 .p p {
	margin-bottom: 25rem;
}

.idea02 {
	padding: 71rem 0 0 0;
	background: url(../images/bg5.png) no-repeat top right;
	background-size: 100%;
}

.idea02 .left {
	width: 45.3%;
	float: left;
}

.idea02 .right {
	float: right;
	width: 53%;
	text-align: right;
	padding-right: 198rem;
	padding-top: 111rem;
}

.idea02 .right .span {
	font-size: 21rem;
	letter-spacing: 2rem;
	color: #70837b;
	margin-bottom: 33rem;
}

.idea02 .right .bt {
	font-size: 48rem;
	letter-spacing: 5rem;
	color: #171a20;
	padding-bottom: 18rem;
	position: relative;
	margin-bottom: 63rem;
}

.idea02 .right .bt span {
	font-weight: bold;
}

.idea02 .right .bt:after {
	content: '';
	display: block;
	width: 64rem;
	height: 8rem;
	background-color: #333333;
	position: absolute;
	bottom: 0;
	right: 0;
}

.idea02 .right .p {
	font-size: 32rem;
	letter-spacing: 3rem;
	margin-bottom: 23rem;
	color: #333333;
}

.idea02 .right .p span {
	font-weight: bold;
}

.idea02 .right .jsh {
	font-size: 24rem;
	line-height: 51rem;
	letter-spacing: 1rem;
	color: #333333;
}

.idea02 .right .jsh span {
	font-weight: bold;
}

.idea03 {
	padding-top: 84rem;
}

.idea03 .container {
	width: 1510rem;
}

.idea03 .idea-title {
	font-size: 48rem;
	letter-spacing: 5rem;
	color: #171a20;
	text-align: center;
}

.idea03 .idea-title span {
	font-weight: bold;
}

.idea03 .info {
	margin-top: 63rem;
	position: relative;
	overflow: hidden;
	padding-bottom: 113rem;
}

.idea03 .info .img {
	position: absolute;
	top: 39rem;
	left: 50%;
	transform: translateX(-50%);
	width: 512rem;
}

.idea03 ul li {
	width: 41%;
	float: left;
	margin-bottom: 232rem;
}

.idea03 ul li .box {
	position: relative;
}

.idea03 ul li .pic {
	width: 88rem;
	position: absolute;
	top: 48rem;
	left: 20rem;
}

.idea03 ul li .text {
	padding-left: 128rem;
	padding-top: 51rem;
	height: 182rem;
	color: #fff;
}

.idea03 ul li .bt {
	font-size: 30rem;
	margin-bottom: 9rem;
}

.idea03 ul li .jsh {
	font-size: 18rem;
	line-height: 24rem;
}

.idea03 ul li:nth-child(2n) {
	float: right;
}

.idea03 ul li:nth-child(2n) .pic {
	left: auto;
	right: 20rem;
}

.idea03 ul li:nth-child(2n) .text {
	padding-right: 128rem;
	text-align: right;
}

.idea03 ul li:nth-child(1) .text {
	background: url('../images/idbg1.png') no-repeat top left;
	background-size: 618rem;
}

.idea03 ul li:nth-child(2) .text {
	color: #333333;
	background: url('../images/idbg2.png') no-repeat right top;
	background-size: 526rem;
}

.idea03 ul li:nth-child(3) {
	margin-bottom: 0;
}

.idea03 ul li:nth-child(3) .text {
	color: #333333;
	background: url('../images/idbg3.png') no-repeat left bottom;
	background-size: 526rem;
}

.idea03 ul li:nth-child(4) {
	margin-bottom: 0;
}

.idea03 ul li:nth-child(4) .text {
	background: url('../images/idbg4.png') no-repeat top right;
	background-size: 622rem;
}

.idea04 .container {
	width: 1520rem;
}

.idea04 .list {
	position: relative;
	padding: 92rem 92rem 92rem 79rem;
	background-color: #f2f2f2;
	overflow: hidden;
}

.idea04 .list .item {
	overflow: hidden;
}

.idea04 .list .item .text {
	float: left;
	width: 49%;
	padding-top: 25rem;
}

.idea04 .list .item .text .bt {
	font-size: 48rem;
	line-height: 47rem;
	color: #222222;
	margin-bottom: 36rem;
}

.idea04 .list .item .text .jsh {
	font-size: 18rem;
	line-height: 32rem;
	color: #222222;
}

.idea04 .list .item .text .jsh span {
	font-weight: bold;
}

.idea04 .list .item .text .jsh p {
	margin-bottom: 8rem;
}

.idea04 .list .item .pic {
	width: 50.2%;
	float: right;
}

.idea04 .list .item .pic:after {
	padding-bottom: 61.35693215%;
}

.idea04 .list .slick-prev,
.idea04 .list .slick-next {
	width: 35rem;
	height: 35rem;
	margin-top: 0;
	border-radius: 50%;
	top: auto;
	bottom: 103rem;
	z-index: 3;
}

.idea04 .list .slick-prev:before,
.idea04 .list .slick-next:before {
	content: '';
}

.idea04 .list .slick-prev {
	left: 79rem;
	background: #e6e6e6 url(../images/left1.png) no-repeat center center !important;
	background-size: 16rem !important;
}

@media (min-width: 1025px) {
	.idea04 .list .slick-prev:hover {
		background: #e6e6e6 url(../images/left1h.png) no-repeat center center !important;
		background-size: 16rem !important;
	}
}

.idea04 .list .slick-next {
	left: 125rem;
	right: auto;
	background: #e6e6e6 url(../images/right1.png) no-repeat center center !important;
	background-size: 16rem !important;
}

@media (min-width: 1025px) {
	.idea04 .list .slick-next:hover {
		background: #e6e6e6 url(../images/right1h.png) no-repeat center center !important;
		background-size: 16rem !important;
	}
}

.header2 {
	background: none;
}

@media (min-width: 1025px) {
	.header2:hover {
		background: #fff;
	}
}

.none {
	display: none;
}

.banner01 {
	color: #fff;
	text-align: left;
	position: relative;
}

.banner01 .item {
	position: relative;
}

.banner01 .img {
	height: 100vh;
	position: relative;
	z-index: 1;
}

.banner01 .img img {
	display: none;
}

.banner01 .banner-hover {
	position: absolute;
	bottom: 71rem;
	left: 0;
	z-index: 55;
	width: 100%;
	text-align: center;
}

.banner01 .banner-title {
	font-size: 34rem;
	color: #fff;
	margin-bottom: 7rem;
}

.banner01 .banner-span {
	font-size: 24rem;
	color: #ffffff;
}

.banner01 .banner-btn {
	margin-top: 42rem;
}

.banner01 .banner-btn a {
	width: 284rem;
	line-height: 40rem;
	font-size: 14rem;
	margin: 0 12rem;
	text-align: center;
	border-radius: 4rem;
	margin: 0 auto;
	display: block;
	color: #393c41;
	background-color: rgba(229, 228, 229, 0.94);
}

.shop-title {
	font-size: 28rem;
	line-height: 40rem;
	color: #171a20;
	margin-bottom: 33rem;
	padding: 0 22rem;
	letter-spacing: 3rem;
}

.shop-title a {
	float: right;
	display: block;
	font-size: 14rem;
	letter-spacing: 0;
	color: #393c41;
	border-bottom: 2px solid #393c41;
}

.shop02 {
	padding: 58rem 0 53rem 0;
	background-color: #fff;
}

.shop02 .activity-list ul {
	margin: 0 -12rem;
}

.shop02 .activity-list ul li {
	margin-bottom: 0;
	padding: 0 12rem;
}

.shop02 .activity-list {
	position: relative;
}

.shop02 .slick-prev,
.shop02 .slick-next {
	width: 50rem;
	height: 50rem;
	margin-top: -50rem;
	border-radius: 50%;
	z-index: 3;
}

.shop02 .slick-prev:before,
.shop02 .slick-next:before {
	content: '';
}

.shop02 .slick-prev {
	left: 50rem;
	background: rgba(59, 61, 66, 0.5) url(../images/lefth.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.shop02 .slick-prev:hover {
		background: rgba(59, 61, 66, 0.8) url(../images/lefth.png) no-repeat center center !important;
		background-size: 10rem !important;
	}
}

.shop02 .slick-next {
	right: 50rem;
	background: rgba(59, 61, 66, 0.5) url(../images/righth.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.shop02 .slick-next:hover {
		background: rgba(59, 61, 66, 0.8) url(../images/righth.png) no-repeat center center !important;
		background-size: 10rem !important;
	}
}

.product-show {
	padding-top: 119rem;
	padding-bottom: 0;
}

.product-show .container {
	width: 1595rem;
}

.product-show .product-top {
	padding-bottom: 94rem;
}

.product-show .product-top .left {
	width: 50%;
	float: left;
}

.product-show .product-top .left .info-pic {
	position: relative;
}

.product-show .product-top .left .info-pic .pic:after {
	padding-bottom: 94.875%;
}

.product-show .product-top .left .info-pic .slider-for {
	overflow: hidden;
	position: relative;
}

@media (min-width: 1025px) {
	.product-show .product-top .left .info-pic .slider-for .li:hover .pic img {
		transform: scale(1.04);
	}
}

.product-show .product-top .left .info-pic .slider-for .slick-prev,
.product-show .product-top .left .info-pic .slider-for .slick-next {
	width: 40rem;
	height: 40rem;
	margin-top: -20rem;
	border-radius: 50%;
	z-index: 3;
}

.product-show .product-top .left .info-pic .slider-for .slick-prev:before,
.product-show .product-top .left .info-pic .slider-for .slick-next:before {
	content: '';
}

.product-show .product-top .left .info-pic .slider-for .slick-prev {
	left: 20rem;
	background: rgba(59, 61, 66, 0.5) url(../images/lefth.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.product-show .product-top .left .info-pic .slider-for .slick-prev:hover {
		background: rgba(59, 61, 66, 0.8) url(../images/lefth.png) no-repeat center center !important;
		background-size: 10rem !important;
	}
}

.product-show .product-top .left .info-pic .slider-for .slick-next {
	right: 20rem;
	background: rgba(59, 61, 66, 0.5) url(../images/righth.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.product-show .product-top .left .info-pic .slider-for .slick-next:hover {
		background: rgba(59, 61, 66, 0.8) url(../images/righth.png) no-repeat center center !important;
		background-size: 10rem !important;
	}
}

.product-show .product-top .left .info-pic .slider-nav {
	padding: 41rem 0 0 0;
	margin: 0 -6rem;
}

.product-show .product-top .left .info-pic .slider-nav .li {
	overflow: hidden;
	margin: 0 6rem;
	border-radius: 8rem;
	border: solid 1rem #e0e0e0;
}

@media (min-width: 1025px) {
	.product-show .product-top .left .info-pic .slider-nav .li:hover .pic img {
		transform: scale(1.04);
	}
}

.product-show .product-top .right {
	width: 44%;
	float: right;
}

.product-show .product-top .right .bt {
	font-size: 32rem;
	line-height: 40rem;
	letter-spacing: 2rem;
	margin-bottom: 67rem;
	color: #171a20;
}

.product-show .product-top .right .span {
	font-size: 14rem;
	line-height: 21rem;
	color: #393c41;
	margin-bottom: 32rem;
}

.product-show .product-top .right .jsh {
	font-size: 14rem;
	line-height: 22rem;
	color: #393c41;
}

.product-show .product-top .right .jsh p {
	margin-bottom: 9rem;
}

.product-show .product-top .right .goumai {
	margin-bottom: 68rem;
}

.product-show .product-top .right .goumai a {
	width: 320rem;
	line-height: 40rem;
	background-color: #3e6ae1;
	border-radius: 4rem;
	display: block;
	text-align: center;
	font-size: 14rem;
	color: #ffffff;
}

.product-show .product-top .right .bangzhu {
	margin-bottom: 29rem;
}

.product-show .product-top .right .bangzhu a {
	text-decoration: underline;
}

.product-show .product-top .right .bangzhu .hover {
	height: 0;
	overflow: hidden;
	width: 140rem;
	text-align: center;
}

.product-show .product-top .right .cur .hover {
	height: auto;
	padding: 10rem 0;
}

.product-show .related-title {
	margin-bottom: 14rem;
}

.product-show .activity-list ul {
	margin: 0 -29rem;
}

.product-show .activity-list ul li {
	padding: 0 29rem;
	margin-bottom: 20rem;
}

.jiaotan {
	position: fixed;
	bottom: 50rem;
	right: 50rem;
}

.jiaotan a {
	width: 50px;
	height: 50px;
	padding: 12px;
	border-radius: 50%;
	background: #fff;
	display: block;
	box-shadow: 0 1px 4px 0 #808080;
}

.jiaotan a svg {
	fill: #000000;
	display: block;
	margin: 0 auto;
	width: 100%;
}

.about01 {
	padding: 88rem 0 96rem 0;
	overflow: hidden;
	background-color: #fff;
}

.about01 .container {
	width: 1520rem;
}

.about01 .text {
	float: left;
	width: 41%;
}

.about01 .text .bt {
	font-size: 40rem;
	font-weight: bold;
	margin-bottom: 27rem;
	color: #171a20;
}

.about01 .text .bt img {
	display: inline-block;
	margin-right: 5rem;
}

.about01 .text .bt span {
	font-size: 50rem;
}

.about01 .text .jsh {
	font-size: 18rem;
	line-height: 30rem;
	color: #666666;
}

.about01 .text .jsh p {
	margin-bottom: 11rem;
}

.about01 .right {
	float: right;
	width: 54.2%;
}

.about02 {
	padding: 97rem 0 129rem 0;
	background: url(../images/bg6.jpg) no-repeat top center;
	background-size: cover;
}

.about02 .container {
	width: 1520rem;
}

.about02 .about-title {
	font-size: 66rem;
	line-height: 90rem;
	margin-bottom: 86rem;
	color: #ffffff;
}

.about02 .list ul {
	width: 85.5%;
	overflow: hidden;
}

.about02 .list ul li {
	width: 33.3%;
	float: left;
}

.about02 .list ul li .box {
	padding: 50rem 40rem 71rem 40rem;
	position: relative;
}

.about02 .list ul li .box:after {
	content: '';
	display: block;
	width: 100%;
	height: 0;
	background-color: #ac9455;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.5s;
}

.about02 .list ul li .bt {
	line-height: 70rem;
	font-size: 30rem;
	letter-spacing: 3rem;
	margin-bottom: 68rem;
	color: #ffffff;
}

.about02 .list ul li .bt .pic {
	width: 70rem;
	margin-right: 16rem;
	float: left;
}

.about02 .list ul li .jsh {
	font-weight: lighter;
	padding-left: 12rem;
	color: #ffffff;
}

.about02 .list ul li .jsh h3 {
	font-weight: lighter;
	font-size: 30rem;
}

.about02 .list ul li .jsh p {
	font-size: 16rem;
}

@media (min-width: 1025px) {
	.about02 .list ul li:hover .box:after {
		height: 9rem;
	}
}

.about02 .list ul li:nth-child(1) .box {
	background: #010202;
}

.about02 .list ul li:nth-child(2) .box {
	background: #101924;
}

.about02 .list ul li:nth-child(3) .box {
	background: #333333;
}

.about03 {
	padding: 80rem 0 0 0;
}

.about03 .about-title {
	font-size: 48rem;
	text-align: center;
	color: #171a20;
}

.about03 .list {
	position: relative;
	margin: 0 -60rem;
	margin-top: 39rem;
}

.about03 .list .item {
	width: 33.33333333%;
	float: left;
	padding: 0 60rem;
	transform: scale(0.8);
}

.about03 .list .item .box {
	padding-bottom: 80rem;
}

.about03 .list .item .pic:after {
	padding-bottom: 53.7593985%;
}

.about03 .list .item .text {
	text-align: center;
	padding: 42rem 20rem;
	background: #fff;
	box-shadow: 0rem 30rem 45rem 0rem rgba(51, 39, 6, 0.2);
	border-radius: 6rem;
}

.about03 .list .item .text .bt {
	font-size: 30rem;
	letter-spacing: 3rem;
	color: #2b2b2b;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.about03 .list .item .text .span {
	font-size: 16rem;
	margin-bottom: 27rem;
	color: #ac9455;
}

.about03 .list .item .text .jsh {
	font-size: 16rem;
	margin-bottom: 41rem;
	color: #7a7a7a;
}

.about03 .list .slick-center {
	transform: scale(1);
}

.about03 .slick-prev,
.about03 .slick-next {
	width: 53rem;
	height: 53rem;
	border: solid 1rem #333333;
	margin-top: -50rem;
	border-radius: 50%;
	opacity: 0.4;
	z-index: 3;
}

.about03 .slick-prev:before,
.about03 .slick-next:before {
	content: '';
}

.about03 .slick-prev {
	left: 24.5%;
	background: #ffffff url(../images/left.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.about03 .slick-prev:hover {
		opacity: 1;
	}
}

.about03 .slick-next {
	right: 24.5%;
	background: #ffffff url(../images/right.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.about03 .slick-next:hover {
		opacity: 1;
	}
}

.about04 {
	padding-bottom: 111rem;
}

.about04 .container {
	width: 1520rem;
}

.about04 .about-title {
	font-size: 48rem;
	text-align: center;
	color: #171a20;
}

.about04 .about-bottom {
	padding-top: 42rem;
}

.about04 .list {
	height: 580rem;
	overflow: hidden;
	border-radius: 24rem 0rem 0rem 24rem;
	text-align: center;
}

.about04 .list li {
	width: 25%;
	height: 580rem;
	float: left;
	text-align: center;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
	overflow: hidden;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.about04 .list li .box {
	bottom: 12rem;
	left: 0;
	width: 100%;
	position: absolute;
}

.about04 .list .title {
	font-size: 22rem;
	line-height: 30rem;
	color: #ffffff;
	margin-bottom: 15px;
}

.about04 .list .info {
	display: none;
	padding: 0 25px;
	font-size: 18rem;
	line-height: 30rem;
	color: #ffffff;
}

.about04 .list:hover li {
	width: 16.66666666666667%;
}

.about04 .list li:hover,
.about04 .list li.cur {
	padding-left: 24px;
	padding-right: 24px;
	width: 50%;
}

.about04 .list li:hover .title {
	font-size: 30rem;
}

.about04 .list li:hover .box {
	bottom: 28rem;
}

.about04 .list li:hover .info,
.about04 .list li.cur .info {
	display: block;
}

.about05 .left {
	float: left;
	width: 55.7%;
	background: url(../images/bg6.png) no-repeat bottom center;
	background-size: 100%;
	padding-bottom: 47rem;
}

.about05 .left .bt {
	font-size: 48rem;
	padding: 0 60rem;
	line-height: 90rem;
	background-color: #333333;
	color: #ffffff;
	text-align: right;
}

.about05 .left .img {
	border: solid 4rem #7a7a7a;
	width: 744rem;
	margin-left: 287rem;
	margin-top: 98rem;
}

.about05 .right {
	float: right;
	width: 41%;
	padding-top: 9rem;
}

.about05 .right .item {
	margin-bottom: 26rem;
}

.about05 .right .h3 {
	font-size: 30rem;
	font-weight: bold;
	line-height: 60rem;
	color: #171a20;
	background: url(../images/line01.png) no-repeat bottom left;
	background-size: 110rem;
	padding-bottom: 9rem;
	margin-bottom: 13rem;
}

.about05 .right .p {
	font-size: 20rem;
	line-height: 30rem;
	color: #666666;
}

.banner02 .img {
	height: 960rem;
}

.headerFixed {
	background: #fff;
}

.zhuanti .btn a {
	display: block;
	width: 204rem;
	line-height: 34rem;
	text-align: center;
	border: 3rem solid #171a20;
	border-radius: 4rem;
	font-size: 14rem;
}

@media (min-width: 1025px) {
	.zhuanti .btn a:hover {
		background: #171a20;
		color: #fff;
	}
}

.zhuanti01 {
	padding: 0 80rem 61rem 80rem;
}

.zhuanti01 .left {
	width: 47%;
	float: left;
}

.zhuanti01 .left .info-pic {
	position: relative;
}

.zhuanti01 .left .info-pic .pic:after {
	padding-bottom: 94.875%;
}

.zhuanti01 .left .info-pic .pic .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/video2.png) no-repeat center center;
	background-size: 48rem;
}

.zhuanti01 .left .info-pic .slider-for {
	overflow: hidden;
	position: relative;
}

.zhuanti01 .left .info-pic .slider-for .li .pic .hover {
	background-size: 84rem;
}

@media (min-width: 1025px) {
	.zhuanti01 .left .info-pic .slider-for .li:hover .pic img {
		transform: scale(1.04);
	}
}

.zhuanti01 .left .info-pic .slider-for .slick-prev,
.zhuanti01 .left .info-pic .slider-for .slick-next {
	width: 40rem;
	height: 40rem;
	margin-top: -20rem;
	border-radius: 50%;
	z-index: 3;
}

.zhuanti01 .left .info-pic .slider-for .slick-prev:before,
.zhuanti01 .left .info-pic .slider-for .slick-next:before {
	content: '';
}

.zhuanti01 .left .info-pic .slider-for .slick-prev {
	left: 20rem;
	background: rgba(59, 61, 66, 0.5) url(../images/lefth.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.zhuanti01 .left .info-pic .slider-for .slick-prev:hover {
		background: rgba(59, 61, 66, 0.8) url(../images/lefth.png) no-repeat center center !important;
		background-size: 10rem !important;
	}
}

.zhuanti01 .left .info-pic .slider-for .slick-next {
	right: 20rem;
	background: rgba(59, 61, 66, 0.5) url(../images/righth.png) no-repeat center center !important;
	background-size: 10rem !important;
}

@media (min-width: 1025px) {
	.zhuanti01 .left .info-pic .slider-for .slick-next:hover {
		background: rgba(59, 61, 66, 0.8) url(../images/righth.png) no-repeat center center !important;
		background-size: 10rem !important;
	}
}

.zhuanti01 .left .info-pic .slider-nav {
	padding: 15rem 0 0 0;
	margin: 0 -6rem;
}

.zhuanti01 .left .info-pic .slider-nav .li {
	overflow: hidden;
	margin: 0 6rem;
	border-radius: 8rem;
	border: solid 1rem #e0e0e0;
}

@media (min-width: 1025px) {
	.zhuanti01 .left .info-pic .slider-nav .li:hover .pic img {
		transform: scale(1.04);
	}
}

.zhuanti01 .right {
	width: 39%;
	float: right;
	padding-top: 40rem;
	padding-right: 182rem;
}

.zhuanti01 .right .bt {
	font-size: 28rem;
	line-height: 40rem;
	letter-spacing: 1rem;
	margin-bottom: 47rem;
	color: #171a20;
}

.zhuanti01 .right .span {
	font-size: 18rem;
	color: #393c41;
	margin-bottom: 16rem;
}

.zhuanti01 .right .list {
	min-height: 528rem;
	margin-bottom: 37rem;
}

.zhuanti01 .right .list li {
	margin-bottom: 12rem;
}

.zhuanti01 .right .list li a {
	display: block;
	line-height: 34rem;
	border: solid 1rem #333333;
	color: #171a20;
	font-size: 16rem;
	padding: 0 7rem;
}

@media (min-width: 1025px) {
	.zhuanti01 .right .list li:hover a {
		color: #fff;
		background-color: #3b3d42;
	}
}

.zhuanti01 .right .list .active a {
	color: #fff;
	background-color: #3b3d42;
}

.zhuanti02 .container {
	padding: 53rem 0 67rem 0;
	overflow: hidden;
}

.zhuanti02 .text {
	float: left;
	width: 38%;
	padding: 0 98rem;
}

.zhuanti02 .text .bt {
	font-size: 28rem;
	line-height: 38rem;
	margin-bottom: 16rem;
	color: #171a20;
}

.zhuanti02 .jsh {
	float: left;
	width: 62%;
	font-size: 16rem;
	line-height: 28rem;
	letter-spacing: -1rem;
	color: #393c41;
}

.zhuanti03 {
	position: relative;
}

.zhuanti03 .left {
	float: left;
	width: 78.2%;
}

.zhuanti03 .left .list .item {
	position: relative;
}

.zhuanti03 .left .list .item .hover {
	position: absolute;
	bottom: 20rem;
	right: 0;
	font-size: 18rem;
	line-height: 55rem;
	background-color: #0e0d12;
	line-height: 29rem;
	padding: 0 20rem;
	color: #f7c100;
}

.zhuanti03 .left .list .pic:after {
	padding-bottom: 63.93333333%;
}

.zhuanti03 .right {
	float: left;
	width: 21.8%;
	padding: 61rem 39rem;
}

.zhuanti03 .right .bt {
	font-size: 28rem;
	line-height: 34rem;
	margin-bottom: 35rem;
	color: #171a20;
}

.zhuanti03 .right .jsh {
	font-size: 16rem;
	line-height: 28rem;
	letter-spacing: -1rem;
	color: #393c41;
}

.zhuanti03 .right .btn {
	position: absolute;
	bottom: 73rem;
}

.zhuanti03 .right .list {
	margin-bottom: 37rem;
}

.zhuanti03 .right .list li {
	margin-bottom: 19rem;
}

.zhuanti03 .right .list li a {
	display: block;
	line-height: 34rem;
	border: solid 1rem #333333;
	color: #171a20;
	font-size: 14rem;
	text-align: center;
	padding: 0 7rem;
	width: 180rem;
	border-radius: 4rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.zhuanti03 .right .list li:hover a {
		color: #fff;
		background-color: #3b3d42;
	}
}

.zhuanti03 .right .list .active a {
	color: #fff;
	background-color: #3b3d42;
}

.zhuanti04 {
	position: relative;
}

.zhuanti04 .hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 74rem;
}

.zhuanti04 .hover .bt {
	text-align: center;
	font-size: 41rem;
	font-style: italic;
	letter-spacing: -2rem;
	margin-bottom: 130rem;
	color: #ffffff;
}

.zhuanti04 .hover .p {
	font-size: 20rem;
	line-height: 72rem;
	padding-left: 109rem;
	color: #ffffff;
}

.zhuanti04 .hover .p span {
	font-size: 28rem;
	font-weight: bold;
	color: #02e4e3;
}

.zhuanti05 {
	padding: 67rem 0;
}

.zhuanti05 .zhuanti-title {
	text-align: center;
	font-size: 42rem;
	color: #000000;
	margin-bottom: 42rem;
}

.zhuanti05 .img1 {
	display: none;
}

.zhuanti05 .img {
	width: 1336px;
	height: 755px;
	left: 50%;
	margin-left: -650px;
	float: left;
	position: relative;
}

.zhuanti05 .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.zhuanti05 .img .globalMap {
	width: 100%;
	height: 755px;
	position: relative;
	z-index: 4;
}

.zhuanti05 .img .area {
	position: absolute;
	width: 80px;
	height: 80px;
	-webkit-transition: transform 2s linear;
	-webkit-transition: -webkit-transform 2s linear;
	transition: -webkit-transform 2s linear;
	-o-transition: transform 2s linear;
	transition: transform 2s linear;
	transition: transform 2s linear, -webkit-transform 2s linear;
}

.zhuanti05 .img .area .name {
	position: absolute;
	z-index: 9;
	top: 30px;
	left: 50px;
	font-size: 12px;
	cursor: initial;
}

.zhuanti05 .img .area .name:hover {
	color: #333333;
}

.zhuanti05 .img .area .dot {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 8px;
	height: 8px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	background-clip: padding-box;
	line-height: 23px;
	color: transparent;
	font-size: 9px;
	background: #000;
}

.zhuanti05 .img .area .circle {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
}

.zhuanti05 .img .area .circle:nth-child(2) {
	display: none;
}

.zhuanti05 .img .area .circle:after {
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
	width: 28px;
	height: 28px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.zhuanti05 .scale {
	-webkit-transform: scale(2);
	transform: scale(2);
}

.zhuanti05 .img .area .circle:before {
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	background-color: rgba(0, 0, 0, 0.36);
	width: 18px;
	height: 18px;
	margin-top: -9px;
	margin-left: -9px;
	z-index: 3;
}

.zhuanti05 .img .area .circle-shadow:after {
	box-shadow: inset 0 0 5em rgba(0, 84, 166, 0.16);
}

.zhuanti05 .img .meixi {
	top: 120px;
	left: 140px;
}

.zhuanti05 .img .m01 {
	top: 19.8%;
	left: 6.3%;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.zhuanti05 .img .m02 {
	top: 16.4%;
	left: 8.8%;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.zhuanti05 .img .m03 {
	top: 17%;
	left: 14%;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.zhuanti05 .img .m04 {
	top: 11.5%;
	left: 15.7%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.zhuanti05 .img .m05 {
	top: 14.5%;
	left: 19.2%;
	-webkit-animation-delay: 51s;
	animation-delay: 5s;
}

.zhuanti05 .img .m06 {
	top: 23.7%;
	left: 16.4%;
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}

.zhuanti05 .img .m07 {
	top: 20.1%;
	left: 11.2%;
	-webkit-animation-delay: 71s;
	animation-delay: 7s;
}

.zhuanti05 .img .m08 {
	top: 27.6%;
	left: 5.8%;
	-webkit-animation-delay: 8s;
	animation-delay: 8s;
}

.zhuanti05 .img .m09 {
	top: 34%;
	left: 10%;
	-webkit-animation-delay: 9s;
	animation-delay: 9s;
}

.zhuanti05 .img .m10 {
	top: 26%;
	left: 14%;
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

.zhuanti05 .img .m11 {
	top: 32%;
	left: 21.5%;
}

.zhuanti05 .img .m12 {
	top: 39%;
	left: 24%;
}

.zhuanti05 .img .m13 {
	top: 32%;
	left: 42.2%;
}

.zhuanti05 .img .m14 {
	top: 37%;
	left: 28.5%;
}

.zhuanti05 .img .m15 {
	top: 42%;
	left: 6%;
}

.zhuanti05 .img .m16 {
	top: 41%;
	left: 30.3%;
}

.zhuanti05 .img .m17 {
	top: 21%;
	right: 23%;
}

.zhuanti05 .img .m18 {
	top: 44%;
	left: 32%;
}

.zhuanti05 .img .m19 {
	top: 31.5%;
	left: 36.5%;
	-webkit-animation-delay: 11s;
	animation-delay: 11s;
}

.zhuanti05 .img .m19 .dot {
	background: #dfa01b;
}

.zhuanti05 .img .m19 .circle:after {
	background: rgba(223, 160, 27, 0.2);
}

.zhuanti05 .img .m19 .circle:before {
	background-color: rgba(223, 160, 27, 0.36);
}

.zhuanti05 .img .m20 {
	top: 44%;
	left: 36%;
}

.zhuanti05 .img .m21 {
	top: 48.5%;
	left: 36.5%;
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}

.zhuanti05 .img .m22 {
	top: 52.5%;
	left: 34%;
	-webkit-animation-delay: 13s;
	animation-delay: 13s;
}

.zhuanti05 .img .m23 {
	top: 58.5%;
	left: 33%;
	-webkit-animation-delay: 14s;
	animation-delay: 14s;
}

.zhuanti05 .img .m24 {
	top: 55.5%;
	left: 38%;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
}

.zhuanti05 .img .m25 {
	top: 41%;
	right: 10%;
	-webkit-animation-delay: 16s;
	animation-delay: 16s;
}

.zhuanti05 .img .m26 {
	top: 51%;
	right: 7%;
}

.zhuanti05 .img .m27 {
	top: 52%;
	right: 4%;
	-webkit-animation-delay: 17s;
	animation-delay: 17s;
}

.zhuanti05 .img .m28 {
	top: 59%;
	right: 4%;
}

.zhuanti05 .img .m29 {
	top: 58%;
	right: 0.5%;
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}

.zhuanti05 .img .m30 {
	top: 66%;
	right: 6%;
	-webkit-animation-delay: 19s;
	animation-delay: 19s;
}

.zhuanti05 .text {
	float: right;
	width: 380px;
	text-align: left;
	padding-top: 56px;
}

.zhuanti05 .text ul li {
	position: relative;
	padding-left: 55px;
	font-size: 15px;
	margin-bottom: 28px;
	color: #333333;
}

svg {
	position: relative;
	z-index: 1;
}

.map-lines {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	fill: none;
	width: 100%;
	height: 100%;
	-webkit-stroke: #333;
	-moz-stroke: #333;
	-ms-stroke: #333;
	-o-stroke: #333;
	stroke: #333;
	-webkit-stroke-width: 0.6px;
	-moz-stroke-width: 0.6px;
	-ms-stroke-width: 0.6px;
	-o-stroke-width: 0.6px;
	stroke-width: 0.6px;
}

svg:not(:root) {
	overflow: hidden;
}

.map-line {
	stroke-dashoffset: 700px;
	stroke-dasharray: 700px;
	animation: animation-line 10.04s ease-in;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

.is-ie .map-line {
	stroke-dashoffset: 0 !important;
	animation-name: animation-line-fallback;
}

.map-line--1 {
	animation-delay: 0.86s;
}

.map-line--2 {
	animation-delay: 1.22s;
}

.map-line--3 {
	animation-delay: 1.58s;
}

.map-line--4 {
	animation-delay: 1.94s;
}

.map-line--5 {
	animation-delay: 2.3s;
}

.map-line--6 {
	animation-delay: 2.66s;
}

.is-ie .map-dot {
	stroke-dashoffset: 0 !important;
	animation-name: animation-line-fallback-box;
}

@keyframes animation-line-fallback-box {
	0% {
		opacity: 1;
	}

	14.28571% {
		opacity: 1;
	}

	61.42857% {
		opacity: 1;
	}

	85.71429% {
		opacity: 0;
	}

	to {
		opacity: 0.5;
	}
}

@-webkit-keyframes animation-line-fallback-box {
	0% {
		-webkit-opacity: 1;
	}

	14.28571% {
		-webkit-opacity: 1;
	}

	61.42857% {
		-webkit-opacity: 1;
	}

	85.71429% {
		-webkit-opacity: 0;
	}

	to {
		-webkit-opacity: 0.5;
	}
}

@-moz-keyframes animation-line-fallback-box {
	0% {
		-moz-opacity: 1;
	}

	14.28571% {
		-moz-opacity: 1;
	}

	61.42857% {
		-moz-opacity: 1;
	}

	85.71429% {
		-moz-opacity: 0;
	}

	to {
		-moz-opacity: 0.5;
	}
}

@-o-keyframes animation-line-fallback-box {
	0% {
		-o-opacity: 1;
	}

	14.28571% {
		-o-opacity: 1;
	}

	61.42857% {
		-o-opacity: 1;
	}

	85.71429% {
		-o-opacity: 0;
	}

	to {
		-o-opacity: 0.5;
	}
}

@keyframes animation-line-fallback {
	0% {
		opacity: 0;
	}

	14.28571% {
		opacity: 1;
	}

	26.42857% {
		opacity: 1;
	}

	40.71429% {
		opacity: 0;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes animation-line-fallback {
	0% {
		-webkit-opacity: 0;
	}

	14.28571% {
		-webkit-opacity: 1;
	}

	26.42857% {
		-webkit-opacity: 1;
	}

	40.71429% {
		-webkit-opacity: 0;
	}

	to {
		-webkit-opacity: 0;
	}
}

@-moz-keyframes animation-line-fallback {
	0% {
		-moz-opacity: 0;
	}

	14.28571% {
		-moz-opacity: 1;
	}

	26.42857% {
		-moz-opacity: 1;
	}

	40.71429% {
		-moz-opacity: 0;
	}

	to {
		-moz-opacity: 0;
	}
}

@-o-keyframes animation-line-fallback {
	0% {
		-o-opacity: 0;
	}

	14.28571% {
		-o-opacity: 1;
	}

	26.42857% {
		-o-opacity: 1;
	}

	40.71429% {
		-o-opacity: 0;
	}

	to {
		-o-opacity: 0;
	}
}

@keyframes animation-line {
	0% {
		stroke-dashoffset: 700px;
	}

	14.28571% {
		stroke-dashoffset: 0;
	}

	61.42857% {
		stroke-dashoffset: 0;
	}

	85.71429% {
		stroke-dashoffset: -700px;
	}

	to {
		stroke-dashoffset: -700px;
	}
}

@-webkit-keyframes animation-line {
	0% {
		-webkit-stroke-dashoffset: 700px;
	}

	14.28571% {
		-webkit-stroke-dashoffset: 0;
	}

	61.42857% {
		-webkit-stroke-dashoffset: 0;
	}

	85.71429% {
		-webkit-stroke-dashoffset: -700px;
	}

	to {
		-webkit-stroke-dashoffset: -700px;
	}
}

@-moz-keyframes animation-line {
	0% {
		-moz-stroke-dashoffset: 700px;
	}

	14.28571% {
		-moz-stroke-dashoffset: 0;
	}

	61.42857% {
		-moz-stroke-dashoffset: 0;
	}

	85.71429% {
		-moz-stroke-dashoffset: -700px;
	}

	to {
		-moz-stroke-dashoffset: -700px;
	}
}

@-o-keyframes animation-line {
	0% {
		-o-stroke-dashoffset: 700px;
	}

	14.28571% {
		-o-stroke-dashoffset: 0;
	}

	61.42857% {
		-o-stroke-dashoffset: 0;
	}

	85.71429% {
		-o-stroke-dashoffset: -700px;
	}

	to {
		-o-stroke-dashoffset: -700px;
	}
}

@keyframes animation-linea {
	0% {
		stroke-dashoffset: -700px;
	}

	14.28571% {
		stroke-dashoffset: 0;
	}

	61.42857% {
		stroke-dashoffset: 0;
	}

	85.71429% {
		stroke-dashoffset: 700px;
	}

	to {
		stroke-dashoffset: 700px;
	}
}

@-webkit-keyframes animation-linea {
	0% {
		-webkit-stroke-dashoffset: -700px;
	}

	14.28571% {
		-webkit-stroke-dashoffset: 0;
	}

	61.42857% {
		-webkit-stroke-dashoffset: 0;
	}

	85.71429% {
		-webkit-stroke-dashoffset: 700px;
	}

	to {
		-webkit-stroke-dashoffset: 700px;
	}
}

@-moz-keyframes animation-linea {
	0% {
		-moz-stroke-dashoffset: -700px;
	}

	14.28571% {
		-moz-stroke-dashoffset: 0;
	}

	61.42857% {
		-moz-stroke-dashoffset: 0;
	}

	85.71429% {
		-moz-stroke-dashoffset: 700px;
	}

	to {
		-moz-stroke-dashoffset: 700px;
	}
}

@-o-keyframes animation-linea {
	0% {
		-o-stroke-dashoffset: -700px;
	}

	14.28571% {
		-o-stroke-dashoffset: 0;
	}

	61.42857% {
		-o-stroke-dashoffset: 0;
	}

	85.71429% {
		-o-stroke-dashoffset: 700px;
	}

	to {
		-o-stroke-dashoffset: 700px;
	}
}

.contact {
	margin-top: 90rem;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 1px solid #e6e6e6;
}

.contact .left {
	float: left;
	width: 19.4%;
	padding: 8rem 17rem;
}

.contact .left .select {
	background: url(../images/p1.png) no-repeat center left;
	background-size: 15rem;
	padding-left: 25rem;
	margin-bottom: 15rem;
}

.contact .left .select select {
	height: 40rem;
	font-size: 16rem;
	color: #666666;
	width: 100%;
	border: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff url(../images/arrow1.png) no-repeat scroll 95% center;
	background-size: 17rem;
	background: #ffffff\9\0;
}

.contact .left .select select::-ms-expand {
	display: none;
}

.contact .left .search {
	position: relative;
}

.contact .left .search input {
	height: 40rem;
	background: none;
	border: 1px solid #e6e6e6;
	width: 100%;
	font-size: 16rem;
	padding: 0 40rem 0 10rem;
}

.contact .left .search a {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	display: block;
	width: 38rem;
	height: 38rem;
	background: url(../images/search.png) no-repeat center center;
	background-size: 16rem;
}

.contact .left .list {
	padding-top: 36rem;
}

.contact .left .list h1 {
	font-size: 16rem;
}

.contact .left .result-list {
	clear: both;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 500rem;
	padding-top: 18rem;
}

.contact .left .result-list dl {
	padding: 2rem 40rem 15rem;
	position: relative;
	cursor: pointer;
}

.contact .left .result-list dl span {
	background: url(../images/charging-dealer-gray.png) no-repeat top center;
	background-size: 100%;
	width: 24rem;
	height: 47rem;
	line-height: 26rem;
	text-align: center;
	color: #5d5d5d;
	font-weight: 700;
	text-indent: -1rem;
	position: absolute;
	left: 0;
	top: 0;
}

@media (min-width: 1025px) {
	.contact .left .result-list dl:hover dt {
		color: #000;
		font-weight: bold;
	}
}

.contact .left .result-list .active dt {
	color: #000;
	font-weight: bold;
}

.contact .left .apply-dealer {
	font-size: 15rem;
	font-weight: 700;
	background: url(../images/right.png) no-repeat center left;
	padding-left: 20rem;
	background-size: 8rem;
}

.contact .left .apply-dealer a {
	line-height: 30rem;
	display: block;
}

.contact .left .apply-dealer a:hover {
	color: #333;
}

.contact .right {
	width: 80.6%;
	float: left;
	margin-top:50rem;
}

.app-p {
	margin-top: 45rem;
	font-size: 16rem;
	line-height: 30rem;
	color: #333;
	font-weight: lighter;
}

.app-p h1 {
	font-size: 25rem;
	color: #333;
	margin-bottom: 20rem;
}

.clist {
	padding-top: 24rem;
}

.clist ul li {
	float: left;
	margin-right: 25rem;
	width: 294rem;
	height: 175rem;
	padding: 43rem 20rem 20rem 20rem;
	background-color: #f2f2f2;
	text-align: center;
}

.clist ul li .pic {
	width: 40rem;
	margin: 0 auto;
}

.clist ul li .bt {
	font-size: 16rem;
	color: #777777;
}

.clist ul li .p {
	font-size: 16rem;
	color: #444444;
}

.clist ul li .p a {
	color: #444444;
}

.clist ul li:nth-last-child(1) {
	margin-right: 0;
}

#allmap,
#allmap2 {
	width: 100%;
	height: 600rem;
	background-color: #f3f9ff;
}

#allmap img,
#allmap2 img {
	max-width: initial;
	max-height: inherit;
}

#allmap .anchorBL,
#allmap2 .anchorBL {
	display: none;
}

.float {
	position: fixed;
	bottom: 150px;
	right: 5px;
	z-index: 200;
}

.float2 {

	bottom: 100px;

}

.float ul li {
	width: 56px;
	height: 56px;
	padding-top: 5px;
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
	position: relative;
	background: rgba(229, 229, 229, 0.92);
	border: 1px solid #c2c1c1;
}

.float ul li:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.float ul li:nth-last-child(2) {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-bottom: 10px;
}

.float ul li:nth-last-child(1) {
	padding: 0;
}

.float ul li:nth-last-child(1) .pic {
	height: 56px;
}

.float ul li .pic {
	height: 30px;
	/*filter: Gray;
  -webkit-filter: grayscale(100%);*/
}

.float ul li .bt {
	color: #999999;
}

.float ul li .hover {
	position: absolute;
	top: 0;
	right: 61px;
	width: 135px;
	display: none;
	padding: 7px;
	background: #fff;
	border: 1px solid #c2c1c1;
}

.float ul li .hover1 {
	position: absolute;
	top: 50%;
	right: 61px;
	width: 135px;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #c2c1c1;
	display: none;
	line-height: 42px;
	transform: translateY(-50%);
	background: #fff;
}

.float ul li .hover1 a {
	color: #232323;
}

.float ul li:hover .pic {
	filter: none;
	-webkit-filter: grayscale(0%);
}

.float ul li:hover .bt {
	text-decoration: underline;
}

.float ul li:hover .hover {
	display: block;
}

.float ul li:hover .hover1 {
	display: block;
}

@media (max-width: 1600px) {
	.zhuanti05 .img {
		transform: scale(0.9);
	}
}

@media (max-width: 1280px) {
	.nav {
		margin-right: 140rem !important;
	}

	.container {
		width: 1200px !important;
		padding: 0 10px !important;
	}

	/* .header .logo a img { */
		/* width: 141px; */
	/* } */

	.home-brand .home-bottom {
		text-align: center;
	}

	.home-brand .home-bottom ul {
		display: inline-block;
	}

	.after .gg {
		padding-top: 84rem !important;
	}

	.zhuanti02 .container {
		padding: 53rem 10px 67rem 10px !important;
	}

	.zhuanti05 .img {
		transform: scale(0.8);
		margin-top: -60rem;
	}

	.zhuanti05 {
		padding: 67rem 0 0 0;
	}

	.float {
		bottom: 20px;
		transform: scale(0.7);
	}
	.float2 {
		bottom: 10px;

	}	
}

@media (max-width: 1200px) {
	.section {
		height: auto;
	}

	.header {
		background-color: #fff;
	}

	.banner .img {
		height: 596px;
	}

	.banner01 .img {
		height: 596px;
	}

	.bg {
		padding-top: 596px;
	}
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url(../font/Montserrat-Regular.otf);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Light';
	src: url('../font/Roboto-Light.woff2') format('woff2'), url('../font/Roboto-Light.woff') format('woff'), url('../font/Roboto-Light.ttf') format('truetype'), url('../font/Roboto-Light.eot') format('embedded-opentype'), url('../font/Roboto-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../font/Roboto-Bold.woff2') format('woff2'), url('../font/Roboto-Bold.woff') format('woff'), url('../font/Roboto-Bold.ttf') format('truetype'), url('../font/Roboto-Bold.eot') format('embedded-opentype'), url('../font/Roboto-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fp-slide {
	float: left;
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

#section-footer .fp-tableCell {
	display: block;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38px;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
	overflow: hidden;
	position: relative;
}

.fp-scroller {
	overflow: hidden;
}

.iScrollIndicator {
	border: 0 !important;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 55%;
	opacity: 1;
	width: 50px;
	-webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
	right: 70px;
}

#fp-nav.left {
	left: 17px;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important;
}

.fp-slidesNav.bottom {
	bottom: 17px;
}

.fp-slidesNav.top {
	top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 50px;
	height: 30px;
	text-align: center;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#fp-nav ul li a:before,
.fp-slidesNav ul li a:before {
	content: '';
	width: 0;
	height: 1px;
	left: 50%;
	bottom: 5px;
	display: none;
	background: #fff;
	position: absolute;
	transition: all 334ms ease;
	-webkit-transition: all 334ms ease;
}

#fp-nav ul li a.active:before,
#fp-nav ul li:hover a.active:before,
.fp-slidesNav ul li a.active:before,
.fp-slidesNav ul li:hover a:before {
	width: 20px;
	left: 24px;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: #fff;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	position: absolute;
	z-index: 1;
	border: 0;
	color: #fff;
	font-size: 0;
	font-family: arial;
	width: 12px;
	height: 12px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border: solid 2px #fff;
	border-radius: 100%;
}

#fp-nav ul li:last-child {
	display: none;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	background: #fff;
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
	height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto !important;
}

.slick-slider {
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: 0;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:after,
.slick-track:before {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-next,
.slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: 0;
	background: 0 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: transparent;
	outline: 0;
	background: 0 0;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
	opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
	opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	opacity: 0.75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}

[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}

.slick-prev:before {
	content: '←';
}

[dir='rtl'] .slick-prev:before {
	content: '→';
}

.slick-next {
	right: -25px;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}

.slick-next:before {
	content: '→';
}

[dir='rtl'] .slick-next:before {
	content: '←';
}

.slick-dots {
	position: absolute;
	bottom: 46px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 20px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: 0;
	background: 0 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	content: '';
	text-align: center;
	color: #000;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	background: #fff;
	border: 1px solid #fff;
	color: #000;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

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

@-webkit-keyframes bounce {

	0%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-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%,
	100%,
	20%,
	53%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40%,
	43% {
		-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transition-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;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

@keyframes flash {

	0%,
	100%,
	50% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes shake {

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

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {

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

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes bounceIn {

	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

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

@-webkit-keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

@keyframes bounceInDown {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

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

@-webkit-keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

@keyframes bounceInLeft {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

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

@-webkit-keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

@keyframes bounceInRight {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

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

@-webkit-keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

@keyframes bounceInUp {

	0%,
	100%,
	60%,
	75%,
	90% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transition-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);
	}

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

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

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(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);
	}

	100% {
		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);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
}

@-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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		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);
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

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

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

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

@keyframes fadeOutDown {
	0% {
		opacity: 1;
	}

	100% {
		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;
	}

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

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
	}

	100% {
		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;
	}

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

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
	}

	100% {
		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;
	}

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

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
	}

	100% {
		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;
	}

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

@keyframes fadeOutRight {
	0% {
		opacity: 1;
	}

	100% {
		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;
	}

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

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
	}

	100% {
		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;
	}

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

@keyframes fadeOutUp {
	0% {
		opacity: 1;
	}

	100% {
		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;
	}

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

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
	}

	100% {
		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) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

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

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

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

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

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

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

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	100% {
		-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) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

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

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

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

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

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-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) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

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

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

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

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

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
}

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

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

@-webkit-keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

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

@keyframes lightSpeedOut {
	0% {
		opacity: 1;
	}

	100% {
		-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: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}

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

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

	100% {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		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: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		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: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		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: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: none;
		transform: none;
		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: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

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

@keyframes hinge {
	0% {
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 80deg);
		transform: rotate3d(0, 0, 1, 80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40%,
	80% {
		-webkit-transform: rotate3d(0, 0, 1, 60deg);
		transform: rotate3d(0, 0, 1, 60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

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

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

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

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

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
	}

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

@keyframes rollOut {
	0% {
		opacity: 1;
	}

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

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

@-webkit-keyframes zoomIn {
	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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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);
	}

	100% {
		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: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

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

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

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

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

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

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

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

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

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

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

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

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

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

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

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

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

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

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

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}
}

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

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

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

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
}

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

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}

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

@keyframes fadeInLeft2 {
	0% {
		opacity: 0;
		transform: translate3d(-70px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInLeft2 {
	animation-name: fadeInLeft2;
}

@keyframes fadeInRight2 {
	0% {
		opacity: 0;
		transform: translate3d(70px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInRight2 {
	animation-name: fadeInRight2;
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 70px, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInUp2 {
	animation-name: fadeInUp2;
}

@keyframes fadeInDown2 {
	0% {
		opacity: 0;
		transform: translate3d(0, -70px, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInDown2 {
	animation-name: fadeInDown2;
}

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

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

.pulsed {
	animation-name: pulsed;
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.1, 0.1);
		transform: scale(0.1, 0.1);
	}

	5% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes mymove {
	0% {
		transform: scale(0.3);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes mymove {
	0% {
		transform: scale(0.3);
	}

	100% {
		transform: scale(1);
	}
}

.logotit {
    position: relative;
    font-size: 20rem;
    color: #F7D50E;
    width: 60%;
    display: block;
    float: left;
	width: 140rem;
	line-height:2;
	display:none;
}