/* ʱ´úJava - https://NowJava.com */
p,form,ul,li,ol,h1,h2,h3,h4,h5,h6,div,body,dl,dt,dd,input{margin:0;padding:0;list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em,i{font-style:normal;}
b,strong{font-weight:normal;}
img{border:0 none; vertical-align:top;}
a{text-decoration:none; color:#2c2c2c;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-o-transition:color 0.3s ease;-ms-transition:color 0.3s ease;transition:color 0.3s ease;}
a:hover{color:#2F7AEB}
body{font:12px/1.5 \5FAE\8F6F\96C5\9ED1,\5B8B\4F53,Hiragino Sans GB,STHeiti,sans-serif; background:#F3F6F9}
.trans{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.clear:after{content:".";display:block;clear:both;height:0px;visibility:hidden;}
.clear{zoom:1;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.inblk{display:inline-block;*zoom:1;*display:inline;}
.hide{position:absolute;left:-9999em; +display:none;}
.hide_txt{text-indent:-9999em;overflow:hidden;}
.btn{text-indent:-9999em;overflow:hidden;}
.btn_o{opacity:0.9;filter:alpha(opacity=90);}
.ver_line{ display:inline-block; vertical-align:middle; width:0; height:100%; font-size:0; line-height:0; overflow:hidden}
.nomar{ margin:0!important}
.nomr{ margin-right:0!important;}
.auto_area{ margin:0 auto; width:1000px; position:relative; height:100%}

html,body{ height:100%; overflow:hidden; overflow-x:auto;}

.mod_wrapper{ position:absolute; left:0; top:0; width:100%;height:100%; overflow:hidden; min-width:960px;}
.mod_scroll_item_box{ position:absolute; left:0; top:0; width:100%; height:100%;}
.mod_scroll_item{ height:100%;}

.fixed_wrapper{ position:absolute; left:0; top:0; z-index:1000; width:100%; height:100%;min-width:960px;}
.head_area{ position:absolute; left:0; top:0; width:100%; height:64px;}
.head_area h1{ position:absolute; left:0; top:30px; background:url(../images/intro_2014_7_18/logo.png) no-repeat; width:194px; height:33px; overflow:hidden;}
.head_area h1 a{ display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
.login_area{ position:absolute; right:0; top:30px; height:33px; line-height:32px;}
.not_login a{ float:left; margin-left:24px; display:inline; color:#fff;}
.not_login a:hover{ text-decoration:underline; color:#fff}

.nav_out_bg,.nav_area{position:absolute; bottom:0; left:0; width:100%;}
.nav_area .auto_area{ height:82px;}
.nav_list{ position:absolute; bottom:0; left:0; width:100%; height:72px;}
.nav_list li{ float:left; height:72px; width:239px; margin-right:1px;}
.nav_list li a{ float:left;height:100%; width:100%; text-align:center; -webkit-transition:all 0.1s ease; transition:all 0.1s ease; background-image:url(about:blank)}

.btn_free_box{ position:absolute; left:0; top:55%; width:100%; height:130px;z-index:1}
.btn_free i{ position:absolute; left:60px; top:28px; background:url(../images/intro_2014_7_18/btn_icon.png) no-repeat; width:38px; height:38px; cursor:pointer;}
.btn_free_box p{ width:290px; margin:4px 0 0 636px; color:#fff; text-align:center;font-size:16px;}

.cross_page_area{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:100;}
.item_1_cross,.item_2_cross,.item_3_cross{ height:100%; width:100%; position:absolute!important; left:0; top:0;}
.item_1_cross div,.item_2_cross div,.item_3_cross div{ display:none;}

@-webkit-keyframes actfilter{
	0%{-webkit-filter:hue-rotate(0deg)}
	100%{-webkit-filter:hue-rotate(360deg)}
}

/**add by weixiang**/
.not_login b{color:#c60e06;font-weight:normal;}

/* @author   -------- luoyongqin 
 * @design -------- zhaoxihan
 * @time   -------- 20150408 */

/*sprite*/
.nav_bg { background: url(../img/intro/spr_intro.png) no-repeat; }
.nav_enter, .btn_free, .btn_free i, .nav_side a{ background:url(../img/intro/spr24_intro.png) no-repeat; }
.item_tt, .scene_1, .scene_2, .scene_3 { background:url(../img/intro/spr24_animate.png) no-repeat; }
 
/*nav*/
.nav_area { height:70px; }
.nav_out_bg,.nav_area .auto_area,.nav_list { height:100%; background:#fff; }
.nav_area .auto_area { _top:5px; }
.nav_list li { margin:0 -1px 0 0; height:100%; width:24.8%; border:1px solid #d3d3d3; font-size:20px; }
.nav_list li a { color:#445449; background:transparent; }
.nav_list li.on a { position:relative; top:-3px; border-top:6px solid #1288d3; height:68px; }
.nav_list li a:hover { position:relative; top:-3px; border-top:6px solid #1288d3; height:68px; color:#445449; }
.nav_list .home_link a , .nav_list .home_link a:hover { color:#fff; top:0; height:70px;}
.nav_list .home_link1 { background:#39aaf2; border-color:#39aaf2;}
.nav_list .home_link1 a:hover { background:#39aaf2; border:none;}
.nav_list .home_link2 { background:#8fd023; border-color:#8fd023;}
.nav_list .home_link2 a:hover { background:#8fd023; border:none; }
.nav_list .home_link3 { background:#ffa70f; border-color:#ffa70f;}
.nav_list .home_link3 a:hover { background:#ffa70f; border:none; }
.nav_list li span { display:inline-block; vertical-align:middle; }
.nav_bg { display:inline-block; vertical-align:middle; margin-right:10px; width:31px; height:31px; overflow:hidden; cursor: pointer; }
.nav_vip { background-position:-50px 0; }
.nav_help { background-position:-100px 0; }

/*side navigation*/
.nav_side{position:absolute; z-index:1; right:50px; top:50%; margin-top:-100px; width:30px;}
.nav_side div{margin-bottom:26px;}
.nav_side a{display:block; margin:0 auto; width:22px; height:22px; background-position:0 -200px; overflow:hidden; line-height:100px; cursor:default;}
.nav_side .on{background-position:0 -150px;}
.nav_side .side_index{width:30px; height:30px; background-position:0 -100px; cursor:pointer;}

/*download button*/
.btn_free_box { top:54%; }
.btn_free_box .btn_box_txt { margin-left:667px; width:236px; }
.btn_free {display:block; position:relative; overflow:hidden; margin:0 0 4px 0; width:236px; height:68px; text-indent:90px; font-size:24px; line-height:74px; color:#fff; }
.btn_free1 .btn_free { background-position:-100px 0;}
.btn_free2 .btn_free { background-position:-100px -100px; width:235px; }
.btn_free3 .btn_free { background-position:-100px -200px; }
.btn_free:hover { color:#fff; }
.btn_free i { left:51px; top:20px; width:33px; height:33px; background-position:0 -50px; }
.btn_free_box p { margin:0; width:auto; font-size:15px; }
.btn_free1 p { color:#b9e4ff; }
.btn_free2 p { color:#cfeda1; }
.btn_free3 p { color:#ffe4c9; }

/*slogan*/
.item_tt { position:absolute; left:667px; top:27.88%; width:350px; height:100px; overflow:hidden; }
.item_1_tt { background-position:0 0; }
.item_2_tt { background-position:0 -100px; }
.item_3_tt { background-position:0 -200px; }
.item_txt { position:absolute; left: 667px; top:40.75%; width:350px; line-height:36px; font-size:21px; background:url(blank:none); }
.item_1_txt { color:#b9e4ff; }
.item_2_txt { color:#ddf8b1; }
.item_3_txt { color:#ffe0c1; }

/*page background*/
.scr_item_1{background:#1288d3;}
.scr_item_2{background:#639e00;}
.scr_item_3{background:#fa7e00;}

/*animation*/
.moutain1 { position:absolute; left:-152px; bottom:70px; width:960px; height:223px; overflow:hidden; background-position:0 -300px; }
.river { position:absolute; left:254px; top:27px; width:308px; height:194px; overflow:hidden; background-position:-400px -50px; }
.tree1, .tree2, .tree3 {position:absolute; width:28px; height:50px; overflow:hidden; background-position:-400px 0; -webkit-transform-origin:center bottom; transform-origin:center bottom; }
.tree1 { top:68px; left:281px; }
.tree2 { top:12px; left:321px; }
.tree3 { top:21px; left:635px; }
.jsq1 {position:absolute; left:81px; bottom:214px; width:301px; height:319px; overflow:hidden; background-position:0 -550px; }
.soap1 {position:absolute; left:0; top:65px; width:110px; height:152px; overflow:hidden; background-position:-350px -550px; }
.soap2 {position:absolute; left:454px; bottom:70px; width:196px; height:112px; overflow:hidden; background-position:-750px 0; }
.light {position:absolute; left:0; top:65px; width:52px; height:40px; overflow:hidden; background-position:-750px -150px; }
.txt {position:absolute; left:275px; bottom:535px; width:188px; height:112px; overflow:hidden; background-position:-500px -550px; -webkit-transform-origin:left bottom; }

.jsq2 { position:absolute; z-index:1; left:103px; bottom:21.13%; width:454px; height:388px; background-position:0 -900px; }
.int_ico1 { position:absolute; left:-38px; top:-17px; width:74px; height:74px; overflow:hidden; background-position:-700px -550px; }
.int_ico2 { position:absolute; left:64px; top:-100px; width:70px; height:70px; overflow:hidden; background-position:-800px -550px; }
.int_ico3 { position:absolute; left:180px; top:-114px; width:88px; height:88px; overflow:hidden; background-position:-900px -550px; }
.int_ico4 { position:absolute; left:294px; top:-27px; width:80px; height:80px; overflow:hidden; background-position:-900px -650px; }

.rocket_box { position:absolute; left:287px; bottom:25.63%; width:152px; height:350px; background:url(blank:none); }
.star { position:absolute; left:0; bottom:0; width:100%; height:100%; overflow:hidden; background:url(../img/intro/spr24_star.png) repeat-y; }
.rocket { position:absolute; left:0; bottom:0; width:100%; height:100%; overflow:hidden; background-position:-800px -800px; }
.jsq3 { position:absolute; left:70px; bottom:29.63%; width:228px; height:312px; overflow:hidden; background-position:-500px -700px; }
.cloud1 { position:absolute; left:-63px; top:22%; width:102px; height:48px; overflow:hidden; background-position:-700px -1200px; }
.cloud2 { position:absolute; left:509px; top:60.63%; width:80px; height:38px; overflow:hidden; background-position:-700px -1300px; }
.moutain2 { position:absolute; left:-154px; bottom:70px; width:1175px; height:134px; overflow:hidden; background-position:0 -1400px; }

.item_1_bg,.item_2_bg,.item_3_bg{display:none;}

.act_css3 .scene_1, .act_css3 .scene_2, .act_css3 .scene_3 { display:block; }

.act_css3 .item_tt { -webkit-animation:tit .2s linear 1s both; animation:tit .2s linear 1s both; }
.act_css3 .item_txt { -webkit-animation:tit .2s linear 1.2s both; animation:tit .2s linear 1.2s both; }
@-webkit-keyframes tit {
	0% { -webkit-transform:translateX(50%); opacity:0; }
	100% { -webkit-transform:translateX(0); opacity:1; }
}
@keyframes tit {
	0% { transform:translateX(50%); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
}

.act_css3 .moutain1 { -webkit-animation:moutain1 .3s ease both; animation:moutain1 .3s ease both;}
.act_css3 .soap2 { -webkit-animation:moutain1 .3s ease 1.7s both; animation:moutain1 .3s ease 1.7s both;}
@-webkit-keyframes moutain1 {
	0% { -webkit-transform:translateY(100%);}
	100% { -webkit-transform:translateY(0);}
}
@keyframes moutain1 {
	0% { transform:translateY(100%); }
	100% { transform:translateY(0); }
}

.act_css3 .river { -webkit-animation:river .3s ease .3s both; animation:river .3s ease .3s both;}
@-webkit-keyframes river {
	0% { clip:rect(0,308px,0,0);}
	100% { clip:rect(0,308px,194px,0); }
}
@keyframes river {
	0% { clip:rect(0,308px,0,0);}
	100% { clip:rect(0,308px,194px,0); }
}

.act_css3 .tree1, .act_css3 .tree2, .act_css3 .tree3 { -webkit-animation:tree .3s ease .6s both; animation:tree .3s ease .6s both;}
.act_css3 .txt { -webkit-animation:tree .5s ease 1.4s both; animation:tree .5s ease 1.4s both;}
@-webkit-keyframes tree {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes tree {
	0% { opacity:0; }
	100% { opacity:1; }
}

.act_css3 .jsq1 { -webkit-animation:jsq1 .5s ease .9s both; animation:jsq1 .5s ease .9s both;}
@-webkit-keyframes jsq1 {
	0% { bottom:800px; opacity:0; }
	100% { bottom:214px; opacity:1; }
}
@keyframes jsq1 {
	0% { bottom:800px; opacity:0; }
	100% { bottom:214px; opacity:1; }
}

.act_css3 .soap1 { -webkit-animation:soap1 .2s linear 1.4s both; animation:soap1 .2s linear 1.4s both;}
@-webkit-keyframes soap1 {
	0%, 50%, 100% { -webkit-transform:rotate(0); }
	25% { -webkit-transform:rotate(10deg); }
	75% { -webkit-transform:rotate(-10deg); }
}
@keyframes soap1 {
	0%, 50%, 100% { transform:rotate(0); }
	25% { transform:rotate(10deg); }
	75% { transform:rotate(-10deg); }
}

.act_css3 .light { -webkit-animation: light1 .3s linear 1.6s both; animation:light1 .3s linear 1.6s both; }
@-webkit-keyframes light1 {
	0%, 40%, 80% { opacity:0; }
	20%, 60%, 100% { opacity:1; }
}
@keyframes light1 {
	0%, 40%, 80% { opacity:0; }
	20%, 60%, 100% { opacity:1; }
}

.act_css3 .jsq2 { -webkit-animation:jsq2 .3s ease-in-out both; animation:jsq2 .3s ease-in-out both; }
@-webkit-keyframes jsq2 {
	0% { left:560px; bottom:69%; opacity:0; }
	100% { left:103px; bottom:21.13%; opacity:1; }
}
@keyframes jsq2 {
	0% { left:560px; bottom:69%; opacity:0; }
	100% { left:103px; bottom:21.13%; opacity:1; }
}

.act_css3 .int_ico1 { -webkit-animation:int_ico1 .3s ease .5s both; animation:int_ico1 .3s ease .5s both; }
@-webkit-keyframes int_ico1 {
	0% { left:125px; top:54px; opacity:0; }
	100% { left:-38px; top:-17px; opacity:1; }
}
@keyframes int_ico1 {
	0% { left:125px; top:54px; opacity:0; }
	100% { left:-38px; top:-17px; opacity:1; }
}

.act_css3 .int_ico2 { -webkit-animation:int_ico2 .3s ease .6s both; animation:int_ico2 .3s ease .6s both; }
@-webkit-keyframes int_ico2 {
	0% { left:124px; top:54px; opacity:0; }
	100% { left:64px; top:-100px; opacity:1; }
}
@keyframes int_ico2 {
	0% { left:124px; top:54px; opacity:0; }
	100% { left:64px; top:-100px; opacity:1; }
}

.act_css3 .int_ico3 { -webkit-animation:int_ico3 .3s ease .7s both; animation:int_ico3 .3s ease .7s both; }
@-webkit-keyframes int_ico3 {
	0% { left:115px; top:44px; opacity:0; }
	100% { left:180px; top:-114px; opacity:1; }
}
@keyframes int_ico3 {
	0% { left:115px; top:44px; opacity:0; }
	100% { left:180px; top:-114px; opacity:1; }
}

.act_css3 .int_ico4 { -webkit-animation:int_ico4 .3s ease .8s both; animation:int_ico4 .3s ease .8s both; }
@-webkit-keyframes int_ico4 {
	0% { left:112px; top:33px; opacity:0; }
	100% { left:294px; top:-27px; opacity:1; }
}
@keyframes int_ico4 {
	0% { left:112px; top:33px; opacity:0; }
	100% { left:294px; top:-27px; opacity:1; }
}

.act_css3 .rocket_box { -webkit-animation:rocket .5s ease-in-out both; animation:rocket .2s ease-in-out both;}
.act_css3 .jsq3 { -webkit-animation:rocket .5s ease-in-out .1s both; animation:rocket .5s ease-in-out .2s both;}
@-webkit-keyframes rocket {
	0% { bottom:0; opacity:0; }
	100% { bottom:29.63%; opacity:1; }
}
@keyframes rocket {
	0% { bottom:0; opacity:0; }
	100% { bottom:29.63%; opacity:1; }
}

.act_css3 .cloud1 { -webkit-animation:cloud .8s linear infinite; animation:cloud .5s linear infinite; }
.act_css3 .cloud2 { -webkit-animation:cloud .5s linear .5s infinite; animation:cloud .8s linear .5s infinite; }
@-webkit-keyframes cloud {
	0%, 50%, 100% { -webkit-transform:translateY(0); }
	25% { -webkit-transform:translateY(2%); }
	75% { -webkit-transform:translateY(-2%); }
}
@keyframes cloud {
	0%, 50%, 100% { transform:translateY(0); }
	25% { transform:translateY(2%); }
	75% { transform:translateY(-2%); }
}

.act_css3 .star{-webkit-animation:star 1.5s linear infinite both;}
@-webkit-keyframes star{
	0%{background-position:0 0;}
	100%{background-position:0 350px;}
}

/*2015-06-19*/
.banner{position:relative; display:block; height:188px; min-width:1200px; background:url(../images/intro_2014_7_18/banner.gif) no-repeat center 0;}
.banner_img{display:block; width:100%; height:100%; background:url(../images/intro_2014_7_18/banner.gif) no-repeat center 0;}
.banner_wp .head_area{top:188px;}
.banner_wp .btn_free_box{top:63%;}
.banner_wp .cross_page_area{top:94px;}
.ban_close{position:absolute; right:0; top:0; width:31px; height:28px; overflow:hidden; line-height:90px; background:url(../img/ban_close.png) no-repeat;}