.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:20px;
	left:50%;
	margin-left:-12px;
	width:20px;
	height:45px;
	z-index:999;
	cursor:pointer;
	background:url(img/bde546038ff60842.scroll_down.png) no-repeat;
	-webkit-animation:slideDown 1.6s ease-in-out 0s infinite;
	animation:slideDown 1.6s ease-in-out 0s infinite
}
.pagination {
	position:fixed; overflow:hidden;
	top:50%;  
	-webkit-transform: translateY(-50%); 
	-MOZ-transform: translateY(-50%); 
	-MS-transform: translateY(-50%); 
	-O-transform: translateY(-50%); 
	transform: translateY(-50%);
	left:30px;
	width:26px;
	z-index:999;
	font-size:14px;
}
.pagination li {
	width:23px;
	height:56px;
	cursor:pointer;
	margin:0px auto;
	position:relative
}
.pagination li span {
	display:block;
	height:56px;
	width:23px;
	margin:0px;
	background: url(../images/ceb1.png) center center no-repeat;
	-webkit-transition:500ms;
	-moz-transition:500ms;
	-o-transition:500ms;
	-ms-transition:500ms;
	transition:500ms;
}
/*.pagination li:last-child{ width:0 !important; height:0 !important;}
.pagination li:last-child span{ background:none !important;}*/
.pagination li aside {
	position:absolute;
	background:url(img/e1aa231dd0d97f2d.b20.png);
	color:#fff;
	right:140%;
	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(../images/ceb2.png) center center no-repeat;
}
.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;
}
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;buttom:auto;
	text-align:center;
	position:absolute; 
	bottom:0px;
	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
}
.p_pagination ul { position:relative;
	display:inline-block; 
	overflow:hidden; padding:0 23px;
}
.p_pagination li {
	height:100%;
	width:132px;
	display:inline-block;
	background:url(../images/san_kbg.png) center center no-repeat;
	color:#fff;
	line-height:40px;
	text-align:center;
	cursor:pointer;
}
.p_pagination li:last-child {
	border:0
}
.p_pagination .active {
	background:url(../images/san_kbg2.png) center center no-repeat;
	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)
}

@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{ position:relative; height:100%;}
.area_02 .title {
	text-align:right;
	bottom:100px;
	padding-right:50px
}
.area_02 .title_main { text-align:center;
	background: url(../images/ban_qie1.png) center ;
}
.area_02 .p_pagination {
	right:0;
	left:auto;
	bottom:100px;
	width:100%;
	opacity:0
}
.area_02 .box_02_02 {
	position:absolute; width:100%;
	top:18%;
}
.area_02 .bubble_02_01{
	width:100%;
	height:24%;
	left:300px;
	opacity:0;
}/**
.bubble_02_01{ overflow: hidden;}
.bubble_02_01 .lf{ display:block; height:100%; position:relative; width:20%; float:left; left:300px; text-align:center;opacity:0;}
.bubble_02_01 .lf img{ width:auto; height:100%;}
.area_02_01.active .bubble_02_01 .lf, .area_02_02.active .bubble_02_01 .lf, .area_02_03.active .bubble_02_01 .lf {
	opacity:1; left:0;
}

.area_02 .bubble_02_02 { border:6px solid #F00;
	background:url(img/7121ede4d7d1a31c.bubble_02_02.png) no-repeat;
	top:8.3333em;
	left:8.3333em
}**/

/*
.area_03 {
	background-size:cover;
	z-index:1
}


.area_04 {
	background:#FF94C8;
	z-index:1
}
.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 .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
}*/

.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 {
font-size:36px
}
}
@media screen and (max-height:899px) and (min-height:800px) {
.hasEm {
font-size:30.4px
}
.p_pagination {
bottom:40px
}
.area_09 .title, .current.area_09 .title {
top:120px
}
}
@media screen and (max-height:799px) and (min-height:700px) {
.hasEm {
font-size:24.4px
}
.p_pagination {
bottom:40px
}
.area_09 .title, .current.area_09 .title {
top:120px
}
}
@media screen and (max-height:699px) and (min-height:640px) {
.hasEm {
font-size:24px
}
.p_pagination {
bottom:25px
}
.area_09 .title, .current.area_09 .title {
bottom:60px
}
section .title {
top:140px
}
section.current .title {
top:80px
}
.area_02.current .title {
bottom:60px
}
.area_02.current .p_pagination {
bottom:100px
}
.area_05.current .p_pagination {
bottom:190px
}
.area_09 .photo {
height:400px
}
}
@media screen and (max-height:639px) and (min-height:590px) {
.hasEm {
font-size:21px
}
.p_pagination {
bottom:25px
}
.area_09 .title, .current.area_09 .title {
bottom:60px
}
section .title {
bottom:140px
}
section.current .title {
bottom:60px
}
.area_02.current .title {
bottom:60px
}
.area_02.current .p_pagination {
bottom:100px
}
.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 {
bottom:100px
}
.area_02.current .p_pagination {
bottom:100px
}
.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)
}
}
@media only screen and (max-width:768px) {
.menu_btn {
height:28px;
width:28px;
position:absolute;
top:7px;
right:-40px;
background:url(img/5c6600d0721afe59.menu_btn.png);
background-size:cover
}
.index_menu {
position:fixed;
top:42px;
left:0;
right:0;
padding:0;
margin:0;
height:0px;
overflow:hidden;
background:rgba(0, 0, 0, 0.2);
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
-ms-transition:.4s;
transition:.4s
}
.index_menu ul {
margin:0;
padding:0
}
.index_menu ul .dropdown {
display:none
}
.index_menu ul li {
margin:0;
padding:0;
width:100%;
height:50px;
line-height:50px;
border-bottom:1px solid #ccc;
text-align:center;
background:rgba(255, 255, 255, 0.8)
}
.index_menu ul li a {
color:#333
}
.index_menu ul li:active {
background:#eee
}
.index_menu ul .active a {
color:#ff6493
}
.index_menu.current {
height:100%
}
body .section_group section:not(.footer) {
background-image:none;
background-position:top center;
background-size:cover !important
}
body .section_group section:not(.footer) * {
display:none;
background-image:none
}
.body_area_m {
width:100%
}
.body_area_m img {
width:100%
}
.specs_title {
font-size:18px;
padding:10px
}
.specs_table {
width:100%;
margin:0;
font-size:14px
}
.specs_table td, .specs_table th {
padding:10px 0
}
.specs_table th {
width:80px;
padding-right:10px
}
.specs_table td {
padding-right:10px
}
.question_list {
margin:0
}
.question_list .title {
padding:0 0 10px 10px;
font-size:16px
}
.question_list .question_item {
padding:0 20px 20px
}
.question_list .question_item .question {
font-size:16px
}
.question_list .question_item .question:before {
top:4px
}
.question_list .question_item .answer {
font-size:14px
}
.question_list .question_item .answer:before {
top:1px
}
}
/*
.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
}
}
*/