@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { font: 16px/1.8 "Microsoft Yahei",verdana; }
body , ul , li { list-style:none; }
a { text-decoration:none; }
/* 右侧导航 */
#fullPage-nav { _display: none; font-size: 12px; }
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle; }
#fullPage-nav li a { float: right; width: 20px; height: 20px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 0px 0px no-repeat; }
#fullPage-nav li .active { background-position: 0 bottom; }
#fullPage-nav span { display: none; }
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px; }
/*每页大背景及题目*/
.section { position: relative; overflow: hidden; }
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.section .bg img { display: block; width: 100%; height: 100%; }
.section .titleR { position: absolute; right: 18%; top: 35%; text-align:right; height:90px; line-height:90px; font-size:60px; color:#333; }
.section .titleL { position: absolute; left: 18%; top: 35%; margin-left:100px; text-align:left; height:90px; line-height:90px; font-size:60px; color:#fff; }
.section .infoR { position: absolute; right: 18%; top: 35%; margin-top:114px; width: 600px; text-align:right; color:#333; font-size:20px; }
.section .infoL { position: absolute; left: 18%; top: 35%; margin-top:114px; width: 600px; text-align:left; color:#fff; font-size:20px; }

/*页面一*/
/*          ***********************************topbar*********************************          */
.topbar{
	position:absolute;
	width:100%;
	height:36px;
	z-index:999;
	background-image: url(top_bg.png);
	background-repeat: repeat-x;
}
.warp{ width:1200px; height:auto; margin:0 auto; *margin:0 auto; }
.topbar .left{ float:left; }
.topbar li{float:left;height:36px;line-height:36px;color:#999;font-size:12px;background:url(top_ico.png) no-repeat left center;}
.topbar .right li{ background:none;}
.topbar .right li a{ margin:0 9px 0 0;}
.topbar .right{ float:right; position:relative;}
.topbar .right .cur{ position:relative; padding-right:13px;}
.topbar .right .cur i{ width:0; height:0;position:absolute;right:6px;top:16px; border-width:2px 2px 0;  border-style:solid;  border-color:#999 transparent transparent;}
.topbar .right .cur .down_menu{z-index:999;width:92px;padding-top:20px;height:190px;background: url(top_menu_bg.png) no-repeat;position:absolute;left:23px;top:27px;}
.topbar .right .cur .down_menu a{display:block;margin:0 auto 3px;font-size:12px;font-family:"宋体";line-height:26px;color:#6c6c6c;text-align:center;width:90px;height:26px;}
.topbar .right .cur .down_menu a:hover{color:#fff;background:#6bb914;}
.topbar li.cur{ background:none; margin-left:0;}
.topbar li.cur a{ margin-left:0;}
.topbar li a{ color:#999; display:block; margin:0 10px; }
.topbar li a:hover{ color:#fb8200;}
.topbar li span{color:#de0f0f;display:inline-block;margin-right:10px;}
.topbar li.img{background:none;margin-top:6px;height:30px;}
.topbar li.img .w_er{ position:absolute; z-index:9999; width:100px; height:140px; top:6px; right:50px; }
.topbar li.img a{ margin-left:5px; margin-right:0; display:inline-block; height:22px;}
.topbar li .er_block{background:url(logo_all.png) no-repeat scroll 0px -47px;width:105px;height:105px;display:block;position:absolute;left:-10px;top:30px;display:none;}

.topbar li .applets_block{
	position:absolute;
	top:-80px;
	left:-2px;
	display:block;
	opacity: 0;
	width:105px;
	height:105px;
	z-index: 99999;
	background-attachment: scroll;
	background-image: url(applets.png);
	background-repeat: no-repeat;
	background-position: 0px -47px;
}
.applets:hover .applets_block{
opacity: 1; 
top:30px;
}

.topbar li a.yst { background: url(yst.png) no-repeat scroll 0% 0%; display: inline-block; text-indent: -9999px; width: 45px; height: 20px; margin-top: 8px;}
.topbar .right li a.qd{background:url(qd.png) no-repeat left center;display:block;text-indent:15px}
.topbar .right li a.qd:hover{color: #00b0ff}
/*          ***********************************topbar-end*********************************          */
/*          ***********************************header*********************************          */
.headerout{ position:absolute; top:0px; background:#fff; width:100%;}
.header{width:1200px;height:96px;margin:0 auto}
.header .logo{display:block;width:210px;height:94px;float:left;background:url(logo_all.png) no-repeat 0 -204px}
.header .header_line{
	display:block;
	float:left;
	height:94px;
	line-height:94px;
	padding-left:20px;
	font-size:24px;
	color:#999;
	background-image: url(sitemap_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.header ul{float:right}
.header ul li{float:left;margin-left:40px}
.header ul li a{line-height:94px;font-size:18px;color:#999}
.header ul li.cur a{color:#fb8200}
.header ul li a:hover{color:#fb8200}
/*          ***********************************header-end*********************************          */
.title1 { position: absolute; right: 16%; top: 50%; margin-top:-180px; text-align:right;  width: 600px; font-size:70px; color:#fff; font-size:70px; }
.info1 { position: absolute; right: 16%; top: 50%; margin-top:-80px; width: 600px; text-align:right; color:#fff; font-size:20px;}
.info1 span { font-size:30px;}
.info12 { position: absolute; right: 16%; top: 50%; margin-top:210px; width: 600px; text-align:right; color:#fff; font-size:20px;}
.download { position: absolute; right: 16%; top: 50%; margin-right:222px; width:250px; height:200px; border-right: 1px solid #fff;}
.download span { display:inline-block; width:230px; height:60px; margin-top:20px; background:url(android.png);}
.download .ios { background:url(ios.png);}
.erweima {
	position: absolute;
	right: 16%;
	top: 50%;
	width:200px;
	height:200px;
	background-image: url(android-erw.png);
}

/*页面二*/
.icon2{ position:absolute; right:18%; top:35%; margin-right:294px; width:91px; height:90px; background:url(icon2.png);opacity: 0; transition: all 1s; margin-right:360px; }
.icon3{ position:absolute; left:18%; top:35%; width:90px; height:90px; background:url(icon3.png); transition: all 1s; }
.icon4{ position:absolute; right:18%; top:35%; margin-right:328px; width:105px; height:90px; background:url(icon4.png); opacity: 0; transition: all 1s; margin-right:278px; }
.icon5{ position:absolute; left:18%; top:35%; width:76px; height:89px; background:url(icon5.png); opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s;  }
.icon6{ position:absolute; right:18%; top:35%; margin-top:0px; margin-right:294px; width:90px; height:90px; background:url(icon6.png); opacity: 0; transition: all 1.2s; margin-top:50px; }

.androidban { position:absolute; bottom:50%; margin-bottom:-70px; left:50%; margin-left:-90px;}
.androidban .an_img{ margin-top:-10px;}

.title4 { margin-right:0px; opacity: 0; transition: all 1s; margin-right:-50px; }
.info4 { margin-right:0px; opacity: 0; transition: all 1s; margin-right:50px; }
.active .icon2 { margin-right: 294px; opacity: 1; transition-delay: 1s; }
.active .icon3 { transform:rotate(360deg); transition-delay: 1s;}
.active .icon5 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; } 
.active .icon6 { margin-top: 0px; opacity: 1; transition-delay: 0.7s; }

.active .icon4 { margin-right:328px; opacity: 1; transition-delay: 1s; } 
.active .title4 { margin-right: 0px; opacity: 1; transition-delay: 1s; }
.active .info4 { margin-right: 0px; opacity: 1; transition-delay: 1s; }