*{padding:0px;margin:0px;font-family:"微软雅黑";}
body{
	width:100%;
	height:100%;
	}
html{
	width:100%;
	height:100%;
	}
document{
	width:100%;
	height:100%;
	}
.clear{
	clear:both;	
	}
.hide{
	display:none;	
	}
.z-index-top{
	z-index:100;	
	}
.top-menu{
	width:100%;height:80px;margin:0 auto;/*background:#37434e;*/opacity: 0.9;background: #243645 none no-repeat scroll 0 0;background:#243645 rgba(255, 0, 0, 0.9) none no-repeat scroll 0 0;}
.top-menu-logo{
	width:120px;
	height:40px;
	float:left;
	background-image:url(../images/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:66px auto;	
	}
.top-menu-one{
	float:left;
	height:40px;
	line-height:40px;
	color:#999;
	padding:0 12px;
	font-size:14px;
	cursor: pointer;
	transition:letter-spacing 0.4s,color 0.4s;
	-moz-transition:letter-spacing 0.4s,color 0.4s ;	/* Firefox 4 */
	-webkit-transition:letter-spacing 0.4s,color 0.4s ;	/* Safari 和 Chrome */
	-o-transition:letter-spacing 0.4s,color 0.4s ;
	}
.top-menu-one:hover{
	color:#247fd3;
	letter-spacing:2px;
	}
.top-menu-sl{
	color:#247fd3;	
	}
.bg-con{
	position:absolute;	
	left:0;
	bottom:0;
	overflow:hidden;
	z-index: -1;
	}
.main-show-body{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	left:0;
	bottom:0;
	background-color:#247fd3;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 100% ;
	z-index:-1;
	}
.down{
	width:100%;
	height:40px;
	left:0;
	bottom:18px;
	background-image:url(../images/down.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:55px auto;
	position:absolute;
	z-index:100000000000000;
	animation: down_an 2.5s linear infinite;
	-moz-animation: down_an 2.5s linear infinite;	/* Firefox */
	-webkit-animation: down_an 2.5s linear infinite;	/* Safari 和 Chrome */
	-o-animation: down_an 2.5s linear infinite;	
	}
.up{
	display:none;
	width:100%;
	height:40px;
	left:0;
	top:58px;
	background-image:url(../images/up.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:55px auto;
	position:absolute;
	z-index:100000000000000;
	animation: up_an 2.5s linear infinite;
	-moz-animation: up_an 2.5s linear infinite;	/* Firefox */
	-webkit-animation: up_an 2.5s linear infinite;	/* Safari 和 Chrome */
	-o-animation: up_an 2.5s linear infinite;
	}
@keyframes down_an
{
	50%{bottom:0; opacity:0}
	100% {bottom:18px;}
	}

@-moz-keyframes down_an /* Firefox */
{
	50%{bottom:0; opacity:0}
	100% {bottom:18px;}
	}

@-webkit-keyframes down_an /* Safari 和 Chrome */
{
	50%{bottom:0; opacity:0}
	100% {bottom:18px;}
	}

@-o-keyframes down_an /* Opera */
{
	50%{bottom:0; opacity:0}
	100% {bottom:18px;}
	}
@keyframes up_an
{
	50%{top:40px; opacity:0}
	100% {top:58px;}
	}

@-moz-keyframes up_an /* Firefox */
{
	50%{top:40px; opacity:0}
	100% {top:58px;}
	}

@-webkit-keyframes up_an /* Safari 和 Chrome */
{
	50%{top:40px; opacity:0}
	100% {top:58px;}
	}

@-o-keyframes up_an /* Opera */
{
	50%{top:40px; opacity:0}
	100% {top:58px;}
	}
.loading{
	position:absolute;
	z-index:1000;
	left:0;
	bottom:0;
	background-color:#fff;	
	}
.show-one-lt{
	width:50%;
	height:50%;
	position:absolute;
	/*left:0;
	top:0;*/
	left: 5%;
    top: 10%;
	/*background-color:#0ecb63;*/	
	}
.show-one-rt{
	width:50%;
	height:50%;
	position:absolute;
	left:50%;
	top:0;
	background-color:#1f9fdf;	
	}
.show-one-lb{
	width:50%;
	height:50%;
	position:absolute;
	left:0;
	top:50%;
	background-color:#dd6b54;	
	}
.show-one-rb{
	width:50%;
	height:50%;
	position:absolute;
	left:50%;
	top:50%;
	background-color:#e5be35;	
	}
.show-one-con{
	position:relative;
	float:left;
	/*width:45%;*/
	width:80%;
	height:100%;
	overflow:hidden;
	}
.show-one-play{
	position:relative;
	float:left;
	width:55%;
	height:100%;
	overflow:hidden;
	}
.show-one-con-h{
	width:80%;
	height:30px;
	padding:18% 0 0 0;
	margin-left:15%;
	overflow:hidden;
	line-height:30px;
	color:#fff;
	font-size:22px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	padding-bottom:15px;
	}
.show-one-con-text{
	width:80%;
	height:70%;
	padding:15px 0 0 15%;
	overflow:hidden;
	line-height:24px;
	color:#fff;
	font-size:15px;
	}
.iphone{
	position:absolute;
	width:150px;
	height:	260px;
	background-image:url(../images/iphone.png);
	background-position:center;
	background-size:100% auto;
	background-repeat:no-repeat;
	margin-left:-75px;
	margin-top:-130px
	}
.ipad{
	position:absolute;
	width:230px;
	height:	310px;
	background-image:url(../images/ipad.png);
	background-position:center;
	background-size:92% auto;
	background-repeat:no-repeat;
	margin-left:-115px;
	margin-top:-155px;
	}
.macbook{
	position:absolute;
	width:400px;
	height:	300px;
	background-image:url(../images/macbook.png);
	background-position:center;
	background-size:92% auto;
	background-repeat:no-repeat;
	margin-left:-200px;
	margin-top:-150px;
	}
.macbook-screen{
	width:285px;
	height:180px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:58px;
	top:56px;
	}
.imac{
	position:absolute;
	width:340px;
	height:	280px;
	background-image:url(../images/imac.png);
	background-position:center;
	background-size:92% auto;
	background-repeat:no-repeat;
	margin-left:-170px;
	margin-top:-140px;
	}
.show-ch{
	width:146px;
	height:88px;
	position:absolute;
	left:92px;
	top:57px;
	background-color:#fff;
	overflow:hidden;
	}
.show-ch-img{
	position:absolute;
	width: auto;
	height:88px;
	left:0;
	}
.ballgree{
	position:absolute;
	width:13px;
	height:13px;
	border:2px solid #999;
	border-radius:50%;
	left:50%;
	margin-left:-9px;
	top:202px;
	}
.ipad-screen{
	width:184px;
	height:243px;
	background-color:#fff;
	background-image: url(../images/show-4-bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:23px;
	top:33px;
	border:1px solid #ccc;
	}
.iphone-screen{
	width:109px;
	height:196px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:20px;
	top:30px;
	border:1px solid #ccc;
	}
.footlogo{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	opacity:0;	
	}
.imac-screen{
	width:290px;
	height:162px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:25px;
	top:23px;
	}
.one-play-a{
	left:32%;
	top:50%;	
	}
.one-play-b{
	left:50%;
	top:50%;
	z-index:1;
	transform:scale(1.05)
	}
.one-play-c{
	left:68%;
	top:50%;	
	}
.two-play-a{
	left:50%;
	top:50%;	
	}
.two-play-b{
	left:77%;
	top:41%;	
	}
.three-play-a{
	left:50%;
	top:50%;	
	}
.three-play-b{
	left:77%;
	top:53%;
	transform:scale(0.9);
	}
.four-play-a{
	left:34%;
	top:50%;
	z-index:1
	}
.four-play-b{
	left:68%;
	top:50%;
	}
.minions-a{
	background-image:url(../images/minions-a-bg.png);
	background-position:0 0;
	background-size:500px 400px;
	background-repeat:no-repeat;
	position:absolute;
	width:100px;
	height:100px;
	left:10px;
	top:118px;	
	}
.minions-a-an{
	animation:0.8s a_an 0.4s forwards step-start;
	-moz-animation:0.8s a_an 0.4s forwards step-start;	/* Firefox */
	-webkit-animation:0.8s a_an 0.4s forwards step-start;	/* Safari 和 Chrome */
	-o-animation:0.8s a_an 0.4s forwards step-start;	
	}
@keyframes a_an
{
    0%, 3.8%{background-position:0 0}
    12%, 15.8%{background-position:-100px 0}
    24%, 27.8%{background-position:-200px 0}
    36%, 39.8%{background-position:-300px 0}
    48%, 51.8%{background-position:-400px 0}
    60%, 63.8%{background-position:0 -100px}
    72%, 75.8%{background-position:-100px -100px}
    84%, 87.8%{background-position:-200px -100px}
    96%, 100%{background-position:0 0}
	}

@-moz-keyframes a_an /* Firefox */
{
    0%, 3.8%{background-position:0 0}
    12%, 15.8%{background-position:-100px 0}
    24%, 27.8%{background-position:-200px 0}
    36%, 39.8%{background-position:-300px 0}
    48%, 51.8%{background-position:-400px 0}
    60%, 63.8%{background-position:0 -100px}
    72%, 75.8%{background-position:-100px -100px}

    84%, 87.8%{background-position:-200px -100px}
    96%, 100%{background-position:0 0}
	}

@-webkit-keyframes a_an /* Safari 和 Chrome */
{
    0%, 3.8%{background-position:0 0}
    12%, 15.8%{background-position:-100px 0}
    24%, 27.8%{background-position:-200px 0}
    36%, 39.8%{background-position:-300px 0}
    48%, 51.8%{background-position:-400px 0}
    60%, 63.8%{background-position:0 -100px}
    72%, 75.8%{background-position:-100px -100px}
    84%, 87.8%{background-position:-200px -100px}
    96%, 100%{background-position:0 0}
	}
@-o-keyframes a_an /* Opera */
{
    0%, 3.8%{background-position:0 0}
    12%, 15.8%{background-position:-100px 0}
    24%, 27.8%{background-position:-200px 0}
    36%, 39.8%{background-position:-300px 0}
    48%, 51.8%{background-position:-400px 0}
    60%, 63.8%{background-position:0 -100px}
    72%, 75.8%{background-position:-100px -100px}
    84%, 87.8%{background-position:-200px -100px}
    96%, 100%{background-position:0 0}
	}
.minions-b{
	background-image:url(../images/minions-b-bg.png);
	background-position:0 0;
	background-size:500px auto;
	background-repeat:no-repeat;
	position:absolute;
	width:100px;
	height:100px;
	left:80px;
	top:125px;
	transform:scale(0.9);
	}
.minions-b-an{
	animation:1.2s b_an 0.2s forwards step-start;
	-moz-animation:1.2s b_an 0.2s forwards step-start;	/* Firefox */
	-webkit-animation:1.2s b_an 0.2s forwards step-start;	/* Safari 和 Chrome */
	-o-animation:1.2s b_an 0.2s forwards step-start;	
	}
@keyframes b_an
{
    0%, 3.8%{background-position:0 0}
    8.7%, 12.5%{background-position:0 0}
    17.4%, 21.2%{background-position:0 0}
    26.1%, 29.9%{background-position:-100px 0}
    34.8%, 38.6%{background-position:-200px 0}
    43.5%, 47.3%{background-position:-300px 0}
    52.2%, 56%{background-position:-400px 0}
    60.9%, 64.7%{background-position:0 -100px}
    69.6%, 73.4%{background-position:-100px -100px}
    78.3%, 82.1%{background-position:-200px -100px}
    87%, 90.8%{background-position:-300px -100px}
    95.7%, 100%{background-position:-400px -100px}
	}

@-moz-keyframes b_an /* Firefox */
{
    0%, 3.8%{background-position:0 0}
    8.7%, 12.5%{background-position:0 0}
    17.4%, 21.2%{background-position:0 0}
    26.1%, 29.9%{background-position:-100px 0}
    34.8%, 38.6%{background-position:-200px 0}
    43.5%, 47.3%{background-position:-300px 0}
    52.2%, 56%{background-position:-400px 0}
    60.9%, 64.7%{background-position:0 -100px}
    69.6%, 73.4%{background-position:-100px -100px}
    78.3%, 82.1%{background-position:-200px -100px}
    87%, 90.8%{background-position:-300px -100px}
    95.7%, 100%{background-position:-400px -100px}
	}

@-webkit-keyframes b_an /* Safari 和 Chrome */
{
    0%, 3.8%{background-position:0 0}
    8.7%, 12.5%{background-position:0 0}
    17.4%, 21.2%{background-position:0 0}
    26.1%, 29.9%{background-position:-100px 0}
    34.8%, 38.6%{background-position:-200px 0}
    43.5%, 47.3%{background-position:-300px 0}
    52.2%, 56%{background-position:-400px 0}
    60.9%, 64.7%{background-position:0 -100px}
    69.6%, 73.4%{background-position:-100px -100px}
    78.3%, 82.1%{background-position:-200px -100px}
    87%, 90.8%{background-position:-300px -100px}
    95.7%, 100%{background-position:-400px -100px}
	}
@-o-keyframes b_an /* Opera */
{
    0%, 3.8%{background-position:0 0}
    8.7%, 12.5%{background-position:0 0}
    17.4%, 21.2%{background-position:0 0}
    26.1%, 29.9%{background-position:-100px 0}
    34.8%, 38.6%{background-position:-200px 0}
    43.5%, 47.3%{background-position:-300px 0}
    52.2%, 56%{background-position:-400px 0}
    60.9%, 64.7%{background-position:0 -100px}
    69.6%, 73.4%{background-position:-100px -100px}
    78.3%, 82.1%{background-position:-200px -100px}
    87%, 90.8%{background-position:-300px -100px}
    95.7%, 100%{background-position:-400px -100px}
	}
.one-play-a{
	transition:left linear 0.4s;
	-moz-transition:left linear 0.4s;	/* Firefox 4 */
	-webkit-transition:left linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:left linear 0.4s;
	}
.show-one-lt:hover .one-play-a{
	left:40%;
	}
.one-play-b{
	transition:transform linear 0.4s;
	-moz-transition:transform linear 0.4s;	/* Firefox 4 */
	-webkit-transition:transform linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:transform linear 0.4s;
	}
.show-one-lt:hover .one-play-b{
	transform:scale(1.1)
	}
.one-play-c{
	transition:left linear 0.4s;
	-moz-transition:left linear 0.4s;	/* Firefox 4 */
	-webkit-transition:left linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:left linear 0.4s;
	}
.show-one-lt:hover .one-play-c{
	left:60%;
	}
.mic1{
	position:absolute;
	left:0;
	height:100%;
	width:100%;
	background-image:url(../images/1-e-2.jpg);
	background-repeat:no-repeat;
	background-size:70px auto;
	background-position:center;
	transition:transform linear 0.4s;
	-moz-transition:transform linear 0.4s;	/* Firefox 4 */
	-webkit-transition:transform linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:transform linear 0.4s;
	}
.show-one-lt:hover .mic1{
	transform:rotateY(180deg) scale(1);
	}
	
.two-play-a{
	transition:left linear 0.4s;
	-moz-transition:left linear 0.4s;	/* Firefox 4 */
	-webkit-transition:left linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:left linear 0.4s;
	}
.show-one-rt:hover .two-play-a{
	left:55%;
	}
.two-play-b{
	transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;
	-moz-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;	/* Firefox 4 */
	-webkit-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;
	}
.show-one-rt:hover .two-play-b{
	transform:rotateZ(-90deg);
	left:65%;
	top:50%;
	}
.footlogo{
	transition: opacity linear 0.4s;
	-moz-transition:opacity linear 0.4s;	/* Firefox 4 */
	-webkit-transition:opacity linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:opacity linear 0.4s;
	}
.show-one-rt:hover .footlogo{
	opacity:1;
	}
	
.three-play-a{
	transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;
	-moz-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;	/* Firefox 4 */
	-webkit-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;
	}
.show-one-lb:hover .three-play-a{
	transform:scale(0.9);
	left:45%;
	top:54%;
	}
.three-play-b{
	transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;
	-moz-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;	/* Firefox 4 */
	-webkit-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;	/* Safari 和 Chrome */
	-o-transition:transform linear 0.4s,left linear 0.4s,top linear 0.4s;
	}
.show-one-lb:hover .three-play-b{
	transform:scale(0.76);
	left:84%;
	top:50%;
	}
.ballgree{
	transition:0.4s border 0.4s linear, 0.4s box-shadow 0.4s linear;
	-moz-transition:.4s border 0.4s linear, 0.4s box-shadow 0.4s linear;	/* Firefox 4 */
	-webkit-transition:.4s border 0.4s linear, 0.4s box-shadow 0.4s linear;	/* Safari 和 Chrome */
	-o-transition:.4s border 0.4s linear, 0.4s box-shadow 0.4s linear;
	}
.show-one-lb:hover .ballgree{
	border:2px solid #F30;
	box-shadow:0 0 5px #ffc;
	}
.sm1{
	transition:left 0.4s linear;
	-moz-transition:left 0.4s linear;	/* Firefox 4 */
	-webkit-transition:left 0.4s linear;	/* Safari 和 Chrome */
	-o-transition:left 0.4s linear;
	}
.show-one-lb:hover .sm1{
	left:-142px;
	}
.sm2{
	left:145px;
	transition:left 0.4s linear;
	-moz-transition:left 0.4s linear;	/* Firefox 4 */
	-webkit-transition:left 0.4s linear;	/* Safari 和 Chrome */
	-o-transition:left 0.4s linear;
	}
.show-one-lb:hover .sm2{
	left:0;
	}
	
.four-play-a{
	transition:0.4s left linear;
	-moz-transition:0.4s left linear;	/* Firefox 4 */
	-webkit-transition:0.4s left linear;	/* Safari 和 Chrome */
	-o-transition:0.4s left linear;
	}
.show-one-rb:hover .four-play-a{
	left:44%;
	}
.four-play-b{
	transition:0.4s top linear;
	-moz-transition:0.4s top linear;	/* Firefox 4 */
	-webkit-transition:0.4s top linear;	/* Safari 和 Chrome */
	-o-transition:0.4s left linear;
	}
.show-one-rb:hover .four-play-b{
	top:54%;
	}
	
/*2*/
.show-two-one{
	width:25%;
	float:left;
	height:100%;
	position:relative;	
	}
.two-one-a{
	background-color: #147EE9
	}
.two-one-b{
	background-color: #39F
	}
.two-one-c{
	background-color:#1bb8df
	}
.two-one-d{
	background-color:#19c7dc
	}
.show-two-one-h{
	height:30px;
	line-height:28px;
	font-size:28px;
	width:76%;
	margin: 16% 12% 0 12%;
	color:#fff;	
	overflow:hidden;
	}
.show-two-one-en{
	height:20px;
	line-height:20px;
	font-size:18px;
	width:76%;
	margin: 8px 12% 0 12%;
	color:#fff;
	opacity:0.6;
	overflow:hidden;
	padding-bottom:13px;
	border-bottom:1px solid rgba(255,255,255,0.4);
	}
.show-two-one-txt{
	width:76%;
	margin: 13px 12% 0 12%;
	overflow:hidden;
	font-size:14px;
	color:#fff;
	line-height:22px;
	opacity:0.9
	}
.show-two-ancon{
	width:100%;
	height:auto;
	overflow:hidden;
	position: absolute;
	left:0;
	bottom:0;
	}
.show-two-ancon-img{
	width:100%;
	height:auto;
	position:relative;
	margin:0;
	float:left;
	}
.ancon-a{
	width:67.4%;
	background-color:#fff;
	height:35%;
	position:absolute;
	left:15.3%;
	top:32.7%;
	}
.ancon-a-div{
	position:absolute;
	width:25%;
	height:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:50px auto;
	overflow:hidden;
	}
.ancon-a-1{
	left:0;
	top:0;
	background-color: #36C;
	z-index:1;
	background-image:url(../images/2-a-4.png);
	transition:0.2s height 0.2s linear,0.2s width linear;
	-moz-transition:0.2s height 0.2s linear,0.2s width linear;	/* Firefox 4 */
	-webkit-transition:0.2s height 0.2s linear,0.2s width linear;	/* Safari 和 Chrome */
	-o-transition:0.2s height 0.2s linear,0.2s width linear;
	}
.ancon-a-2{
	left:25%;
	top:0;
	background-color: #3C6;	
	background-image:url(../images/2-a-3.png);
	}
.ancon-a-3{
	left:50%;
	top:0;
	background-color: #F60;	
	background-image:url(../images/2-a-7.png);
	}
.ancon-a-4{
	left:75%;
	top:0;
	background-color: #F30;	
	background-image:url(../images/2-a-5.png);
	}
.ancon-a-5{
	left:0;
	top:50%;
	background-color: #6CF;	
	background-image:url(../images/2-a-10.png);
	}
.ancon-a-6{
	left:25%;
	top:50%;
	background-color: #09a;	
	background-image:url(../images/2-a-9.png);
	}
.ancon-a-7{
	left:50%;
	top:50%;
	width:50%;
	background-color: #FC0;	
	background-image:url(../images/2-a-2.png);
	z-index:2;
	transition:0.4s height linear,0.4s top linear;
	-moz-transition:0.4s height linear,0.4s top linear;	/* Firefox 4 */
	-webkit-transition:0.4s height linear,0.4s top linear;	/* Safari 和 Chrome */
	-o-transition:0.4s height linear,0.4s top linear;
	}
.show-two-one:hover .ancon-a-1{
	height:100%;
	width:50%;
	}
.show-two-one:hover .ancon-a-7{
	height:100%;
	top:0;
	}
.turbo{
	border-radius:50%;
	width:45%;
	height:auto;
	position:absolute;
	left:26.2%;
	top:28%;
	background-image:url(../images/turbo.png);
	background-repeat:no-repeat;
	background-size:78%;
	background-position:center;
	transition:transform 0.8s;
	-moz-transition:transform 0.8s;	/* Firefox 4 */
	-webkit-transition:transform 0.8s;	/* Safari 和 Chrome */
	-o-transition:transform 0.8s;
	}
.show-two-one:hover .turbo{
	transform:rotateZ(360deg);
	}
.turboin{
	border-radius:50%;
	width:45%;
	height:auto;
	position:absolute;
	left:26.2%;
	top:28%;
	background-image:url(../images/turbo2.png);
	background-repeat:no-repeat;
	background-size:58%;
	background-position:center;
	transition:transform 0.8s;
	-moz-transition:transform 0.8s;	/* Firefox 4 */
	-webkit-transition:transform 0.8s;	/* Safari 和 Chrome */
	-o-transition:transform 0.8s;
	}
.show-two-one:hover .turboin{
	transform:rotateZ(-360deg);
	}
.turbointo{
	border-radius:50%;
	width:4.8%;
	height:auto;
	position:absolute;
	left:46.1%;
	top:46.6%;
	background-color:#ccc;
	border:2px solid #aaa;
	box-shadow:0 0 0 #fff;
	transition:background-color 1s, borer 1s,box-shadow 1s;
	-moz-transition:background-color 1s, borer 1s,box-shadow 1s;	/* Firefox 4 */
	-webkit-transition:background-color 1s, borer 1s,box-shadow 1s ;	/* Safari 和 Chrome */
	-o-transition:background-color 1s, borer 1s,box-shadow 1s;
	}
.show-two-one:hover .turbointo{
	background-color: #FCC;
	border:2px solid #F63;
	box-shadow:0 0 5px  #F30 
	}
.turbosun{
	border-radius:50%;
	width:27%;
	height:auto;
	position:absolute;
	left:35.1%;
	top:36.1%;
	transition:box-shadow 1s;
	-moz-transition:box-shadow 1s;	/* Firefox 4 */
	-webkit-transition:box-shadow 1s ;	/* Safari 和 Chrome */
	-o-transition:box-shadow 1s;
	}
.show-two-one:hover .turbosun{
	box-shadow:0 0 20px #FF9933 
	}
.more{
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	top:0;	
	transition:transform 0.8s,left 0.8s;
	-moz-transition:transform 0.8s,left 0.8s;	/* Firefox 4 */
	-webkit-transition:transform 0.8s,left 0.8s;	/* Safari 和 Chrome */
	-o-transition:transform 0.8s,left 0.8s;
	}
.show-two-one:hover .more{
	transform:rotateY(180deg);
	left:1.2%
	}
.up2{
	position:absolute;
	width:0%;
	height:100%;
	left:0;
	top:0;
	background-image:url(../images/2-d-3.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size: auto 100%;
	transition:1.5s width linear ;
	-moz-transition:1.5s width linear ;	/* Firefox 4 */
	-webkit-transition:1.5s width linear ;	/* Safari 和 Chrome */
	-o-transition:1.5s width linear ;
	}
.show-two-one:hover .up2{
	width:100%;
	}

/*3*/
.partner{
	width:100%;
	height:100%;
	position:absolute;
	left:18%;
	top:0;
	background-image:url(../images/3-a-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;	
	}
.partner-h{
	width:100%;
	height:30px;
	line-height:30px;
	position:absolute;
	color:#fff;
	font-size:24px;
	top:50%;
	left:22%;
	margin-top:-15px;
	z-index:1
	}
.partner-h span{
	position:relative;
	z-index:3;	
	}
.partner-logo{
	background-color:#fff;
	width:140px;
	height:140px;
	background-image:url(../images/logos.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:80% auto;
	border-radius:50%;
	position:absolute;
	left:-181px;
	top:-55px;
	z-index:2
	}
.coucs{
	width:180px;
	height:180px;
	position:absolute;
	left:-203px;
	top:-78px;
	border:2px solid rgba(225,225,225,0.4);
	border-radius:50%;
	}
.partner-jero{
	width:130px;
	height:130px;
	left:50%;
	top:50%;
	margin-left:-65px;
	margin-top:-65px;
	position:absolute;
	background-image:url(../images/3-a-logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:50% auto;
	border-radius:50%;
	}
.partner-con{
	position:absolute;
	width:0;
	height:0;
	left:50%;
	top:50%;
	z-index:1;		
	}
.run-1{
	animation: p_an 6s infinite;
	-moz-animation: p_an 6s infinite;	
	-webkit-animation: p_an 6s infinite;	
	-o-animation: p_an 6s infinite;	
	}
@keyframes p_an
{
	25%{ transform:scale(1.1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1.1)}
	100% { transform:scale(1)}
	}

@-moz-keyframes p_an 
{
	25%{ transform:scale(1.1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1.1)}
	100% { transform:scale(1)}
	}

@-webkit-keyframes p_an 
{
	25%{ transform:scale(1.1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1.1)}
	100% { transform:scale(1)}
	}

@-o-keyframes p_an 
{
	25%{ transform:scale(1.1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1.1)}
	100% { transform:scale(1)}
	}
.unrun-1{
	animation:6s unp_an  infinite;
	-moz-animation:6s unp_an   infinite;	
	-webkit-animation:6s unp_an   infinite;	
	-o-animation:6s unp_an  infinite;	
	}
@keyframes unp_an
{
	25%{ transform:scale(1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1)}
	100% { transform:scale(1)}
	}

@-moz-keyframes unp_an 
{
	25%{ transform:scale(1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1)}
	100% { transform:scale(1)}
	}

@-webkit-keyframes unp_an 
{
	25%{ transform:scale(1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1)}
	100% { transform:scale(1)}
	}

@-o-keyframes unp_an 
{
	25%{ transform:scale(1)}
	50% { transform:scale(1.1)}
	75% { transform:scale(1)}
	100% { transform:scale(1)}
	}

.p-one{
	box-shadow:0 0 8px rgba(0,0,0,0.3);
	width:100px;
	height:100px;
	margin-left:-50Px;
	margin-top:-50px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:70% auto;
	border-radius:50%;
	background-color:#fff;
	position:absolute;
	transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear  ;
	-moz-transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear ;	/* Firefox 4 */
	-webkit-transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear ;	/* Safari 和 Chrome */
	-o-transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear ;
	}
.p-one:hover{
	width:110px;
	height:110px;
	margin-left:-55Px;
	margin-top:-55px;
	}
.p-one-b{
	box-shadow:0 0 8px rgba(0,0,0,0.3);
	width:110px;
	height:110px;
	margin-left:-55Px;
	margin-top:-55px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:70% auto;
	border-radius:50%;
	background-color:#fff;
	position:absolute;
	transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear  ;
	-moz-transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear ;	/* Firefox 4 */
	-webkit-transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear ;	/* Safari 和 Chrome */
	-o-transition:0.2s width linear,0.2s height linear,0.2s margin-left linear,0.2s margin-top linear ;
	}
.p-one-b:hover{
	width:120px;
	height:120px;
	margin-left:-60Px;
	margin-top:-60px;
	}

/*4*/
.object{
	width:1120px;
	height:320px;
	position:absolute;
	left:50%;
	top:20%;
	margin-left:-560px;
	}
.object-one{
	cursor:pointer;
	width:116px;
	margin:20px;
	float:left;
	z-index:4;
	position:relative;
	background-position:center 5px;
	background-size:82%;
	background-repeat:no-repeat;
	border:2px solid rgba(255,255,255,0);
	background-color:rgba(255,255,255,0);
	transition:0.3s opacity linear,0.3s background-color linear,0.3s border linear;
	-moz-transition:0.3s opacity linear,0.3s background-color linear,0.3s border linear;/* Firefox 4 */
	-webkit-transition:0.3s opacity linear,0.3s background-color linear,0.3s border linear;	/* Safari 和 Chrome */
	-o-transition:0.3s opacity linear,0.3s background-color linear,0.3s border linear;
	text-align:center;
	font-size:14px;
	color:rgba(255,255,255,0.8);
	height:30px;
	line-height:30px;
	padding-top:86px;
	}
.object-one:hover{
	opacity:1;
	border:2px solid rgba(255,255,255,0.4);
	background-color:rgba(255,255,255,0.2);
	}
.object-info{
	width:1080px;
	height:90px;
	border:1px solid rgba(255,255,255,0.4);
	border-left:2px solid rgba(255,255,255,1);
	background-color:rgba(255,255,255,0.1);
	position:absolute;
	left:50%;
	margin-left:-540px;
	bottom:-180px;
	z-index:4;
	}
.object-info-h{
	padding-top:5px;
	width:auto;
	float:left;
	height:45px;
	line-height:45px;
	margin:0 2%;
	font-size:18px;
	color:#fff;
	overflow:hidden;
	white-space:nowrap;
	}
.object-info-txt{
	width:96%;
	height:24px;
	line-height:24px;
	margin:0 2%;
	font-size:14px;
	color:rgba(255,255,255,0.7);
	overflow:hidden;
	white-space:nowrap;
	}
.line{
	z-index:3;
	position:absolute;
	background-color:rgba(255,255,255,1);
	width:2px;
	height:2px;
	margin-left:-1px;
	margin-right:-1px;
	background-color:;
	opacity:0;
	border-radius:50%;
	}
.object-sl{
	width:116px;
	height:116px;
	border:2px solid #aaa;
	position:absolute;
	left:20px;
	top:20px;
	transform:scale(1.1)
	}
.object-bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
	background-color:rgba(255,255,255,0);
	}

/*5*/
.about{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-image:url(../images/5-a-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;	
	}
.about-con{
	width:700px;
	height:350px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-350px;
	margin-top:-260px;
	background-image:url(../images/5-a-1.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: 100% auto;	
	}
.about-foot{
	letter-spacing:1px;
	opacity:0.8;
	width:100%;
	text-align:center;
	height:20px;
	line-height:20px;
	position:absolute;
	bottom:64px;
	left:0;
	font-size:14px;
	color:#fff;
	}
	
.show-one-lt a.up-arrow, .show-one-lt a.down-arrow, .show-one-lt a.up-arrow-portable, .show-one-lt a.down-arrow-portable {
    display: block;
    font-style: italic;
    text-align: center;
    margin: 40px auto 0;
    position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.show-one-lt a.up-arrow span, .show-one-lt a.down-arrow span {
    display: block;
    vertical-align: top;
    color: white;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0;
}

.show-one-lt a.up-arrow svg, .show-one-lt a.down-arrow svg {
    display: inline-block;
    margin-top: -20px;
    fill: white;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear 0s;
}

svg[Attributes Style] {
    x: 0px;
    y: 0px;
    width: 38px;
    height: 58px;
}
user agent stylesheet
html|* > svg {
    transform-origin: 50% 50% 0px;
}
user agent stylesheet
svg:not(:root), symbol, image, marker, pattern, foreignObject {
    overflow: hidden;
}
user agent stylesheet
* {
    transform-origin: 0px 0px 0px;
}