/* your styles go here */
body {
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
	font-family: Arial, "Microsoft Yahei", Helvetica, '宋体', sans-serif;
}
#page1 .icon {
	border: none;
}
#page1 .content {
	height: 100%;
	margin-top: 0;
}
#myCarousel h1 {
	position: absolute;
	left: 0;
	top: 0;
	display: table-cell;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 20;
	background-color: rgba(35,79,114,0.5);
	margin: 0;
	padding: 0;
}
#myCarousel h1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	margin: -50px 0 0 -133.5px;
}
#section0 .icon {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -12px;
	width: 24px;
	height: 38px;
	z-index: 21;
	background: url(../img/img-mouse-ea.png) no-repeat center center;
}
.carousel, .item, .active {
	height: 100%;
}
.carousel-inner {
	height: 100%;
}
.fp-viewing-home-0 #section1, .fp-viewing-home-0 #section2, .fp-viewing-home-0 #section3, .fp-viewing-home-0 #section4, .fp-viewing-home-0 #section5 {
	opacity: 0
}
.fp-viewing-brand #section1 {
	opacity: 1
}
/* Background images are set within the HTML using inline CSS, not here */

.fill {
	width: 100%;
	height: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.round-white-top {
	border-top: 10px solid #fff;
	width: 100%;
	position: fixed;
	z-index: 21;
	left: 0;
	top: 0;
}
.round-white-left {
	border-left: 10px solid #fff;
	height: 100%;
	position: fixed;
	z-index: 21;
	left: 0;
	top: 0;
}
.round-white-right {
	border-right: 10px solid #fff;
	height: 100%;
	position: fixed;
	z-index: 21;
	right: 0;
	top: 0;
}
.round-white-bottom {
	border-bottom: 10px solid #fff;
	width: 100%;
	position: fixed;
	z-index: 21;
	left: 0;
	bottom: 0;
}
#page5, #section4 {
	background: url(../img/ea-map.jpg) center center no-repeat;
	background-size: 100% auto;
}
/*Menu*/

.drawer {
	position: absolute;
	z-index: 10;
	top: 10px;
	left: 10px;
	height: auto;
	padding: .4em 0;
	background: #7D294E;
	color: white;
	text-align: center;
	/* Remove 4px gap between <li> */
	font-size: 0;
	margin-bottom: 0;
}
.drawer li {
	pointer-events: none;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	line-height: 100%;
	transform: translateZ(0);
}
.drawer a {
	pointer-events: auto;
	position: relative;
	display: block;
	min-width: 5em;
	margin-bottom: 0;
	line-height: 100%;
	/* Reset font-size */
	font-size: 14px;
	text-decoration: none;
	color: white;
	transition: background 0.3s;
}
.drawer i {
	display: block;
	margin-bottom: .2em;
	font-size: 2em;
}
.drawer span {
	font-size: .625em;
	font-family: Raleway;
	text-transform: uppercase;
}
.drawer li:hover ul {
	/* Open the fly-out menu */
	transform: translateX(0);
	background: #B44659;/* Enable this if you wish to replicate hoverIntent */
}
.drawer > li {
	display: block;/* Add a shadow to the top-level link *//* Show the shadow when the link is hovered over *//* Fly out menus */
}
.drawer > li > a {
	background: #7D294E;
}
.drawer > li:hover {
	z-index: 100;
}
.drawer > li:hover a {
	background: #B44659;
}
.drawer > li a:hover {
	background: #F56356;
}
.drawer > li > a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 4px;
	opacity: 0;
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, transparent));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
	background: -o-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1 );
	transition: opacity 0.5s;
}
.drawer > li:hover a:after {
	opacity: 1;
}
.drawer > li ul {
	position: absolute;
	/* Stack below the top level */
	z-index: -1;
	top: 0;
	left: 100%;
	height: 100%;
	width: auto;
	white-space: nowrap;
	/* Close the menus */
	transform: translateX(-100%);
	background: #B44659;
	transition: 0.5s transform;
}

@media (min-width: 1200px) {
.container {
	width: 100%;
}
}
/* 20160414 Fullpage */
#menu li {
	display: inline-block;
	margin: 10px;
	color: #000;
	background: #fff;
	background: rgba(255,255,255, 0.5);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#menu li.active {
	background: #666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}
#menu li a {
	text-decoration: none;
	color: #000;
}
#menu li.active a:hover {
	color: #000;
}
#menu li:hover {
	background: rgba(255,255,255, 0.8);
}
#menu li a, #menu li.active a {
	padding: 9px 18px;
	display: block;
}
#menu li.active a {
	color: #fff;
}
#menu {
	position: fixed;
	top: 0;
	left: 0;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin: 0;
}
.ea-text {
	float: left;
	left: 15.6747%;
	width: 32.7575%;
	color: #555;
	line-height: 1.8;
}
.ea-img {
	float: right;
	width: 42.7224%;
	right: 5.8927%;
	text-align: right;
}
#section4 .fp-tableCell .intro, #section4 .fp-tableCell .intro .row {
	height: 100%!important;
	display: block;
}
.ea-contact {
	background-color: rgba(3,85,156,0.9);
	height: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
}
.ea-contact-text {
	float: left;
	left: 31.6037%;
	width: 60%;
}
.ea-copyright {
	position: fixed;
	z-index: 3;
	bottom: 20px;
	right: 20px;
	width: 100%;
	display: block;
	font-size: 90%;
	text-align: right;
}
.ea-copyright p {
	padding: 0 20px;
	display: block;
}
.ea-copyright a {
	color: #333333;
}
.fp-viewing-home-0 .ea-copyright a, .fp-viewing-home-0 .ea-copyright {
	color: #fff;
}
.gongan{
	margin:-5px 5px 0 10px;
}
#section5 .fp-tableCell, #section5 .fp-tableCell .intro, #section5 .fp-tableCell .intro .row, #section5 .fp-tableCell .intro .col-md-12 {
	height: 100%!important;
	display: block;
}
#section5 {
	background-color: #efefef;
}
.ea-company-img {
	top: 0;
	margin: 0;
	padding: 0;
}
.ea-company-img img {
	width: 100%;
}
.ea-company-table {
	width: auto;
	margin: 50px 0 0;
	padding-left: 10%;
}
.ea-company-table td, .ea-company-table th {
	padding: 0 0 0 0;
	vertical-align: top;
	line-height: 2;
}
.ea-company-table th {
	padding-right: 40px;
	white-space: nowrap;
}
.company-box {
	width: 70%;
	left: 15%;
}
.company-box-l, .company-box-r {
	width: 50%;
	float: left;
}
.company-box-l {
	padding-right: 50px;
}
.company-box-l table {
	float: right;
}
.company-box-r {
	padding-left: 50px;
}
.company-box-r table {
	float: left;
}
/* Global menu */
.global-menu {
	background-color: rgba(0,0,0,0.30);
	position: absolute;
	left: -500px;
	top: 0;
	height: 0;
	width: 0;
	z-index: 5;
	opacity: 0;
	-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
	transition: all 0.5s;
}
.global-menu.opne {
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 1;
}
.global-menu-bg {
	width: 375px;
	height: 100%;
	background-color: rgba(3,85,156,1.00);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.global-btn-box {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 94px;
	width: 94px;
	z-index: 4;
}
.global-menu-box {
	position: absolute;
	left: 0;
	top: 40px;
	height: 100%;
	width: 100%;
	z-index: 6;
}
.btn-menu a {
	background-image: url(../img/img-menu.jpg);
	display: block;
	float: left;
	height: 94px;
	width: 94px;
}
.logo {
	width: 220px;
	padding-left: 20px;
	text-align: center;
	float: left;
}
.logo img {
	width: auto;
}
.btn-close-menu {
	width: 40px;
	margin: 5px 2% 0 0;
	text-align: center;
	float: left;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: inline-block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
	width: 65%;
}
.sf-menu ul {
	width: 100%;
	text-align: center;/*min-width: 12em;  allow long menu items to determine submenu width *//**width: 12em;  no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	font-size: 18px;
	padding: 0 1em .75em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: #fff;
}
.sf-menu ul li a, .sf-menu ul li li a {
	font-size: 14px;
	padding: .75em 1em;
}
.sf-menu li {
	margin: 0;
	width: 25%;
	text-align: center;
}
.sf-menu ul li {
	margin: 0 auto;
	width: auto;
}
.sf-menu ul ul li {
	width: auto;
}
.sf-menu li:hover, .sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
.current a, .sf-menu li a:hover, .sf-menu li.sfHover a {
	border-bottom: 5px solid #fff;
}
.current li a, .sf-menu li li a:hover, .sf-menu li.sfHover li a {
	border-bottom: 1px solid #fff;
}
.current li li a, .sf-menu li li li a:hover, .sf-menu li.sfHover li li a {
	border: none;
}
.case a em, .case a:hover span {
	display: block;
	font-style: normal;
}
.case a span, .case a:hover em {
	display: none;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
 *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
/* ==============   jquery.fullPage.css  */
/*!
 * fullPage 2.7.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled, .fp-enabled body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	/*Avoid flicker on slides transitions for mobile phones #336 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
	height: 100%;
	position: relative;
	/* Touch detection for Windows 8 */
	-ms-touch-action: none;
	/* IE 11 on Windows Phone 8.1*/
	touch-action: none;
}
.fp-section {
	position: relative;
	-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
	-moz-box-sizing: border-box; /* <=28 */
	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; /* Safari<=6 Android<=4.3 */
	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%;
}
.fp-slidesContainer {
	float: left;
	position: relative;
}
.fp-controlArrow {
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
	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: scroll;
}
.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}
#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
	right: 17px;
}
#fp-nav.left {
	left: 17px;
}
.fp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1;
}
.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: 14px;
	height: 13px;
	margin: 30px 7px;
	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.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	height: 12px;
	width: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 100%;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	display: none;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	height: 4px;
	width: 4px;
	border: 0;
	background: #333;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 -2px;
	-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;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
	width: 10px;
	height: 10px;
	margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -6px;
	color: #fff;
	font-size: 14px;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0.6;
	width: 55px;
	height: 24px;
	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: 55px;
	height: 24px;
	opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
	height: auto !important;
}
#fp-nav ul li .fp-tooltip {
	opacity: 0.6;
	width: 55px;
	height: 24px;
	background-image: url(../img/bar.png);
	background-repeat: no-repeat;
	text-indent: -99999px;
}
#fp-nav ul li:hover .fp-tooltip {
	background-image: url(../img/bar.png);
	background-repeat: no-repeat;
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
.fp-viewing-brand #fp-nav ul li .fp-tooltip, .fp-viewing-brand #fp-nav ul li:hover .fp-tooltip, .fp-viewing-design #fp-nav ul li .fp-tooltip, .fp-viewing-design #fp-nav ul li:hover .fp-tooltip, .fp-viewing-pr #fp-nav ul li .fp-tooltip, .fp-viewing-pr #fp-nav ul li:hover .fp-tooltip, .fp-viewing-company #fp-nav ul li .fp-tooltip, .fp-viewing-company #fp-nav ul li:hover .fp-tooltip {
	background-image: url(../img/bar-black.png);
}
#fp-nav ul li.home .fp-tooltip {
	background-position: 0 0;
}
#fp-nav ul li.home:hover .fp-tooltip, .fp-viewing-home-0 #fp-nav ul li.home .fp-tooltip {
	background-position: -55px 0;
	opacity: 1;
}
#fp-nav ul li.brand .fp-tooltip {
	background-position: 0 -59px;
}
#fp-nav ul li.brand:hover .fp-tooltip, .fp-viewing-brand #fp-nav ul li.brand .fp-tooltip {
	background-position: -55px -59px;
	opacity: 1;
}
#fp-nav ul li.design .fp-tooltip {
	background-position: 0 -118px;
}
#fp-nav ul li.design:hover .fp-tooltip, .fp-viewing-design #fp-nav ul li.design .fp-tooltip {
	background-position: -55px -118px;
	opacity: 1;
}
#fp-nav ul li.pr .fp-tooltip {
	background-position: 0 -178px;
}
#fp-nav ul li.pr:hover .fp-tooltip, .fp-viewing-pr #fp-nav ul li.pr .fp-tooltip {
	background-position: -55px -178px;
	opacity: 1;
}
#fp-nav ul li.contact .fp-tooltip {
	background-position: 0 -238px;
}
#fp-nav ul li.contact:hover .fp-tooltip, .fp-viewing-contact #fp-nav ul li.contact .fp-tooltip {
	background-position: -55px -238px;
	opacity: 1;
}
#fp-nav ul li.company .fp-tooltip {
	background-position: 0 -298px;
}
#fp-nav ul li.company:hover .fp-tooltip, .fp-viewing-company #fp-nav ul li.company .fp-tooltip {
	background-position: -55px -298px;
	opacity: 1;
}
/*==========================fakeLoader.css   */

/**********************
 *CSS Animations by:
 *http://codepen.io/vivinantony
***********************/
html, body {
	overflow: hidden;
}
#fakeloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	display: block;
	background-color: rgb(3, 85, 156);
}
.spinner1 {
	width: 40px;
	height: 40px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
}
.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
 @-webkit-keyframes bounce {
 0%, 100% {
-webkit-transform: scale(0.0)
}
 50% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bounce {
 0%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
50% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
.spinner2 {
	width: 40px;
	height: 40px;
	position: relative;
}
.container1 > div, .container2 > div, .container3 > div {
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.spinner2 .spinner-container {
	position: absolute;
	width: 100%;
	height: 100%;
}
.container2 {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.container3 {
	-webkit-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
}
.circle1 {
	top: 0;
	left: 0;
}
.circle2 {
	top: 0;
	right: 0;
}
.circle3 {
	right: 0;
	bottom: 0;
}
.circle4 {
	left: 0;
	bottom: 0;
}
.container2 .circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.container3 .circle1 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.container1 .circle2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.container2 .circle2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.container3 .circle2 {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}
.container1 .circle3 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.container2 .circle3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.container3 .circle3 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.container1 .circle4 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
.container2 .circle4 {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}
.container3 .circle4 {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}
 @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
.spinner3 {
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-animation: rotate 2.0s infinite linear;
	animation: rotate 2.0s infinite linear;
}
.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}
.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
 @-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
}
 @-webkit-keyframes bounce {
 0%, 100% {
-webkit-transform: scale(0.0)
}
 50% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bounce {
 0%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
50% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}
.spinner4 {
	width: 30px;
	height: 30px;
	background-color: #fff;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}
 @-webkit-keyframes rotateplane {
 0% {
-webkit-transform: perspective(120px)
}
 50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
 100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
 @keyframes rotateplane {
 0% {
 transform: perspective(120px) rotateX(0deg) rotateY(0deg);
 -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
 transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
 -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
 transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
 -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.spinner5 {
	width: 32px;
	height: 32px;
	position: relative;
}
.cube1, .cube2 {
	background-color: #fff;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: cubemove 1.8s infinite ease-in-out;
	animation: cubemove 1.8s infinite ease-in-out;
}
.cube2 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
 @-webkit-keyframes cubemove {
 25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5)
}
 50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg)
}
 75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)
}
 100% {
-webkit-transform: rotate(-360deg)
}
}
 @keyframes cubemove {
 25% {
 transform: translateX(42px) rotate(-90deg) scale(0.5);
 -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
}
50% {
 transform: translateX(42px) translateY(42px) rotate(-179deg);
 -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
}
50.1% {
 transform: translateX(42px) translateY(42px) rotate(-180deg);
 -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
}
75% {
 transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
 -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
}
100% {
 transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
}
}
.spinner6 {
	width: 50px;
	height: 30px;
	text-align: center;
}
.spinner6 > div {
	background-color: #fff;
	height: 100%;
	width: 6px;
	margin-left: 2px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner6 .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.spinner6 .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.spinner6 .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.spinner6 .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
 @-webkit-keyframes stretchdelay {
 0%, 40%, 100% {
-webkit-transform: scaleY(0.4)
}
 20% {
-webkit-transform: scaleY(1.0)
}
}
 @keyframes stretchdelay {
 0%, 40%, 100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
}
20% {
 transform: scaleY(1.0);
 -webkit-transform: scaleY(1.0);
}
}
.spinner7 {
	width: 90px;
	height: 30px;
	text-align: center;
}
.spinner7 > div {
	background-color: #fff;
	height: 15px;
	width: 15px;
	margin-left: 3px;
	border-radius: 50%;
	display: inline-block;
	-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
	animation: stretchdelay 0.7s infinite ease-in-out;
}
.spinner7 .circ2 {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}
.spinner7 .circ3 {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.spinner7 .circ4 {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}
.spinner7 .circ5 {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}
 @-webkit-keyframes stretchdelay {
 0%, 40%, 100% {
-webkit-transform: translateY(-10px)
}
 20% {
-webkit-transform: translateY(-20px)
}
}
 @keyframes stretchdelay {
 0%, 40%, 100% {
 transform: translateY(-10px);
 -webkit-transform: translateY(-10px);
}
20% {
 transform: translateY(-20px);
 -webkit-transform: translateY(-20px);
}
}

/*  SP  */
@media (max-width: 640px) {
.fp-section {
	position: relative;
}
.ea-copyright {
	text-align: center;
	right: 0;
}
.global-menu {
	position: fixed;
}
.sf-menu, .sf-menu li {
	width: 100%;
}
.sf-menu ul {
	display: block!important;
	position: inherit;
}
.sf-menu {
	margin-top: 50px;
}
.sf-menu a {
	padding-top: 0.75em;
	border-bottom: 5px solid #fff;
}
.ea-text, .ea-img {
	width: 70%!important;
	margin: 30px 15%!important;
	position: static!important;
	float: left!important;
}
.ea-contact {
	height: 100%;
	width: 100%;
	float: left;
}
.ea-contact-text {
	left: 15%;
	width: 70%;
}
.global-btn-box {
	position: fixed;
}
.company-box-l, .company-box-r {
	width: 100%;
	float: left;
}
.company-box-l {
	padding-right: 0;
}
.company-box-l table {
	float: left;
}
.company-box-r {
	padding-left: 0;
}
.company-box-r table {
	float: left;
}
}

@media (max-width: 420px) {
.sf-menu a {
	width: 100%
}
.ea-text img {
	width: 80%;
}
.company-box {
	width: 88%;
}
.company-box-r {
	padding-bottom: 80px;
}
.ea-company-table th {
	padding-right: 10px;
}
}