.hasEm {
	font-size: 14px;
	background-size: cover !important
}

.pShow {
	display: block !important
}

.mShow {
	display: none !important
}

.section_group {
	position: relative;
	height: 100%;
	-webkit-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	-moz-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	-o-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	-ms-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	transition: all 1000ms cubic-bezier(.86, 0, .07, 1)
}

.scroll_down {
	position: absolute;
	bottom: 130px;
	left: 50%;
	margin-left: -12px;
	width: 20px;
	height: 45px;
	z-index: 999;
	cursor: pointer;
	background: url(img/sbts.png) no-repeat;
	-webkit-animation: slideDown 1.6s ease-in-out 0s infinite;
	animation: slideDown 1.6s ease-in-out 0s infinite;
	 display: none;
}

.pagination {
	position: fixed;
	top: 50%;
	margin-top: -136px;
	right: 30px;
	width: 26px;
	z-index: 999;
	font-size: 14px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-ms-border-radius: 13px
}

.pagination li {
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 8px auto;
	padding-top: 1px;
	position: relative;

}

.pagination li span {
	display: block;
	height: 17px;
	width: 17px;
	margin: 6px;
	background: url(img/spanbg.png);
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms
}

.pagination li aside {
	position: absolute;
	background: #3399cc;
	color: #fff;
	right: 90%;
	top: 0;
	padding: 0 10px;
	white-space: nowrap;
	line-height: 1.9em;
	opacity: 0;
	height: 26px;
	line-height: 26px;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-o-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transition: .5s
}

.pagination li:hover aside {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.pagination .active span {
	background:url(img/spanbg2.png);

}

.pagination .active aside {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

section {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

section .title {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 180px;
	opacity: 0
}

section .title .title_main {
	height: 56px;
	width: 100%;
	background-repeat: no-repeat;
	font-size: 0px;
	color: transparent;
	text-indent: -999px
}

section .title p {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-top: 10px
}

section .title .wh {
	color: #fff
}

.photo_list {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative
}

.photo_list>li {
	width: 100%;
	height: 100%;
	float: left;
	position: relative
}

.p_pagination {
	width: 100%;
	height: 40px;
	text-align: center;
	position: absolute;
	bottom: 75px;
	left: 0;
	font-size: 16px;
	-webkit-transition: 500ms ease-out 800ms;
	-moz-transition: 500ms ease-out 800ms;
	-o-transition: 500ms ease-out 800ms;
	-ms-transition: 500ms ease-out 800ms;
	transition: 500ms ease-out 800ms;
	 display: none !important;
}

.p_pagination ul {
	display: inline-block;
	border: 1px solid #fff;
	overflow: hidden;
	border-radius: 21px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	-ms-border-radius: 21px
}

.p_pagination li {
	height: 100%;
	width: 150px;
	display: inline-block;
	background: #fff;
	color: #333;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	border-right: 1px solid #fff
}

.p_pagination li:last-child {
	border: 0
}

.p_pagination .active {
	background: #22b6f8;
	color: #fff
}

.bg {
	width: 1920px;
	height: 1080px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}

section.current .title {
	opacity: 1;
	top: 120px;
	-webkit-transition: 500ms ease-out 500ms;
	-moz-transition: 500ms ease-out 500ms;
	-o-transition: 500ms ease-out 500ms;
	-ms-transition: 500ms ease-out 500ms;
	transition: 500ms ease-out 500ms
}

section.current .circle {
	-webkit-animation: circle 2s ease 1s infinite;
	animation: circle 2s ease 1s infinite
}

section.current .circle2 {
	-webkit-animation: circle2 2s ease 1s infinite;
	animation: circle2 2s ease 1s infinite
}

section.current .fade {
	-webkit-animation: fade 2s ease 1s infinite;
	animation: fade 2s ease 1s infinite
}

section.current .fade2 {
	-webkit-animation: fade2 1s ease 1s infinite;
	animation: fade2 1s ease 1s infinite
}

section.current .fade3 {
	-webkit-animation: fade3 2s ease-in 3s infinite;
	animation: fade3 2s ease-in 3s infinite
}

.photo_animate .photo_list {
	-webkit-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	-moz-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	-o-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	-ms-transition: all 1000ms cubic-bezier(.86, 0, .07, 1);
	transition: all 1000ms cubic-bezier(.86, 0, .07, 1)
}

.area_index .area_index_01 {
	background:url(img/ban1.jpg) no-repeat  center 78px;
	background-size: cover;
	width: 100%;
	height: 100%;
	-webkit-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-moz-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-o-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-ms-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	transition: 1000ms cubic-bezier(.86, 0, .07, 1)
}

.area_index .area_index_02 {
	width: 100%;
	height: 300px;
	-webkit-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-moz-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-o-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-ms-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	transition: 1000ms cubic-bezier(.86, 0, .07, 1)
}

.area_index .area_index_02 .item_index_02 {
	width: 1066px;
	height: 300px;
	position: absolute;
	left: 50%;
	margin-left: -533px;
	background: url(img/a329fa82555dce13.area_01_02.jpg) no-repeat center center
}

.area_index .area_index_02 .item_btn_01 {
	bottom: 55px;
	left: 118px
}

.area_index .area_index_02 .item_btn_02 {
	bottom: 55px;
	left: 462px
}

.area_index .area_index_02 .item_btn_03 {
	bottom: 55px;
	left: 796px
}

.area_index .area_index_02 .buy_item {
	width: 322px;
	height: 242px;
	position: absolute;
	margin-left: -161px;
	top: 30px;
	padding: 165px 20px
}

.area_index .area_index_02 .buy_item .logo_index_btn {
	width: 134px
}

.area_index .area_index_02 .buy_item_02 {
	left: 50%
}

.area_index .logo_index {
	position: absolute;
	top: 50%;
	left: 10%;
	margin-top: -200px;
	width: 398px;
	text-align: center
}

.area_index .logo_index h2 {
	line-height: 1.3;
	font-weight: normal;
	margin-top: 40px;
	color: #EF084E;
	font-size: 46px
}

.area_index .logo_index h2 span {
	font-size: 14px;
	margin-left: -15px
}

.area_index .logo_index h2 aside {
	line-height: 1em;
	color: #666;
	font-size: 1em;
	font-size: 14px
}

.area_index .logo_index_title {
	width: 318px;
	height: 227px;
	background: url(img/5f6250671440083d.logo_01.png);
	margin: 0 auto
}

.logo_index_btn {
	width: 125px;
	height: 45px;
	line-height: 43px;
	display: inline-block;
	background: #FFF;
	cursor: pointer;
	border: 1px solid #ff6493;
	color: #ff6493;
	font-size: 20px;
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
	border-radius: 31px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	-ms-border-radius: 31px
}

.logo_index_btn div {
	font-size: 12px;
	line-height: 1.4em;
	color: #666
}

.logo_index_btn:hover {
	background: #ff6493;
	color: #FFF
}

.logo_index_btn:hover div {
	color: #666
}

.logo_index_btn.dis:hover {
	background: #fff;
	color: #ff6493
}

.area_index_n .area_index_01 {
	background: url(img/ddafd77e5acf7bb0.area_01_n.jpg) no-repeat top center
}

.area_index_n .area_index_01 .body_area {
	max-width: 100%
}

.area_index_n .logo_index {
	top: 55%;
	left: 67%;
	margin: 0;
	margin-top: 46px
}

.area_index_n .logo_index h2 {
	text-shadow: -1px -1px 1px #fff
}

.area_index_n .logo_index_title {
	height: 0;
	background-image: none
}

.area_index_c .area_index_01 {
	width: 100%;
	height: 100%;
	background: url(img/1fcb4e7b604c3737.area_01_c.jpg) top center no-repeat;
	-webkit-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-moz-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-o-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	-ms-transition: 1000ms cubic-bezier(.86, 0, .07, 1);
	transition: 1000ms cubic-bezier(.86, 0, .07, 1)
}

.area_index_c .area_index_01 .logo_index {
	position: absolute;
	width: 500px;
	left: auto;
	right: 10%;
	top: 35%;
	margin-top: -100px
}

.area_index_c .area_index_01 .logo_index_title {
	width: 100%;
	height: 206px;
	background: url(img/ffd345caf69bd1da.index_01_01.png) no-repeat center
}

.area_index_c .area_index_01 .logo_index_title_2 {
	width: 100%;
	height: 71px;
	background: url(img/89d36402dcb80816.index_01_02.png) no-repeat center;
	margin-top: 30px
}

.area_index_c .area_index_01 .area_c_box {
	position: absolute;
	top: 525px;
	right: 58px;
	width: 500px;
	text-align: center
}

.area_index_c .area_index_01 .logo_index_btn {
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	font-weight: bold
}

.area_index_c .area_index_01 .logo_index_btn:hover {
	background: #fff;
	color: #b70f18
}

.area_index_c .area_index_01 .area_l,.area_index_c .area_index_01 .area_r {
	position: absolute;
	height: 100%;
	top: 0
}

.area_index_c .area_index_01 .area_l {
	width: 50%;
	left: 0
}

.area_index_c .area_index_01 .area_l p {
	color: #fff
}

.area_index_c .area_index_02 {
	height: 300px
}

.area_index_c .area_index_02 .item_index_02 {
	width: 100%;
	height: 300px;
	position: absolute;
	left: 0;
	margin-left: 0;
	background: url(img/a329fa82555dce13.area_01_02.jpg) no-repeat center center
}

.area_index_c .area_index_02 .box_index_02 {
	width: 1066px;
	height: 100%;
	position: relative;
	left: 50%;
	margin-left: -533px
}

.area_index_c .logo_c_01 {
	position: absolute;
	width: 97px;
	height: 187px;
	top: 0;
	left: 5%;
	background: url(img/dad6956fbf697263.01.png) no-repeat
}

.area_index_c .logo_c_02 {
	position: absolute;
	width: 91px;
	height: 112px;
	top: 80px;
	right: 5%;
	background: url(img/b448dded6eb40c00.02.png) no-repeat
}

@media screen and (max-width:1200px) {
	.area_index_c .area_index_01 .logo_index {
		right: 0
	}

	.area_index_c .logo_c_01 {
		left: 0
	}

	.area_index_n .logo_index {
		left: 64%
	}
}

.area_02 .title {
	text-align: right;
	top: 230px;
	max-width: 1200px;
	left: 50%;
	margin-left: -600px;
	padding-right: 50px
}

.area_02 .title_main {
	background: url(img/2f44c7d509e175f1.title_02_01.png) right
}

.area_02 .p_pagination {
	text-align: left;
	right: 0;
	left: auto;
	top: 360px;
	bottom: auto;
	width: 50%;
	padding-left: 50px;
	opacity: 0
}

.area_02 .box_02_02 {
	width: 280px;
	height: 280px;
	position: absolute;
	right: 100px;
	top: 50%
}

.area_02 .bubble_02_01,.area_02 .bubble_02_02 {
	width: 308px;
	height: 70px;
	background: url(img/d5da3a6a66e02e4a.bubble_02_01.png) no-repeat;
	top: 30px;
	left: -240px;
	opacity: 0
}

.area_02 .bubble_02_02 {
	background: url(img/7121ede4d7d1a31c.bubble_02_02.png) no-repeat;
	top: 8.3333em;
	left: 8.3333em
}

.area_02 .bubble_02_03 {
	background: url(img/631063ca0d9d974b.bubble_02_03.png) no-repeat;
	width: 79px;
	height: 74px;
	bottom: 8.9444em;
	left: 18.1944em;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.area_02.current .p_pagination {
	top: 300px;
	opacity: 1;
	-webkit-transition: 500ms ease-out 900ms;
	-moz-transition: 500ms ease-out 900ms;
	-o-transition: 500ms ease-out 900ms;
	-ms-transition: 500ms ease-out 900ms;
	transition: 500ms ease-out 900ms
}

.area_02.current .title {
	top: 170px
}




.area_03 .title_main {
	background: url(img/481ac0243ac78c68.title_03.png) center
}

.area_03 .title p {
	display: none
}

.area_03 .photo_03 {
	background: url(img/8a8b1d731e0588c3.photo_03.png) no-repeat;
	width: 43.0556em;
	height: 16.8611em;
	margin: 0 -21.5278em 0 0;
	right: 50%;
	bottom: 0px;
	z-index: -1
}

.area_03 .photo_03_02 {
	background: url(img/photo_03_02.png);
	width: 3.6111em;
	height: 2.6111em;
	bottom: 6.6111em;
	right: 12.8611em
}

.area_03 .circle_03 {
	width: 572px;
	height: 596px;
	bottom: 0;
	right: 300px;
	background: url(img/circle_03.png)
}

.area_03 .icon_03_01 {
	width: 1.1944em;
	height: 1.1944em;
	bottom: 6.5em;
	right: 18.4722em;
	background: url(img/1ad25ce766674f76.icon_03_01.png);
	opacity: 0
}

.area_03 .icon_03_02 {
	width: 67px;
	height: 0px;
	bottom: 7.5833em;
	right: 19.3889em;
	background: url(img/b747ea2c7761b4e1.icon_03_02.png) no-repeat bottom right;
	background-size: initial  !important
}

.area_03 .icon_03_02 p {
	font-size: 21px;
	color: #FFF;
	right: 100%;
	top: -12px;
	padding-right: 10px;
	text-align: right;
	width: 480px;
	opacity: 0
}

.area_03.current .icon_03_01 {
	opacity: 1;
	-webkit-transition: .5s .8s;
	-moz-transition: .5s .8s;
	-o-transition: .5s .8s;
	-ms-transition: .5s .8s;
	transition: .5s .8s;
	-webkit-animation: rotateX 2s linear infinite;
	animation: rotateX 2s linear infinite
}

.area_03.current .icon_03_02 {
	width: 102px;
	height: 46px;
	-webkit-transition: height .25s linear 1.3s,width .15s linear 1.45s;
	-moz-transition: height .25s linear 1.3s,width .15s linear 1.45s;
	-o-transition: height .25s linear 1.3s,width .15s linear 1.45s;
	-ms-transition: height .25s linear 1.3s,width .15s linear 1.45s;
	transition: height .25s linear 1.3s,width .15s linear 1.45s
}

.area_03.current .icon_03_02 p {
	opacity: 1;
	-webkit-transition: .5s 1.8s;
	-moz-transition: .5s 1.8s;
	-o-transition: .5s 1.8s;
	-ms-transition: .5s 1.8s;
	transition: .5s 1.8s
}

.area_04 {
background:url(img/bg2.jpg) no-repeat center center;
	z-index: 1
}

.area_04 .title {
	top: 60px
}

.area_04 .title_main {
	background: url(img/a801489d86885d8e.title_04.jpg) center
}

.area_04 .photo_04 {
	background: url(img/7078dcbb9e6736b4.photo_04.png) no-repeat 0 0;
	position: absolute
}

.area_04 .photo_04_01 {
	width: 326px;
	height: 326px
}

.area_04 .photo_04_02 {
	width: 191px;
	height: 191px;
	background-position: -343px 0
}

.area_04 .photo_04_03 {
	width: 191px;
	height: 191px;
	background-position: -536px 0;
	right: 0px
}

.area_04 .photo_04_04 {
	width: 151px;
	height: 151px;
	background-position: -341px -192px;
	left: 20px
}

.area_04 .photo_04_05 {
	width: 151px;
	height: 151px;
	background-position: -536px -192px;
	right: 20px
}

.area_04 .photo_04_04,.area_04 .photo_04_05 {
	top: 20px
}

.area_04 .level_2_1,.area_04 .level_2_2 {
	position: absolute;
	top: 50%;
	margin-top: -70px
}

.area_04 .level_2_1 {
	left: 67px
}

.area_04 .level_2_2 {
	right: 67px
}

.area_04 .child {
	width: 326px;
	height: 326px;
	top: -120px;
	position: absolute
}

.area_04 .shadow {
	background: url(img/6ce3328de0919e50.shadow_04.png);
	width: 189px;
	height: 45px;
	position: absolute;
	z-index: -1;
	top: 300px;
	left: 46px;
	-webkit-transform: scale(.2);
	-moz-transform: scale(.2);
	-o-transform: scale(.2);
	-ms-transform: scale(.2);
	transform: scale(.2)
}

.area_04 .child_box {
	position: absolute;
	top: 36%;
	left: 50%;
	margin-left: -163px;
	z-index: -1;
	width: 326px
}

.area_04 .child_box>* {
	position: absolute
}

.area_04 .circle_01 {
	background: url(img/6899d71c7b14431a.circle_04_01.png) no-repeat 0 0;
	width: 282px;
	height: 70px;
	left: 50%;
	margin-left: -151px;
	top: 294px;
	z-index: -2
}

.area_04 .circle_02 {
	background: url(img/f9b39e012764e292.circle_04_02.png) no-repeat 0 0;
	width: 410px;
	height: 102px;
	left: 50%;
	margin-left: -215px;
	top: 279px;
	z-index: -3;
	-webkit-transform: scale(.68);
	-moz-transform: scale(.68);
	-o-transform: scale(.68);
	-ms-transform: scale(.68);
	transform: scale(.68)
}

.area_04 .circle_03 {
	background: url(img/4b9f4a551ce965ba.circle_04_03.png) no-repeat 0 0;
	width: 561px;
	height: 138px;
	left: 50%;
	margin-left: -290px;
	top: 261px;
	z-index: -4;
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5)
}

.area_04.current .title {
	-webkit-transition-delay: 1.7s;
	-moz-transition-delay: 1.7s;
	-o-transition-delay: 1.7s;
	-ms-transition-delay: 1.7s;
	transition-delay: 1.7s
}

.area_04.current .child {
	top: 0;
	-webkit-transition: .3s ease-in .8s;
	-moz-transition: .3s ease-in .8s;
	-o-transition: .3s ease-in .8s;
	-ms-transition: .3s ease-in .8s;
	transition: .3s ease-in .8s
}

.area_04.current .shadow {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in .8s;
	-moz-transition: .3s ease-in .8s;
	-o-transition: .3s ease-in .8s;
	-ms-transition: .3s ease-in .8s;
	transition: .3s ease-in .8s
}

.area_04.current .circle_02 {
	top: 284px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s 1.5s;
	-moz-transition: .3s 1.5s;
	-o-transition: .3s 1.5s;
	-ms-transition: .3s 1.5s;
	transition: .3s 1.5s
}

.area_04.current .circle_03 {
	top: 278px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s 2s;
	-moz-transition: .3s 2s;
	-o-transition: .3s 2s;
	-ms-transition: .3s 2s;
	transition: .3s 2s
}

.area_04.current .level_2_1 {
	left: -234px
}

.area_04.current .level_2_2 {
	right: -234px
}

.area_04.current .photo_04_04 {
	top: -33px;
	left: -180px
}

.area_04.current .photo_04_05 {
	top: -33px;
	right: -180px
}

.area_04.current .photo_04_04,.area_04.current .photo_04_05 {
	-webkit-transition: .3s 2s;
	-moz-transition: .3s 2s;
	-o-transition: .3s 2s;
	-ms-transition: .3s 2s;
	transition: .3s 2s
}

.area_04.current .level_2_1,.area_04.current .level_2_2 {
	-webkit-transition: .5s 1.5s;
	-moz-transition: .5s 1.5s;
	-o-transition: .5s 1.5s;
	-ms-transition: .5s 1.5s;
	transition: .5s 1.5s
}

.area_05 {
	background: #99DAFF
}

.area_05 .p_pagination {
	top: 300px;
	opacity: 0;
	buttom: auto
}

.area_05 .p_pagination .active {
	color: #99DAFF;
	background: #fff
}

.area_05 .p_pagination li {
	background: #99DAFF
}

.area_05 .photo_list {
	position: absolute;
	left: 0px;
	top: 0px
}

.area_05 .map {
	background: url(img/615ec0a1780f5e01.map_05.png);
	width: 1360px;
	height: 535px;
	position: absolute;
	left: 50%;
	margin-left: -680px;
	top: 320px
}

.area_05 .iphone {
	height: 16.6667em;
	width: 9.1111em;
	background: url(img/73ee22d6d419fe31.iphone_05.png);
	left: 50%;
	margin: 0 0 0 -4.5556em;
	bottom: -16.6667em
}

.area_05 .iphone_01,.area_05 .iphone_02 {
	background: url(img/4aa29166ad4e8443.iphone_05_01.png) no-repeat;
	opacity: 0;
	width: 1.4444em;
	height: 1.6944em;
	top: 6.2778em;
	left: 2.5em;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.area_05 .iphone_02 {
	background: url(img/655c7368791fc79e.iphone_05_02.png) no-repeat;
	top: 0;
	left: 0
}

.area_05 .iphone_02_box {
	top: 9.7778em;
	left: 4.9444em;
	width: 1.4444em;
	height: 1.6944em
}

.area_05 .iphone_02_doit {
	background: url(img/8237f0bd7e77fd0e.doit.png) no-repeat;
	width: .3333em;
	height: .3333em;
	margin: 0 0 0 -0.1667em;
	top: 105%;
	left: 50%
}

.area_05 .child_box_01,.area_05 .child_box_02 {
	top: 380px;
	left: 208px;
	width: 176px
}

.area_05 .child_box_02 {
	left: auto;
	right: 133px
}

.area_05 .child_01,.area_05 .child_02 {
	width: 176px;
	height: 207px;
	background: url(img/18b05c1a5815c801.child_05_01_01.png) no-repeat center bottom;
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	opacity: 0
}

.area_05 .child_02 {
	background: url(img/8c5d86ff24419075.child_05_01_02.png) no-repeat center bottom
}

.area_05 .circle_01 {
	width: 102px;
	height: 48px;
	position: absolute;
	top: 189px;
	left: 50%;
	margin-left: -54px;
	background: url(img/090b2fb291f7745b.circle_05_01.png) no-repeat;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.area_05.current .p_pagination {
	top: 240px;
	opacity: 1;
	-webkit-transition: 500ms ease-out 900ms;
	-moz-transition: 500ms ease-out 900ms;
	-o-transition: 500ms ease-out 900ms;
	-ms-transition: 500ms ease-out 900ms;
	transition: 500ms ease-out 900ms
}

.area_05.current .iphone {
	-webkit-transition: 500ms 1500ms;
	-moz-transition: 500ms 1500ms;
	-o-transition: 500ms 1500ms;
	-ms-transition: 500ms 1500ms;
	transition: 500ms 1500ms
}

.area_05.current .iphone_01,.area_05.current .iphone_02 {
	-webkit-transition: 500ms 2500ms;
	-moz-transition: 500ms 2500ms;
	-o-transition: 500ms 2500ms;
	-ms-transition: 500ms 2500ms;
	transition: 500ms 2500ms
}

.area_05.current .iphone_02 {
	-webkit-transition-delay: 2700ms;
	-moz-transition-delay: 2700ms;
	-o-transition-delay: 2700ms;
	-ms-transition-delay: 2700ms;
	transition-delay: 2700ms
}

.area_05.current .child_01,.area_05.current .child_02 {
	-webkit-transition: .8s cubic-bezier(1, .57, .48, 1.45) 800ms;
	-moz-transition: .8s cubic-bezier(1, .57, .48, 1.45) 800ms;
	-o-transition: .8s cubic-bezier(1, .57, .48, 1.45) 800ms;
	-ms-transition: .8s cubic-bezier(1, .57, .48, 1.45) 800ms;
	transition: .8s cubic-bezier(1, .57, .48, 1.45) 800ms
}

.area_05.current .circle_01 {
	-webkit-transition: 500ms 1400ms;
	-moz-transition: 500ms 1400ms;
	-o-transition: 500ms 1400ms;
	-ms-transition: 500ms 1400ms;
	transition: 500ms 1400ms;
	-webkit-animation: circle 2s ease 1400ms infinite;
	animation: circle 2s ease 1400ms infinite
}

.current.area_05[data-index='0'] .iphone {
	bottom: 0px
}

.current.area_05[data-index='0'] .child_01,.current.area_05[data-index='0'] .child_02 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.current.area_05[data-index='0'] .circle_01,.current.area_05[data-index='0'] .iphone_01,.current.area_05[data-index='0'] .iphone_02 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.current.area_05[data-index='1'] .iphone {
	left: 0;
	bottom: 0px;
	margin-left: 0;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms
}

.current.area_05[data-index='1'] .child_01,.current.area_05[data-index='1'] .child_02 {
	-webkit-transition: .6s ease-in;
	-moz-transition: .6s ease-in;
	-o-transition: .6s ease-in;
	-ms-transition: .6s ease-in;
	transition: .6s ease-in
}

.current.area_05[data-index='1'] .child_box_02 {
	-webkit-animation: step 5s linear 1400ms infinite alternate;
	animation: step 5s linear 1400ms infinite alternate
}

.current.area_05[data-index='1'] .iphone_01,.current.area_05[data-index='1'] .iphone_02 {
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms
}

.current.area_05[data-index='1'] .child_02 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.current.area_05[data-index='1'] .circle_01,.current.area_05[data-index='1'] .iphone_01,.current.area_05[data-index='1'] .iphone_02 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.current.area_05[data-index='1'] .circle_01 {
	opacity: 0;
	-webkit-animation: none 0 ease 0 1 normal;
	animation: none 0 ease 0 1 normal;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms
}

.current.area_05[data-index='1'] .circle_02 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-animation: circle 2s ease 1400ms infinite;
	animation: circle 2s ease 1400ms infinite
}

.current.area_05[data-index='1'] .iphone_02_box {
	-webkit-animation: step2 5s linear 1400ms infinite alternate;
	animation: step2 5s linear 1400ms infinite alternate
}

.area_05_01 .title_main {
	background: url(img/104fbb29c1a09bc9.title_05_01.jpg) center
}

.area_05_02 .title_main {
	background: url(img/fb1e8cdb28205c45.title_05_02.jpg) center
}

.area_06_01 {
	background: #D0E0FD
}

.area_06_01 .title {
	top: 40%;
	text-align: left
}

.area_06_01 .title_main {
	background: url(img/92009d691b51ec39.title_06.png) left
}

.area_06_01 .child_01 {
	width: 19.25em;
	height: 22.2778em;
	left: .5556em;
	bottom: 0px;
	background: url(img/15aed5cc3cb68d3a.child_06_01.jpg) no-repeat
}

.area_06_01 .icon_01_01 {
	bottom: 365px;
	left: 186px;
	width: 51px;
	height: 32px;
	background: url(img/icon_06_01_01.png) no-repeat
}

.area_06_01 .icon_01_02 {
	width: 2.2778em;
	height: 2.8333em;
	bottom: 8.3889em;
	left: -1.1667em;
	background: url(img/4407de565a583e37.icon_06_01_02.png) no-repeat
}

.area_06_01 .icon_01_03,.area_06_01 .icon_01_03_c {
	width: 20.1944em;
	height: 5em
}

.area_06_01 .icon_01_03 {
	bottom: 4.4444em;
	right: 20.4167em;
	overflow: hidden;
	width: 0
}

.area_06_01 .icon_01_03_c {
	background: url(img/e0311f0d6c36d793.icon_06_01_03.png) no-repeat;
	right: 0;
	top: 0
}

.area_06_01 .circle_01_01 {
	bottom: 251px;
	left: 77px;
	width: 243px;
	height: 264px;
	background: url(img/circle_06_01.png) no-repeat
}

.current .area_06_01 .title {
	top: 40%;
	text-align: left
}

.area_06_01.active .title {
	top: 40%
}

.area_06_01.active .icon_01_02 {
	-webkit-animation: fade2 1.8s ease 1s infinite;
	animation: fade2 1.8s ease 1s infinite
}

.area_06_01.active .icon_01_03 {
	-webkit-animation: fade4 1.8s ease 1s infinite;
	animation: fade4 1.8s ease 1s infinite
}

.area_06_02 {
	background: #C90202
}

.area_06_02 .title_main {
	background: url(img/92009d691b51ec39.title_06.png) center
}

.area_06_02 .child_02 {
	width: 20.1111em;
	height: 17.1111em;
	bottom: 0px;
	left: 50%;
	margin: 0 0 0 -10.0278em;
	background: url(img/b293bb7c8d55f6c5.child_06_02.jpg) no-repeat
}

.area_06_02 .circle_02_01 {
	bottom: 244px;
	right: -19px;
	width: 243px;
	height: 264px;
	background: url(img/circle_06_01.png) no-repeat
}

.area_06_02 .icon_02_01 {
	width: 18.8056em;
	height: 6.8611em;
	background: url(img/854ae3a474dcbc53.icon_06_02_01.png) no-repeat;
	bottom: 2.7778em;
	left: .6389em;
	animation-delay: 1.6s;
	-webkit-animation-delay: 1.6s;
	opacity: 0
}

.area_06_02 .icon_02_02 {
	width: 14.8333em;
	height: 5.0833em;
	background: url(img/f4866cff2fb44a41.icon_06_02_02.png) no-repeat;
	bottom: 12.5em;
	left: 2.6667em;
	opacity: 0
}

.area_06_02 .icon_02_03,.area_06_02 .icon_02_04 {
	width: 3.4167em;
	height: 3.4167em;
	background: url(img/icon_06_02_03.png) no-repeat;
	bottom: 14.4722em;
	left: 3.7222em;
	opacity: 0
}

.area_06_02 .icon_02_04 {
	bottom: 15.6111em;
	left: 15.5em
}

.area_06_02 .icon_02_05,.area_06_02 .icon_02_06 {
	width: 16.6667em;
	bottom: 1.9444em;
	left: -5.8333em;
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	transform-origin: 0 50%;
	opacity: 0
}

.area_06_02 .icon_02_06 {
	width: 14.4444em;
	left: -4.1667em
}

.area_06_02 .icon_02_07,.area_06_02 .icon_02_08,.area_06_02 .icon_02_09 {
	bottom: 1.9444em;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	opacity: 0
}

.area_06_02 .icon_02_07 {
	width: 13.8889em;
	right: -4.7222em
}

.area_06_02 .icon_02_08 {
	width: 13.6111em;
	right: -5.8333em
}

.area_06_02 .icon_02_09 {
	width: 12.7778em;
	right: -3.6111em
}

.area_06_02 .note {
	background: url(img/854ae3a474dcbc53.icon_06_02_01.png)
}

.area_06_02 .note_1 {
	background-position: -320px -19px;
	width: 64px;
	height: 89px
}

.area_06_02 .note_2 {
	background-position: -433px -110px;
	width: 50px;
	height: 79px
}

.area_06_02 .note_3 {
	background-position: -495px 0;
	width: 48px;
	height: 77px
}

.area_06_02 .note_4 {
	background-position: -577px -47px;
	width: 57px;
	height: 88px
}

.area_06_02 .note_5 {
	background-position: -619px -131px;
	width: 64px;
	height: 112px
}

.area_06_02.active .icon_02_02,.area_06_02.active .icon_02_03,.area_06_02.active .icon_02_04 {
	opacity: 1
}

.area_06_02.active .icon_02_01 {
	-webkit-animation: fade3 4s ease-in 1.8s infinite;
	animation: fade3 4s ease-in 1.8s infinite
}

.area_06_02.active .icon_02_02 {
	-webkit-transition: opacity 500ms 1.6s;
	-moz-transition: opacity 500ms 1.6s;
	-o-transition: opacity 500ms 1.6s;
	-ms-transition: opacity 500ms 1.6s;
	transition: opacity 500ms 1.6s
}

.area_06_02.active .icon_02_03,.area_06_02.active .icon_02_04 {
	-webkit-transition: opacity 500ms 1.6s;
	-moz-transition: opacity 500ms 1.6s;
	-o-transition: opacity 500ms 1.6s;
	-ms-transition: opacity 500ms 1.6s;
	transition: opacity 500ms 1.6s;
	-webkit-animation: translateX 1s ease 1s infinite;
	animation: translateX 1s ease 1s infinite
}

.area_06_02.active .icon_02_05 {
	-webkit-animation: notel 2s ease-in infinite 1.8s;
	animation: notel 2s ease-in infinite 1.8s
}

.area_06_02.active .icon_02_06 {
	-webkit-animation: notel 1.5s ease-in infinite 2.4s;
	animation: notel 1.5s ease-in infinite 2.4s
}

.area_06_02.active .icon_02_07 {
	-webkit-animation: noter 1.6s ease-in infinite 1.8s;
	animation: noter 1.6s ease-in infinite 1.8s
}

.area_06_02.active .icon_02_08 {
	-webkit-animation: noter 1.3s ease-in infinite 2.7s;
	animation: noter 1.3s ease-in infinite 2.7s
}

.area_06_02.active .icon_02_09 {
	-webkit-animation: noter 1.3s ease-in infinite 2.2s;
	animation: noter 1.3s ease-in infinite 2.2s
}

.area_06_03 {
	background: #FFCEBF
}

.area_06_03 .title {
	top: auto;
	bottom: 300px;
	text-align: left
}

.area_06_03 .title_main {
	background: url(img/92009d691b51ec39.title_06.png) left
}

.area_06_03 .child_03,.area_06_03 .child_03_c {
	width: 22.2778em;
	height: 19.6667em;
	right: 2.2222em;
	bottom: 0px;
	background: url(img/e847f7eaee601ec5.child_06_03.jpg) no-repeat
}

.area_06_03 .circle_03_01 {
	width: 6.75em;
	height: 7.3333em;
	bottom: 11.7222em;
	left: 0;
	background: url(img/circle_06_03.png) no-repeat
}

.area_06_03 .icon_03_01 {
	width: 4.3056em;
	height: 7.1667em;
	bottom: 14.6667em;
	left: -2.0278em;
	background: url(img/094d978017e589f0.icon_06_03_01.png) no-repeat;
	opacity: 0
}

.area_06_03 .icon_03_02,.area_06_03 .icon_03_02_c {
	width: 38.8056em;
	height: 20em;
	top: 0;
	right: 0
}

.area_06_03 .icon_03_02 {
	bottom: 0;
	right: -13.4722em;
	overflow: hidden;
	opacity: 0;
	width: 0px
}

.area_06_03 .icon_03_02_c {
	background: url(img/50d52076135eec03.icon_06_03_02.png) no-repeat
}

.area_06_03 .icon_03_03 {
	width: 38.9167em;
	height: 20em;
	bottom: 1.3889em;
	left: -3.1944em;
	opacity: 0;
	background: url(img/38915ee540bbd270.icon_06_03_05.png) no-repeat;
	background-size: cover
}

.current .area_06_03 .title {
	top: auto;
	bottom: 300px;
	text-align: left
}

.area_06_03.active .title {
	top: auto;
	bottom: 300px
}

.area_06_03.active .icon_03_01,.area_06_03.active .icon_03_02,.area_06_03.active .icon_03_03 {
	opacity: 1
}

.area_06_03.active .icon_03_01 {
	-webkit-transition: opacity 500ms 1s;
	-moz-transition: opacity 500ms 1s;
	-o-transition: opacity 500ms 1s;
	-ms-transition: opacity 500ms 1s;
	transition: opacity 500ms 1s
}

.area_06_03.active .icon_03_02 {
	width: 38.8056em;
	-webkit-transition: .5s 1s;
	-moz-transition: .5s 1s;
	-o-transition: .5s 1s;
	-ms-transition: .5s 1s;
	transition: .5s 1s
}

.area_06_03.active .icon_03_03 {
	-webkit-animation: fade 4s ease infinite 1.9s;
	animation: fade 4s ease infinite 1.9s;
	-webkit-transition: opacity 500ms 1.9s;
	-moz-transition: opacity 500ms 1.9s;
	-o-transition: opacity 500ms 1.9s;
	-ms-transition: opacity 500ms 1.9s;
	transition: opacity 500ms 1.9s
}

.area_06 .p_pagination {
	opacity: 0
}

.current.area_06 .p_pagination {
	opacity: 1
}

.area_07 {
	background: url(img/05187dd7c4a8cb2a.area_07.jpg) no-repeat;
	background-size: cover
}

.area_07 .title {
	top: 45%;
	text-align: right;
	padding-right: 100px
}

.area_07 .title_main {
	background: url(img/650f11e4285f0dad.title_07.png) right
}

.area_07 .bubble_07 {
	width: 174px;
	height: 174px;
	background: url(img/2e1f0653954bba24.bubble_07.png);
	top: 20%;
	left: 37%;
	-webkit-transform: translate(-60px, 30px);
	-moz-transform: translate(-60px, 30px);
	-o-transform: translate(-60px, 30px);
	-ms-transform: translate(-60px, 30px);
	transform: translate(-60px, 30px);
	opacity: 0
}

.current.area_07 .title {
	top: 39%
}

.current.area_07 .bubble_07 {
	-webkit-transition: 1.5s 1s;
	-moz-transition: 1.5s 1s;
	-o-transition: 1.5s 1s;
	-ms-transition: 1.5s 1s;
	transition: 1.5s 1s;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.area_08 .title {
	top: 30%;
	margin-top: -100px;
	opacity: 1
}

.area_08 .title_main {
	background: url(img/d6c14112687d1e1b.title_08.png) center
}

.area_08 .space_08 {
	width: 100%;
	height: 100%
}

.area_08 .box_08 {
	width: 20%;
	height: 100%;
	float: left
}

.area_08 .item_08 {
	width: 185px;
	height: 302px;
	position: relative;
	margin: -100px auto 0;
	top: 50%
}

.area_08 .icon_08 {
	width: 128px;
	height: 128px;
	position: relative;
	margin: 0 auto 47px;
	background: url(img/29abccdd4bfe22c6.icon_08_01.jpg);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.area_08 .icon_08_01 {
	background-position: 0 0
}

.area_08 .icon_08_02 {
	background-position: -130px 0
}

.area_08 .icon_08_03 {
	background-position: -260px 0
}

.area_08 .icon_08_04 {
	background-position: -390px 0
}

.area_08 .icon_08_05 {
	background-position: -520px 0
}

.area_08 .title_08 {
	width: 100%;
	height: 28px;
	margin-bottom: 26px;
	color: transparent;
	font-size: 0;
	text-indent: -999px
}

.area_08 .title_08_01 {
	background: url(img/67abaecc26c7be6a.title_08_01.png) no-repeat center center
}

.area_08 .title_08_02 {
	background: url(img/7d3fe8efc75451ff.title_08_02.png) no-repeat center center
}

.area_08 .title_08_03 {
	background: url(img/955b6f1b67786675.title_08_03.png) no-repeat center center
}

.area_08 .title_08_04 {
	background: url(img/dca2d05b3cdacec9.title_08_04.png) no-repeat center center
}

.area_08 .title_08_05 {
	background: url(img/2a87710474c8255e.title_08_05.png) no-repeat center center
}

.area_08 .content_08 {
	width: 100%;
	height: 80px
}

.area_08 .content_08_01 {
	background: url(img/content_08_01.png) no-repeat center center
}

.area_08 .content_08_02 {
	background: url(img/content_08_02.png) no-repeat center center
}

.area_08 .content_08_03 {
	background: url(img/content_08_03.png) no-repeat center center
}

.area_08 .content_08_04 {
	background: url(img/content_08_04.png) no-repeat center center
}

.area_08 .content_08_05 {
	background: url(img/content_08_05.png) no-repeat center center
}

.area_08 .title_08,.area_08 .content_08 {
	opacity: 0
}

.current.area_08 .title {
	top: 30%
}

.current.area_08 .icon_08 {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 800ms cubic-bezier(1, .57, .48, 1.45) 1s;
	-moz-transition: 800ms cubic-bezier(1, .57, .48, 1.45) 1s;
	-o-transition: 800ms cubic-bezier(1, .57, .48, 1.45) 1s;
	-ms-transition: 800ms cubic-bezier(1, .57, .48, 1.45) 1s;
	transition: 800ms cubic-bezier(1, .57, .48, 1.45) 1s
}

.current.area_08 .title_08,.current.area_08 .content_08 {
	opacity: 1;
	-webkit-transition: 800ms 1.5s;
	-moz-transition: 800ms 1.5s;
	-o-transition: 800ms 1.5s;
	-ms-transition: 800ms 1.5s;
	transition: 800ms 1.5s
}

.area_09 .title {
	z-index: 1;
	top: 175px
}

.area_09 .title_main {
	background: url(img/6b76f94843605ec9.title_09.png) center
}

.area_09 .p_pagination ul {
	border: 0
}

.area_09 .p_pagination li,.area_09 .p_pagination .active {
	background: transparent;
	color: #FFF;
	border: 0;
	position: relative
}

.area_09 .p_pagination li:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 22px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px
}

.area_09 .p_pagination li:after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px
}

.area_09 .p_pagination .active:before {
	background: #fff
}

.area_09 .p_pagination .active:after {
	width: 18px;
	height: 18px;
	margin-top: -9px;
	left: 19px;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px
}

.area_09 .photo {
	height: 550px;
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -250px;
	text-align: center;
	background-size: auto 100% !important
}

.area_09 .icon_09_01 {
	width: 165px;
	height: 115px;
	top: 151px;
	left: 227px;
	background: url(img/icon_09_01.png) no-repeat
}

.current.area_09 .title {
	top: 175px
}

.area_09_01 {
	background: url(img/0df46b26a23c9e7a.area_09_01.jpg) no-repeat;
	background-size: cover
}

.area_09_01 .photo {
	background: url(img/bbeec23d66d5389a.photo_09_01.png) no-repeat center center
}

.area_09_02 {
	background: url(img/54a82e8ad2e0071c.area_09_02.jpg) no-repeat;
	background-size: cover
}

.area_09_02 .photo {
	background: url(img/f94910b8b6b51b18.photo_09_02.png) no-repeat center center
}

.area_10 {
	background: url(img/9baf1d55abc42c7f.area_10.jpg) no-repeat center center;
	background-size: cover
}

.area_10 .btn_box {
	margin: 0 auto;
	bottom: 20%;
	left: 50%;
	margin-left: -290px;
	width: 580px;
	position: absolute;
	text-align: center
}

.weixin_code {
	width: 250px;
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -125px;
	text-align: center
}

.weixin_code .weixin_code_item {
	width: 200px;
	height: 200px;
	background: url(img/60efc30f56e9a174.weixin_code.png) no-repeat center top;
	margin: 0 auto 10px;
	position: relative
}


.footer .l_area {
	width: 20%;
	float: left
}

.footer .r_area {
	float: left
}

.footer .footer_area {
	width: 40%
}

.footer .footer_item {
	padding-top: 60px;
	text-align: center;
	width: 150px
}

.footer .footer_item h3 {
	margin-top: 15px;
	font-weight: normal;
	font-size: 20px
}

.footer .footer_item h4 {
	font-weight: normal
}

.footer .sc_area {
	margin-top: 89px
}

.footer .sc_area .sc_item {
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	display: inline-block;
	text-align: center;
	width: 100px
}

.footer .sc_area .sc_item p {
	font-size: 14px
}

.footer .sc_area .sc_item .sc_code {
	position: absolute;
	bottom: 61px;
	left: 50%;
	opacity: 0;
	height: 0;
	overflow: hidden;
	width: 150px;
	margin-left: -75px;
	text-align: center;
	font-size: 14px;
	padding-top: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-ms-transition: opacity .4s;
	transition: opacity .4s
}

.footer .sc_area .sc_item .sc_code img {
	width: 100%
}

.footer .sc_area .sc_item .sc_code_01 {
	background: url(img/9c93b29b26492273.footer_code_02.png)
}

.footer .sc_area .sc_item .sc_code_02 {
	background: url(img/4468e9cf4a0a4d77.footer_code_01.png)
}

.footer .sc_area .sc_item .sc_code_03 {
	background: url(img/3c7cf99f6632c4cd.footer_code_03.png)
}

.footer .sc_area .np {
	cursor: auto
}

.footer .sc_area .sc_item:hover .sc_code {
	opacity: 1;
	height: 183px;
	padding-top: 143px
}

.copyright {
	color: #999;
	margin-top: 25px
}

.copyright.abs {
	width: 100%;
	position: absolute;
	bottom: 50px
}

.no_fix {
	padding-top: 60px;
	height: auto;
	min-height: 100%
}

.body_area_m {
	position: relative;
	margin: 0 auto;
	width: 1000px
}

.specs_title {
	padding: 52px 0 39px;
	font-size: 24px;
	font-weight: normal
}

.specs_table {
	width: 740px;
	margin-left: 40px;
	border-collapse: collapse
}

.specs_table td,.specs_table th {
	padding: 22px 22px 22px 33px;
	border-bottom: 1px solid #ddd
}

.specs_table th {
	width: 195px;
	padding-right: 60px;
	text-align: right
}

.question_list {
	margin: 18px 0 38px
}

.question_list .title {
	font-size: 24px;
	font-weight: bold;
	padding: 0 0 28px 48px
}

.question_list .question_item {
	padding: 0  88px 36px
}

.question_list .question_item .question,.question_list .question_item .answer {
	padding-left: 28px;
	line-height: 1.5em;
	position: relative
}

.question_list .question_item .question:before,.question_list .question_item .answer:before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url(img/2c25dc697cd9e584.Q.jpg);
	top: 7px;
	left: 0px;
	position: absolute
}

.question_list .question_item .question {
	font-size: 20px
}

.question_list .question_item .answer {
	font-size: 16px;
	color: #666
}

.question_list .question_item .answer:before {
	background: url(img/489a9e2bac8549c5.A.jpg);
	top: 3px
}

.box_404 {
	width: 651px;
	height: 259px;
	margin: 200px auto 0;
	background: url(img/ecc62f83915e9802.404.jpg);
	padding: 75px 0 0 43px
}

.box_404 .btn {
	font-size: 18px
}

.box_404 em {
	padding: 0 10px
}

@media screen and (min-height:900px) {
	.hasEm {
		
	}
}

@media screen and (max-height:899px) and (min-height:800px) {
	.hasEm {
		
	}

	.p_pagination {
		bottom: 40px
	}

	.area_09 .title,.current.area_09 .title {
		top: 120px
	}
}

@media screen and (max-height:799px) and (min-height:700px) {
	.hasEm {
		
	}

	.p_pagination {
		bottom:80px
	}

	.area_09 .title,.current.area_09 .title {
		top: 120px
	}
}

@media screen and (max-height:699px) and (min-height:640px) {
	.hasEm {
		
	}

	.p_pagination {
		bottom: 45px
	}

	.area_09 .title,.current.area_09 .title {
		top: 100px
	}

	section .title {
		top: 140px
	}

	section.current .title {
		top: 80px
	}

	.area_02.current .title {
		top: 100px
	}

	.area_02.current .p_pagination {
		top: 210px
	}

	.area_05.current .p_pagination {
		top: 190px
	}

	.area_09 .photo {
		height: 400px
	}
}

@media screen and (max-height:639px) and (min-height:590px) {
	.hasEm {
		
	}

	.p_pagination {
		bottom: 80px
	}

	.area_09 .title,.current.area_09 .title {
		top: 80px
	}

	section .title {
		top: 140px
	}

	section.current .title {
		top: 80px
	}

	.area_02.current .title {
		top: 100px
	}

	.area_02.current .p_pagination {
		top: 210px
	}

	.area_05.current .p_pagination {
		top: 190px
	}

	.area_09 .photo {
		height: 400px
	}
}

@media screen and (max-height:590px) {
	.hasEm {
		font-size: 17px
	}

	.p_pagination {
		bottom: 25px
	}

	.area_09 .title,.current.area_09 .title {
		top: 80px
	}

	section .title {
		top: 140px
	}

	section.current .title {
		top: 80px
	}

	.area_02.current .title {
		top: 100px
	}

	.area_02.current .p_pagination {
		top: 210px
	}

	.area_05.current .p_pagination {
		top: 190px
	}

	.area_09 .photo {
		height: 400px
	}
}

@media screen and (max-width:1200px) {
	header {
		padding: 0 50px 0 10px
	}

	.area_03 .icon_03_02 p {
		padding-right: 5px
	}

	section .title {
		padding: 0 10px
	}

	.pagination .active aside {
		opacity: 0
	}

	.current.area_05[data-index='1'] .iphone {
		left: 35px
	}

	.area_07 .bubble_07 {
		left: 45%
	}
}

.no_css3 .area_06_01 .icon_01_03 {
	width: 20.1944em
}

.no_css3 .icon_02_05,.no_css3 .icon_02_06,.no_css3 .icon_02_07,.no_css3 .icon_02_08,.no_css3 .icon_02_09 {
	display: none
}

.no_bgsize .no_bgsize_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.no_bgsize .current.area_05 .iphone {
	bottom: 0px
}

.no_bgsize .pagination li aside {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

.no_bgsize .pagination li:hover aside {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30)
}

.no_bgsize .current.area_05 .iphone,.no_bgsize .current.area_05[data-index='0'] .iphone,.no_bgsize .current.area_05[data-index='1'] .iphone {
	bottom: 0px;
	left: 50%;
	margin: 0 0 0 -4.5556em
}

.no_bgsize .current.area_05 .child_01,.no_bgsize .current.area_05[data-index='0'] .child_01,.no_bgsize .current.area_05[data-index='1'] .child_01,.no_bgsize .current.area_05 .child_02,.no_bgsize .current.area_05[data-index='0'] .child_02,.no_bgsize .current.area_05[data-index='1'] .child_02 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

.no_bgsize .current.area_05 .circle_01,.no_bgsize .current.area_05[data-index='0'] .circle_01,.no_bgsize .current.area_05[data-index='1'] .circle_01,.no_bgsize .current.area_05 .iphone_01,.no_bgsize .current.area_05[data-index='0'] .iphone_01,.no_bgsize .current.area_05[data-index='1'] .iphone_01,.no_bgsize .current.area_05 .iphone_02,.no_bgsize .current.area_05[data-index='0'] .iphone_02,.no_bgsize .current.area_05[data-index='1'] .iphone_02 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.no_bgsize .area_07 .bubble_07 {
	left: 45%
}

.no_bgsize .area_09 .p_pagination .active {
	color: #666;
	font-weight: bold
}

.no_bgsize .area_09 .p_pagination li:before,.no_bgsize .area_09 .p_pagination li:after,.no_bgsize .area_09 .p_pagination .active:before,.no_bgsize .area_09 .p_pagination .active:after {
	display: none
}

.index {
	min-height: 850px;
	font-size: 16px
}

.index header {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #B2B2B2;
	background: #fff
}

.index section {
	width: 100%;
	height: 660px;
	background: #fff;
	overflow: visible
}

.index section i,.index section a,.tdCode,.index header h1 {
	position: absolute;
	display: block;
	left: 50%;
	top: 0
}

.index section i.phone {
	width: 573px;
	height: 735px;
	background: url(img/99e59b5ac976b424.phone.png) no-repeat;
	top: 100px;
	margin-left: -550px
}

.index section i.logo-l {
	width: 163px;
	height: 230px;
	background: url(img/70c7d0a6bcef5f9f.logo-l.png) no-repeat;
	top: 150px;
	margin-left: 195px;
	color: #999;
	text-align: center;
	padding-top: 200px;
	font-size: 16px;
	white-space: nowrap
}

.index section a.down-link {
	display: block;
	width: 240px;
	height: 60px;
	line-height: 45px;
	padding: 10px 0 0 50px;
	background-color: #4d4d4d;
	background-repeat: no-repeat;
	background-image: url(img/d78a9644c42e0bd3.icon.png);
	margin-left: 80px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	font-size: 15px
}

.index section a.down-link:hover {
	background-color: #5d5d5d
}

.index section a.down-ios {
	top: 444px;
	background-position: 15px 6px
}

.index section a.down-android {
	top: 524px;
	background-position: 15px -147px
}

.index section a.down-disable,.index section a.down-disable:hover {
	background-color: #b3b3b3 !important;
	cursor: default
}

.index section .tdCode {
	width: 125px;
	height: 125px;
	border: 1px solid #ccc;
	top: 444px;
	margin-left: 360px;
	border-radius: 10px;
	background: url(img/f83b1723daf091ad.code.png) center center no-repeat
}

.index section .tdCode p {
	position: absolute;
	top: 135px;
	width: 125px;
	height: 20px;
	text-align: center;
	font-size: 12px
}

.index header h1 {
	width: 130px;
	height: 42px;
	background: url(img/logo.png) no-repeat;
	top: 9px;
	margin-left: -600px;
	overflow: hidden;
	text-indent: -999px
}

.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(50,50,50,0.3);
	display: none
}

.index .dialog {
	width: 300px;
	height: 200px;
	background: #f9f9f9;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -150px;
	border-radius: 15px;
	box-shadow: 0 0 10px #333;
	text-align: center;
	font-size: 14px;
	display: none
}

.index .dialog p {
	padding: 50px
}

.index .dialog a.btn {
	display: inline-block;
	padding: 8px 30px;
	background: #157897;
	border-radius: 8px;
	color: #fff;
	text-decoration: none
}

.index .dialog a.btn:hover {
	background: #28cfff
}

.app {
	text-align: center;
	min-height: 850px;
	font-size: 12px;
	padding-top: 42px
}

.app .logo-l {
	display: inline-block;
	width: 40%;
	margin: 10% 0 5%
}

.app a.down-link {
	display: inline-block;
	width: 65%;
	padding: 3% 0 3% 10%;
	background-color: #4d4d4d;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	margin-top: 5%;
	font-size: 130%;
	line-height: 180%
}

.app a.down-link img {
	width: 16%
}

.app a.down-ios img {
	margin-left: -15%;
	float: left
}

.app a.down-android img {
	margin-left: -15%;
	float: left
}

.app a.down-disable {
	background-color: #b3b3b3 !important;
	cursor: default
}

.app p {
	font-size: 1.5em;
	color: #999;
	margin-bottom: 5%
}

.tip {
	width: 100%;
	background: url(img/efee042546208634.tip.jpg) no-repeat right top #fff;
	position: fixed;
	top: 0;
	color: #000;
	line-height: 30px;
	padding-top: 10px;
	display: none;
	z-index: 999
}

.tip p {
	margin: 5% 10%
}

.tip .title {
	font-size: 2em
}

.tip span {
	color: #000
}

.test {
	font-size: 1.5em;
	line-height: 200%
}

.people,.right-area {
	width: 49%;
	float: left
}

.index-area {
	height: 850px
}

.people {
	height: 850px;
	background: url(img/5ac5c487083dbc09.people.jpg) no-repeat center right
}

.right-area h2 {
	height: 80px;
	background: url(img/8b1eb5344a3c35e4.title.png) no-repeat center left;
	margin-top: 176px;
	overflow: hidden;
	color: #848484
}

.right-area h2 em {
	display: none
}

.right-area .code-box {
	width: 535px;
	height: 312px;
	margin-top: 63px;
	text-align: center
}

@media only screen and (max-width:1260px) and (min-width:960px) {
	.people {
		width: 47%
	}

	.right-area {
		width: 53%
	}
}

@media only screen and (max-width:960px) and (min-width:600px) {
	.app {
		min-height: inherit
	}

	.people {
		display: none
	}

	.right-area {
		width: 535px;
		float: none;
		margin: 0 auto
	}
}

@media only screen and (max-width:600px) {
	.app {
		min-height: inherit
	}

	.people {
		display: none
	}

	.right-area {
		width: 100%;
		float: none;
		margin: 0 auto
	}

	.right-area .code-box {
		width: 100%;
		margin-top: 30px
	}

	.right-area .code-box img {
		width: 80%
	}

	.right-area h2 {
		font-size: 20px;
		background: none;
		margin-top: 50px;
		line-height: 2em
	}

	.right-area h2 span {
		font-size: 15px
	}

	.right-area h2 em {
		display: inline
	}
}

.maintain {
	background: #eee
}

.maintain-box {
	width: 650px;
	margin: 80px auto 0;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 20px #ccc;
	-moz-box-shadow: 0 0 20px #ccc;
	-o-box-shadow: 0 0 20px #ccc;
	-ms-box-shadow: 0 0 20px #ccc;
	box-shadow: 0 0 20px #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #fff
}

.maintain-box h3 {
	padding: 15px 24px 8px;
	border-bottom: 1px solid #ccc
}

.maintain-box .content {
	padding: 40px 24px
}

@media only screen and (max-width:768px) {
	.maintain {
		background: #CCF3FF
	}

	.maintain-box {
		width: 90%;
		border: 0;
		-webkit-box-shadow: 0 0 0 transparent;
		-moz-box-shadow: 0 0 0 transparent;
		-o-box-shadow: 0 0 0 transparent;
		-ms-box-shadow: 0 0 0 transparent;
		box-shadow: 0 0 0 transparent;
		background: rgba(255,255,255,0.7)
	}
}


.isMobile {
	overflow: auto
}

.isMobile header {
	height: 42px;
	background: rgba(255,255,255,0.8)
}

.isMobile .pShow {
	display: none !important
}

.isMobile .mShow {
	display: block !important
}

.isMobile .index_logo {
	width: 80px;
	height: 24px;
	margin-top: 8px;
	background-size: cover
}

.isMobile .btn,.isMobile .btn:hover {
	height: 2em;
	background: #ff6493;
	color: #fff;
	font-size: 14px;
	padding: 0 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none
}

.isMobile .btn:active {
	background: #FFF;
	color: #ff6493
}

.isMobile .btn_dis,.isMobile .btn_dis:hover,.isMobile .btn_dis:active {
	color: #FFF;
	background: #DDD
}

.isMobile .area_index_01 .item_btn_01,.isMobile .area_index_01 .item_btn_02,.isMobile .area_index_01 .item_btn_03 {
	bottom: 1%;
	margin-left: -16.5%;
	width: 33%;
	height: 17%
}

.isMobile .area_index_01 .item_btn_01 {
	left: 16.7%
}

.isMobile .area_index_01 .item_btn_02 {
	left: 50%
}

.isMobile .area_index_01 .item_btn_03 {
	left: auto;
	right: 16.7%;
	margin-left: 0;
	margin-right: -16.5%
}

.isMobile .area_index_01 .btn {
	position: absolute;
	bottom: 10%;
	left: 50%;
	margin-left: -39px
}

.isMobile .area_index_01 .item_btn_04,.isMobile .area_index_01 .item_btn_05 {
	width: 50%;
	height: 32%;
	top: 43%;
	left: 0
}

.isMobile .area_index_01 .item_btn_05 {
	left: 50%
}

.isMobile div.section_group {
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
	-ms-transition: 0;
	transition: 0
}

.isMobile div.section_group .area_index {
	background: #f2f2f2 url(img/dcbadf048e35229c.area_01.jpg) no-repeat;
	background-size: 100% !important
}

.isMobile div.section_group .area_index * {
	display: block
}

.isMobile div.section_group .area_index .logo_index {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0
}

.isMobile div.section_group .area_index .logo_index_title,.isMobile div.section_group .area_index .scroll_down {
	display: none
}

.isMobile div.section_group .area_index .logo_index_btn {
	font-size: 18px;
	height: 36px;
	line-height: 36px;
	width: 100px
}

.isMobile div.section_group .area_index p {
	position: absolute;
	bottom: 20px;
	width: 100%
}

.isMobile div.section_group .area_index_sub {
	height: 135%
}

.isMobile div.section_group .area_02 {
	background: url(img/021a6179478c0cfc.area_02.jpg);
	height: 92.2%
}

.isMobile div.section_group .area_03 {
	background: url(img/a7e0a10ed6a7b52b.area_03.jpg);
	height: 71.1%
}

.isMobile div.section_group .area_04 {
	background: url(img/0019f4d3cf5a8f01.area_04.jpg);
	height: 66.6%
}

.isMobile div.section_group .area_05 {
	background: url(img/4fd76a3a315d9fb1.area_05.jpg);
	height: 66.6%
}

.isMobile div.section_group .area_06 {
	background: url(img/494ff28438947319.area_06.jpg);
	height: 213.3%
}

.isMobile div.section_group .area_07 {
	background: url(img/99b762bb63195997.area_07.jpg);
	height: 88.8%
}

.isMobile div.section_group .area_08 {
	background: url(img/63ead741614edd4c.area_08.jpg);
	height: 100%
}

.isMobile div.section_group .area_09 {
	height: 200%;
	background: url(img/a14b31ec57348bcd.area_09.jpg);
	height: 44.1%
}

.isMobile div.section_group .area_10 * {
	display: block
}

.isMobile div.section_group .area_10 .weixin_code {
	top: 10%
}

.isMobile div.section_group .area_10 .weixin_code .weixin_code_item {
	background: url(img/weixin_code.jpg)
}

.isMobile div.section_group .area_10 .weixin_code p {
	font-size: 14px
}

.isMobile div.section_group .area_10 .btn.abs {
	bottom: 15%;
	font-size: 20px;
	padding: 0 20px;
	margin-left: -61px;
	left: 50%
}

.isMobile .footer {
	height: 160px
}

.isMobile .footer .l_area,.isMobile .footer .r_area {
	width: 100%;
	display: none
}

.isMobile .footer .footer_item {
	padding-top: 20px;
	width: auto
}

.isMobile .footer .footer_item img {
	width: 36px;
	height: 36px
}

.isMobile .footer .footer_item h3 {
	font-size: 12px
}

.isMobile .footer .footer_area {
	display: block
}

.isMobile .footer .sc_area {
	margin-top: 30px;
	text-align: center;
	font-size: 12px
}

.isMobile .footer .sc_area .sc_item {
	margin: 0;
	padding: 5px
}

.isMobile .footer .sc_area .sc_item p {
	display: none
}

.isMobile .footer .sc_area .sc_item .sc_code_01 {
	width: 100px;
	margin-left: -50px
}

.isMobile .footer .sc_area .sc_item .sc_code_02 {
	width: 150px;
	margin-left: -75px
}

.isMobile .no_fix {
	padding-top: 42px
}

.isMobile .box_404 {
	width: 100%;
	margin: 0;
	background-image: none;
	padding: 100px 0 0 0;
	text-align: center
}

.isMobile .box_404 h2 {
	font-size: 18px
}

.isMobile .box_404 .btn {
	font-size: 18px
}

.isMobile .box_404 span {
	display: block;
	margin-top: 20px
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(0)
	}

	50% {
		-moz-transform: translateY(-10px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(0)
	}

	50% {
		-o-transform: translateY(-10px)
	}

	100% {
		-o-transform: translateY(0)
	}
}

@-ms-keyframes slideDown {
	0% {
		-ms-transform: translateY(0)
	}

	50% {
		-ms-transform: translateY(-10px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes circle {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes circle {
	0% {
		opacity: 0;
		-moz-transform: scale(.5)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-moz-transform: scale(1)
	}
}

@-o-keyframes circle {
	0% {
		opacity: 0;
		-o-transform: scale(.5)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-o-transform: scale(1)
	}
}

@-ms-keyframes circle {
	0% {
		opacity: 0;
		-ms-transform: scale(.5)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-ms-transform: scale(1)
	}
}

@keyframes circle {
	0% {
		opacity: 0;
		transform: scale(.5)
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: scale(1)
	}
}

@-webkit-keyframes fade {
	0% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}

	33% {
		background: url(img/6c9b425724a44894.icon_06_03_04.png) no-repeat;
		background-size: cover
	}

	66% {
		background: url(img/38915ee540bbd270.icon_06_03_05.png) no-repeat;
		background-size: cover
	}

	100% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}
}

@-moz-keyframes fade {
	0% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}

	33% {
		background: url(img/6c9b425724a44894.icon_06_03_04.png) no-repeat;
		background-size: cover
	}

	66% {
		background: url(img/38915ee540bbd270.icon_06_03_05.png) no-repeat;
		background-size: cover
	}

	100% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}
}

@-o-keyframes fade {
	0% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}

	33% {
		background: url(img/6c9b425724a44894.icon_06_03_04.png) no-repeat;
		background-size: cover
	}

	66% {
		background: url(img/38915ee540bbd270.icon_06_03_05.png) no-repeat;
		background-size: cover
	}

	100% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}
}

@-ms-keyframes fade {
	0% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}

	33% {
		background: url(img/6c9b425724a44894.icon_06_03_04.png) no-repeat;
		background-size: cover
	}

	66% {
		background: url(img/38915ee540bbd270.icon_06_03_05.png) no-repeat;
		background-size: cover
	}

	100% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}
}

@keyframes fade {
	0% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}

	33% {
		background: url(img/6c9b425724a44894.icon_06_03_04.png) no-repeat;
		background-size: cover
	}

	66% {
		background: url(img/38915ee540bbd270.icon_06_03_05.png) no-repeat;
		background-size: cover
	}

	100% {
		background: url(img/8630a43ab4f5a5e5.icon_06_03_03.png) no-repeat;
		background-size: cover
	}
}

@-webkit-keyframes step {
	0% {
		top: 380px;
		right: 133px
	}

	20% {
		top: 343px;
		right: 214px
	}

	100% {
		top: 443px;
		right: 471px
	}
}

@-moz-keyframes step {
	0% {
		top: 380px;
		right: 133px
	}

	20% {
		top: 343px;
		right: 214px
	}

	100% {
		top: 443px;
		right: 471px
	}
}

@-ms-keyframes step {
	0% {
		top: 380px;
		right: 133px
	}

	20% {
		top: 343px;
		right: 214px
	}

	100% {
		top: 443px;
		right: 471px
	}
}

@-o-keyframes step {
	0% {
		top: 380px;
		right: 133px
	}

	20% {
		top: 343px;
		right: 214px
	}

	100% {
		top: 443px;
		right: 471px
	}
}

@keyframes step {
	0% {
		top: 380px;
		right: 133px
	}

	20% {
		top: 343px;
		right: 214px
	}

	100% {
		top: 443px;
		right: 471px
	}
}

@-webkit-keyframes step2 {
	0% {
		top: 9.7778em;
		left: 4.9444em
	}

	20% {
		top: 9.0278em;
		left: 4.9167em
	}

	100% {
		top: 9.1667em;
		left: 1.6944em
	}
}

@-moz-keyframes step2 {
	0% {
		top: 9.7778em;
		left: 4.9444em
	}

	20% {
		top: 9.0278em;
		left: 4.9167em
	}

	100% {
		top: 9.1667em;
		left: 1.6944em
	}
}

@-o-keyframes step2 {
	0% {
		top: 9.7778em;
		left: 4.9444em
	}

	20% {
		top: 9.0278em;
		left: 4.9167em
	}

	100% {
		top: 9.1667em;
		left: 1.6944em
	}
}

@-ms-keyframes step2 {
	0% {
		top: 9.7778em;
		left: 4.9444em
	}

	20% {
		top: 9.0278em;
		left: 4.9167em
	}

	100% {
		top: 9.1667em;
		left: 1.6944em
	}
}

@keyframes step2 {
	0% {
		top: 9.7778em;
		left: 4.9444em
	}

	20% {
		top: 9.0278em;
		left: 4.9167em
	}

	100% {
		top: 9.1667em;
		left: 1.6944em
	}
}

@-webkit-keyframes fade2 {
	0% {
		opacity: 0
	}

	4% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	29% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes fade2 {
	0% {
		opacity: 0
	}

	4% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	29% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes fade2 {
	0% {
		opacity: 0
	}

	4% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	29% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes fade2 {
	0% {
		opacity: 0
	}

	4% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	29% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes fade2 {
	0% {
		opacity: 0
	}

	4% {
		opacity: 1
	}

	25% {
		opacity: 0
	}

	29% {
		opacity: 1
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes fade4 {
	0% {
		width: 0;
		opacity: 0
	}

	25% {
		width: 0;
		opacity: 1
	}

	40% {
		width: 20.1944em;
		opacity: 1
	}

	100% {
		opacity: 0;
		width: 20.1944em
	}
}

@-moz-keyframes fade4 {
	0% {
		width: 0;
		opacity: 0
	}

	25% {
		width: 0;
		opacity: 1
	}

	40% {
		width: 20.1944em;
		opacity: 1
	}

	100% {
		opacity: 0;
		width: 20.1944em
	}
}

@-o-keyframes fade4 {
	0% {
		width: 0;
		opacity: 0
	}

	25% {
		width: 0;
		opacity: 1
	}

	40% {
		width: 20.1944em;
		opacity: 1
	}

	100% {
		opacity: 0;
		width: 20.1944em
	}
}

@-ms-keyframes fade4 {
	0% {
		width: 0;
		opacity: 0
	}

	25% {
		width: 0;
		opacity: 1
	}

	40% {
		width: 20.1944em;
		opacity: 1
	}

	100% {
		opacity: 0;
		width: 20.1944em
	}
}

@keyframes fade4 {
	0% {
		width: 0;
		opacity: 0
	}

	25% {
		width: 0;
		opacity: 1
	}

	40% {
		width: 20.1944em;
		opacity: 1
	}

	100% {
		opacity: 0;
		width: 20.1944em
	}
}

@-webkit-keyframes slideDown2 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-webkit-transform: translate(60px, -30px);
		opacity: 1
	}
}

@-moz-keyframes slideDown2 {
	0% {
		-moz-transform: translate(0, 0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-moz-transform: translate(60px, -30px);
		opacity: 1
	}
}

@-o-keyframes slideDown2 {
	0% {
		-o-transform: translate(0, 0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-o-transform: translate(60px, -30px);
		opacity: 1
	}
}

@-ms-keyframes slideDown2 {
	0% {
		-ms-transform: translate(0, 0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		-ms-transform: translate(60px, -30px);
		opacity: 1
	}
}

@keyframes slideDown2 {
	0% {
		transform: translate(0, 0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		transform: translate(60px, -30px);
		opacity: 1
	}
}

@-webkit-keyframes fade3 {
	0% {
		-webkit-transform: translate(0, 0) scale(.8);
		opacity: 0
	}

	15% {
		opacity: 1
	}

	25% {
		-webkit-transform: translate(0, -15px) scale(1)
	}

	35% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(0, -15px) scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, -15px) scale(1)
	}
}

@-moz-keyframes fade3 {
	0% {
		-moz-transform: translate(0, 0) scale(.8);
		opacity: 0
	}

	15% {
		opacity: 1
	}

	25% {
		-moz-transform: translate(0, -15px) scale(1)
	}

	35% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-moz-transform: translate(0, -15px) scale(1)
	}

	100% {
		opacity: 0;
		-moz-transform: translate(0, -15px) scale(1)
	}
}

@-o-keyframes fade3 {
	0% {
		-o-transform: translate(0, 0) scale(.8);
		opacity: 0
	}

	15% {
		opacity: 1
	}

	25% {
		-o-transform: translate(0, -15px) scale(1)
	}

	35% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-o-transform: translate(0, -15px) scale(1)
	}

	100% {
		opacity: 0;
		-o-transform: translate(0, -15px) scale(1)
	}
}

@-ms-keyframes fade3 {
	0% {
		-ms-transform: translate(0, 0) scale(.8);
		opacity: 0
	}

	15% {
		opacity: 1
	}

	25% {
		-ms-transform: translate(0, -15px) scale(1)
	}

	35% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-ms-transform: translate(0, -15px) scale(1)
	}

	100% {
		opacity: 0;
		-ms-transform: translate(0, -15px) scale(1)
	}
}

@keyframes fade3 {
	0% {
		transform: translate(0, 0) scale(.8);
		opacity: 0
	}

	15% {
		opacity: 1
	}

	25% {
		transform: translate(0, -15px) scale(1)
	}

	35% {
		opacity: 1
	}

	50% {
		opacity: 0;
		transform: translate(0, -15px) scale(1)
	}

	100% {
		opacity: 0;
		transform: translate(0, -15px) scale(1)
	}
}

@-webkit-keyframes rotateX {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotateX {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes rotateX {
	0% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(360deg)
	}
}

@-ms-keyframes rotateX {
	0% {
		-ms-transform: rotate(0deg)
	}

	100% {
		-ms-transform: rotate(360deg)
	}
}

@keyframes rotateX {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes notel {
	0% {
		-webkit-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-webkit-transform: rotate(-45deg);
		opacity: 0
	}
}

@-moz-keyframes notel {
	0% {
		-moz-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-moz-transform: rotate(-45deg);
		opacity: 0
	}
}

@-o-keyframes notel {
	0% {
		-o-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-o-transform: rotate(-45deg);
		opacity: 0
	}
}

@-ms-keyframes notel {
	0% {
		-ms-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-ms-transform: rotate(-45deg);
		opacity: 0
	}
}

@keyframes notel {
	0% {
		transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		transform: rotate(-45deg);
		opacity: 0
	}
}

@-webkit-keyframes noter {
	0% {
		-webkit-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-webkit-transform: rotate(45deg);
		opacity: 0
	}
}

@-moz-keyframes noter {
	0% {
		-moz-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-moz-transform: rotate(45deg);
		opacity: 0
	}
}

@-o-keyframes noter {
	0% {
		-o-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-o-transform: rotate(45deg);
		opacity: 0
	}
}

@-ms-keyframes noter {
	0% {
		-ms-transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		-ms-transform: rotate(45deg);
		opacity: 0
	}
}

@keyframes noter {
	0% {
		transform: rotate(0deg);
		opacity: 0
	}

	25% {
		opacity: 1
	}

	100% {
		transform: rotate(45deg);
		opacity: 0
	}
}