@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;} 

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details

{display:block;} 

table{border-collapse:collapse;border-spacing:0;} 

caption,th{text-align:left;font-weight:normal;} 

html,body,fieldset,img,iframe,abbr{border:0;} 

i,cite,em,var,address,dfn{font-style:normal;} 

[hidefocus],summary{outline:0;} 

li{list-style:none;} 

h1,h2,h3,h4,h5,h6,small{font-size:100%;} 

sup,sub{font-size:83%;} 

pre,code,kbd,samp{font-family:inherit;} 

q:before,q:after{content:none;} 

textarea{overflow:auto;resize:none;} 

label,summary{cursor:default;} 

a,button{cursor:pointer;} 

h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;} 

del,ins,u,s,a,a:hover{text-decoration:none;} 

body,textarea,input,button,select,keygen,legend{font-family:"Microsoft YaHei",SimHei;color:#333;outline:0;Font-size:25%} 
html {font-size: 75%;/*12 ÷ 16 × 100% = 75%*/height:100%}
body {font-size: 1.4rem;/*1.4 × 12px = 16.8px */}
body{ overflow:hidden;height:100%} 

a,a:hover{color:#333;} 

.fcontent{width:100%; height:100%; max-width:640px;overflow:hidden; margin:0 auto;background: url(../images/body_bg.jpg) no-repeat center top #b7b7b7; 
background-size:100%;-webkit-animation:onebg 2.0s 1ms 1  ease-in;}
@-webkit-keyframes onebg
{
0%   { opacity:0.01;}
100% {opacity:1.0;}
}
.fcontent h1{height:auto; overflow:auto;position: absolute;animation:logo 1.0s 1ms 1  ease-in; top:8%;
-webkit-animation:logo 1.0s 200ms 1  ease-in; z-index:2; width:100%; margin:0 auto; max-width:640px;}
.fcontent h1 img{ width:100%;}
@-webkit-keyframes logo
{
0%   {top:-200px; opacity:0.1;}
100% {top:8%;opacity:1.0;}
}

.fcontent .words{ text-align:center; margin:0 auto; z-index:1;
position:relative; right:0; animation:ggyu 1.0s 1ms 1 ease-in; top:10%;
-webkit-animation:ggyu 1.0s 1ms 1 ease-in;
-ms-animation:ggyu 1.0s 1ms 1 ease-in;
-moz-animation:ggyu 1.0s 1ms 1 ease-in;}
.fcontent .words img{ width:100%;}
@-webkit-keyframes ggyu{
	from{ opacity:0.1; right:-100px;}
	to{ opacity:1.0; top:10%;}
	}
.fcontent h3{font-weight:normal;color:#9e3490; font-size:16px; text-align:center;top:11%;
position:relative; bottom:0; width:100%;
animation:txtcy 1.0s ease-in 1ms 1;
-ms-animation:txtcy 1.0s ease-in 1ms 1;
-webkit-animation:txtcy 1.0s ease-in 1ms 1;
-moz-animation:txtcy 1.0s ease-in 1ms 1;}
.fcontent h3 img{ width:100%;}
@-webkit-keyframes txtcy
{
	from{right:-100%; opacity:0.1;}
	to{ right:0px;top:11%;opacity:1.0;}
}


        /* audio */
        .u-audio{position:absolute;right:10px;top:10px;width:30px;height:30px;background: url(../images/559137759.png) right 0 no-repeat; -webkit-background-size: 30px 30px;background-size: 30px 30px;z-index:998;}
        .u-play{
            background-image: url(../images/559137759.png);
            -webkit-animation:reverseRotataZ 1.2s ease-in infinite;
            animation:reverseRotataZ 1.2s ease-in infinite;
        }
        /* reverseRotataZ */
        @-webkit-keyframes reverseRotataZ{
            0%{-webkit-transform:rotateZ(0deg);}
            100%{-webkit-transform:rotateZ(-360deg);}
        }
        @keyframes reverseRotataZ{
            0%{transform:rotateZ(0deg);}
            100%{transform:rotateZ(-360deg);}
        }
/*第2页*/
.fcontenta{ width:100%; height:100%;max-height:960px;background:#fff;background-size:100%;
position:relative;-webkit-animation:twobg 3.0s 1ms 1 ease-in; margin:0 auto; max-width:640px;}
@-webkit-keyframes twobg{
	0%{ opacity:0.1;}
	100%{ opacity:1.0;}	
	}
.fcontenta .pa{ float:left; position:relative; z-index:2; -webkit-animation:patxt 1.0s 1ms 1 ease-in; width:100%;margin:2% 0;}
.fcontenta .pa img{ width:100%;}
@-webkit-keyframes patxt{
	 from{ opacity:0.1; left:-100%;}
	 to{ opacity:1.0; left:0;}
	}
.fcontenta .pb{ float: right; position:relative; z-index:2;-webkit-animation:pbtxt 1.0s 1ms 1 ease-in; width:100%;}
.fcontenta .pb img{ width:100%;}
@-webkit-keyframes pbtxt{
	 from{ opacity:0.1; right:-100%;}
	 to{ opacity:1.0; right:0;}
	}
.fcontenta .pc{ float:left; position:relative; z-index:2;-webkit-animation:pctxt 1.0s 1ms 1 ease-in; width:100%;margin:2% 0;}
.fcontenta .pc img{ width:100%;}
@-webkit-keyframes pctxt{
	 from{ opacity:0;left:-100%;}
	 to{ opacity:1.0; left:0;}
	}
.fcontenta .pd{ float: right; position:relative;z-index:2;-webkit-animation:pdtxt 1.0s 1ms 1 ease-in; width:100%;}
.fcontenta .pd img{ width:100%;}
@-webkit-keyframes pdtxt{
	 from{ opacity:0.1;right:-100%;}
	 to{ opacity:1.0; right:0;}
	}
.fcontenta h1{float:left; position:relative; z-index:2; -webkit-animation:cdlnjs 1.0s 1ms 1 ease-in; width:100%;margin:2% 0;}
.fcontenta h1 img{ width:100%;}
@-webkit-keyframes cdlnjs{
	from{ opacity:0.1;right:-100%;}
	to{ opacity:1.0;right:0;}
	}
.fcontenta h2{ position: relative;z-index:2;-webkit-animation:tsix 1.0s 1ms 1 ease-in; text-align:center;}
.fcontenta h2 img{ width:100%;}
@-webkit-keyframes tsix{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:0%;}
	}
.fcontenta h3{ position: relative;z-index:2;-webkit-animation:shenglve 1.0s 31ms 1 ease-in; text-align:center;margin:2% 0;}
.fcontenta h3 img{ width:100%;}
@-webkit-keyframes shenglve{
	from{ opacity:0.1;bottom:-100%;}
	to{ opacity:1.0;bottom:0%;}
	}

/*第3页*/
.fcontentb{ width:100%; height:100%; max-width:640px; max-height:960px; overflow:hidden;
background:#FFF; background-size:100% auto;margin:0 auto;}
.fcontentb .lakai{ width:100%;overflow:auto;-webkit-animation:lakai 1.0s 1ms 1 ease-in; position: absolute; z-index:4; top:0;max-width:640px;
margin:0 auto;}
.fcontentb .lakai img{ width:100%;}
@-webkit-keyframes lakai{
	from{ opacity:0.1;top:200%;}
	to{ opacity:1.0;top:0;}
	}
.fcontentb .qishi{ width:100%;overflow:auto;-webkit-animation:qishi 1.0s 1ms 1 ease-in; position: absolute; z-index:5; top:20%;max-width:640px;
margin:0 auto;}
.fcontentb .qishi img{ width:100%;}
@-webkit-keyframes qishi{
	from{ opacity:0.1;top:-100px;}
	to{ opacity:1.0;top:20%;}
	}
.fcontentb h1{ position: absolute;top:45%;z-index:10;-webkit-animation:throne 1.0s 1ms 1 ease-in; text-align:center;max-width:640px;
margin:0 auto;}
.fcontentb h1 img{ width:100%;}
@-webkit-keyframes throne{
	from{ opacity:0.1;top:100%;}
	to{ opacity:1.0;top:45%;}
	}
.fcontentb h2{  position: absolute;-webkit-animation:cangwsj 1.0s 1ms 1 ease-in; text-align:center;bottom:0;max-width:640px;
margin:0 auto;}
.fcontentb h2 img{ width:100%;}
@-webkit-keyframes cangwsj{
	from{ opacity:0.1;bottom:100%;}
	to{ opacity:1.0; bottom:0;}
	}


/*第4页*/
.fcontentbf{ width:100%; height:100%; max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; }
.fcontentbf .lawan{ width:100%;overflow:auto;-webkit-animation:lawan 2.0s 1ms 1 ease-in; position: absolute; z-index:10; top:0;
 max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; }
.fcontentbf .lawan img{ width:100%;}
@-webkit-keyframes lawan{
	from{ opacity:0.1;top:100%;}
	to{ opacity:1.0;top:0%;}
	}
.fcontentbf .yipian{ width:100%; overflow:auto;-webkit-animation:yipian 1.0s 1ms 1 ease-in; position: relative; z-index:5; top:18%;
overflow:hidden; margin:0 auto; }
.fcontentbf .yipian img{ width:100%;}
@-webkit-keyframes yipian{
	from{ opacity:0.1;left:100%;}
	to{ opacity:1.0;left:0%;}
	}
.fcontentbf h1{ position: relative;z-index:10;-webkit-animation:fouroneb 1.0s 1ms 1 ease-in; text-align:center; text-align:center; color:#fff602;
width:100%;font-weight:normal; top:20%;}
.fcontentbf h1 img{ width:100%;}
@-webkit-keyframes fouroneb{
	from{ opacity:0.1;left:-100%;}
	to{ opacity:1.0; left:0;}
	}
.fcontentbf h2{ position: relative;z-index:5;-webkit-animation:thrtwo 1.0s 11ms 1 ease-in; text-align:center; top:22%;}
.fcontentbf h2 img{ width:100%;}
@-webkit-keyframes thrtwo{
	from{ opacity:0.1;right:-90%;}
	to{ opacity:1.0;right:0%;}
	}
.fcontentbf h3{  position: relative;z-index:2;-webkit-animation:sierjiu 1.0s 1ms 1 ease-in; text-align:center;top:24%;
color:#fff602;width:100%; font-weight:normal;}
.fcontentbf h3 img{ width:100%;}
@-webkit-keyframes sierjiu{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:24%;}
	}
.fcontentbf h4{  position: relative;z-index:1;-webkit-animation:jianmian 1.0s 1ms 1 ease-in; text-align:center;top:25%;}
.fcontentbf h4 img{ width:100%;}
@-webkit-keyframes jianmian{
	from{ opacity:0.1;top:100%;}
	to{ opacity:1.0;top:25%;}
	}
.fcontentbf p{ width:100%; position: absolute;z-index:1;bottom:0;-webkit-animation:map 1.0s 1ms 1 ease-in; margin:0 auto;max-width:640px;}
@-webkit-keyframes map{
	from{ opacity:0.1;bottom:100%;}
	to{ opacity:1.0; bottom:0;}
	}
.fcontentbf p img{ width:100%;}


/*第5页*/
.fcontentc{width:100%; height:100%; max-width:640px;overflow:hidden; margin:0 auto;background: url(../images/fcontentc.jpg) no-repeat center top #fff; 
background-size:100%;-webkit-animation:wubg 3.0s 1ms 1  ease-in; margin:0 auto;}
@-webkit-keyframes wubg
{
0%   { opacity:0.1;}
100% {opacity:1.0;}
}
.fcontentc .shui{ width:100%;overflow:auto;-webkit-animation:shui 1.0s 1ms 1 ease-in; position: absolute;
 z-index:3; top:2%; max-width:640px; margin:0 auto;}
.fcontentc .shui img{ width:100%;}
@-webkit-keyframes shui{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:2%;}
	}
.fcontentc .weitou{ width:100%; overflow:auto;-webkit-animation:weitou 0.8s 1ms 1 ease-in; position: absolute; z-index:2; top:32%;max-width:640px;
margin:0 auto;}
.fcontentc .weitou img{ width:100%;}
@-webkit-keyframes weitou{
	from{ opacity:0.1;top:100%;}
	to{ opacity:1.0;top:32%;}
	}
.fcontentc h1{ position: relative;top:60%;z-index:10;-webkit-animation:fouronec 1.0s 1ms 1 ease-in; text-align:center; text-align:center; color:#fff602;
font-size:16px; width:100%;font-weight:normal;}
.fcontentc h1 img{ width:100%;}
@-webkit-keyframes fouronec{
	from{ opacity:0.1;right:-100%;}
	to{ opacity:1.0;right:0;}
	}
.fcontentc h3{  position: relative;z-index:10;-webkit-animation:thrthr 1.0s 1ms 1 ease-in; text-align:center;top:62%;
color:#fff602;font-size:16px; width:100%; font-weight:normal;}
.fcontentc h3 img{ width:100%;}
@-webkit-keyframes thrthr{
	from{ opacity:0.1;left:-100%;}
	to{ opacity:1.0;left:0;}
	}
.fcontentc h2{ position: absolute;z-index:2;-webkit-animation:wufulinm 1.0s 1ms 1 ease-in; text-align:center;bottom:0%;max-width:640px;
margin:0 auto;}
.fcontentc h2 img{ width:100%;}
@-webkit-keyframes wufulinm{
	from{ opacity:0.1;right:-90%;}
	to{ opacity:1.0;right:0%;}
	}
.fcontentc h4{  position: absolute;z-index:3;-webkit-animation:sibao 1.0s 1ms 1 ease-in; text-align:center;bottom:0%;}
.fcontentc h4 img{ width:100%;}
@-webkit-keyframes sibao{
	from{ opacity:0.1;left:-100%;}
	to{ opacity:1.0;left:0;}
	}


/*第6页*/
.fcontentd{width:100%; height:100%; max-width:640px;overflow:hidden; margin:0 auto; background:#fff;}
.shulimian{background: url(../images/fcontentd.jpg) no-repeat center top #fff; 
background-size:100%;-webkit-animation:shulimian 1.0s 1ms 1  ease-in;}
@-webkit-keyframes shulimian
{
0%   { opacity:0.1;}
100% {opacity:1.0;}
}
.fcontentd .yaoteng{ width:100%;overflow:auto;-webkit-animation:yaoteng 1.0s 1ms 1 ease-in; position: absolute; z-index:1; bottom:0;
 max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; padding-top:5px; }
.fcontentd .yaoteng img{ width:100%;}
@-webkit-keyframes yaoteng{
	from{ opacity:0.1;bottom:-100%;}
	to{ opacity:1.0;bottom:0%;}
	}
.fcontentd .biedanxin{ width:100%; overflow:auto;-webkit-animation:biedanxin 1.0s 1ms 1 ease-in; position: absolute; z-index:10; top:11%;
 max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; }
.fcontentd .biedanxin img{ width:100%;}
@-webkit-keyframes biedanxin{
	from{ opacity:0.1;left:100%;}
	to{ opacity:1.0;left:0%;}
	}
.fcontentd h1{ position: relative;top:19%;z-index:10;-webkit-animation:weishengjin 1.0s 1ms 1 ease-in; text-align:center; text-align:center; color:#fff602;
font-size:18px; width:100%;font-weight:normal;}
.fcontentd h1 img{ width:100%;}
@-webkit-keyframes weishengjin{
	from{ opacity:0.1;top:100%;}
	to{ opacity:1.0;top:19%;}
	}
.fcontentd h2{ position: relative;z-index:5;-webkit-animation:thrtwo 1.0s 1ms 1 ease-in; text-align:center; top:20%;}
.fcontentd h2 img{ width:100%;}
@-webkit-keyframes thrtwo{
	from{ opacity:0.1;right:-90%;}
	to{ opacity:1.0;right:0%;}
	}
.fcontentd h3{  position: relative;z-index:2;-webkit-animation:thrthr 1.0s 1ms 1 ease-in; text-align:center;top:22%;
color:#fff602;width:100%; font-weight:normal;}
.fcontentd h3 img{ width:100%;}
@-webkit-keyframes thrthr{
	from{ opacity:0.1;left:-100%;}
	to{ opacity:1.0;left:0;}
	}
.fcontentd h4{  position: relative;z-index:1;-webkit-animation:gohome 1.0s 1ms 1 ease-in; text-align:center;top:23%;
width:100%;font-weight:normal;color:#fff602;}
.fcontentd h4 img{ width:100%;}
@-webkit-keyframes gohome{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:23%;}
	}
.fcontentd p{ width:100%; position: relative;z-index:10;top:5%;-webkit-animation:mapb 1.0s 1ms 1 ease-in; margin:0 auto;}
@-webkit-keyframes mapb{
	from{ opacity:0.1;left:-120%;}
	to{ opacity:1.0;left:0;}
	}
.fcontentd p img{ width:100%;}

/*第7页*/
.fcontente{width:100%; height:100%; max-width:640px;overflow:hidden; margin:0 auto;}
.shier{background: url(../images/shier.jpg) no-repeat center bottom #fff; 
background-size:100%;-webkit-animation:shier 2.0s 1ms 1  ease-in;}
@-webkit-keyframes shier
{
0%   { opacity:0.1;}
100% {opacity:1.0;}
}
.fcontente .gegelogo{ width:100%;overflow:auto;-webkit-animation:gegelogo 1.0s 1ms 1 ease-in; position: absolute; z-index:1; top:2%;
 max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; padding-top:5px; }
.fcontente .gegelogo img{ width:100%;}
@-webkit-keyframes gegelogo{
	from{ opacity:0.1;bottom:100%;}
	to{ opacity:1.0;top:2%;}
	}

.fcontente .hebao{ width:100%;overflow:auto;-webkit-animation:hebao 1.0s 1ms 1 ease-in; position: absolute; z-index:1; bottom:0;
 max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; padding-top:5px; }
.fcontente .hebao img{ width:100%;}
@-webkit-keyframes hebao{
	from{ opacity:0.1;bottom:100%;}
	to{ opacity:1.0;bottom:0%;}
	}
.fcontente h2{ position: relative;z-index:5;-webkit-animation:henwan 1.0s 11ms 1 ease-in; text-align:center; top:2%;}
.fcontente h2 img{ width:100%;}
@-webkit-keyframes henwan{
	from{ opacity:0.1;right:-90%;}
	to{ opacity:1.0;right:0%;}
	}
.fcontente h3{  position: relative;z-index:2;-webkit-animation:doubuwan 1.0s 1ms 1 ease-in; text-align:center;top:3%;
color:#fff602;width:100%; font-weight:normal;}
.fcontente h3 img{ width:100%;}
@-webkit-keyframes doubuwan{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:3%;}
	}
.fcontente h4{  position: relative;z-index:1;-webkit-animation:erweima 1.0s 1ms 1 ease-in; text-align:center;top:5%;}
.fcontente h4 img{ width:100%;}
@-webkit-keyframes erweima{
	from{ opacity:0.1;top:100%;}
	to{ opacity:1.0;top:5%;}
	}
.fcontente h5{  position: relative;z-index:1;-webkit-animation:saoma 1.0s 1ms 1 ease-in; text-align:center;top:6%;}
.fcontente h5 img{ width:100%;}
@-webkit-keyframes saoma{
	from{ opacity:0.1;right:100%;}
	to{ opacity:1.0;right:0%;}
	}
.fcontente .xunbian{ width:100%; overflow:auto;-webkit-animation:xunbian 1.0s 1ms 1 ease-in; position: absolute; z-index:10; top:15%;
 max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; }
.fcontente .xunbian img{ width:100%;}
@-webkit-keyframes xunbian{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:15%;}
	}
.fcontente .dizao{ width:100%; overflow:auto;-webkit-animation:dizao 1.0s 1ms 1 ease-in; position: absolute; z-index:10; top:16%;
 max-width:640px; max-height:960px; overflow:hidden; margin:0 auto; }
.fcontente .dizao img{ width:100%;}
@-webkit-keyframes dizao{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:16%;}
	}

.fcontente h1{ position: absolute;bottom:32%;z-index:10;-webkit-animation:fouronea 1.5s 1ms 1 ease-in; text-align:center; text-align:center; color:#fff602;
font-size:18px; width:100%;font-weight:normal;max-width:640px;margin:0 auto;}
.fcontente h1 img{ width:100%;}
@-webkit-keyframes fouronea{
	from{ opacity:0.1;bottom:-100%;}
	to{ opacity:1.0;bottom:32%;}
	}
.fcontente .dianji{ position: relative;z-index:10;-webkit-animation:dianji 1.0s 1ms 1 ease-in; text-align:center; text-align:center; color:#fff602;
font-size:18px; width:100%;font-weight:normal;max-width:640px;margin:0 auto; top:8%;}
.fcontente .dianji img{ width:100%;}
@-webkit-keyframes dianji{
	from{ opacity:0.1;top:-100%;}
	to{ opacity:1.0;top:8%;}
	}
	

footer{position:absolute; bottom:-32px; z-index:100; margin:0 auto; left:0;float:left; width:100%; text-align:center; color:#999; font-size:14px;
 padding:24% 0 5% 0;
-webkit-animation:footer 1.0s 1ms 1 ease-in;}
footer img{ width:50px; display:block; margin:0 auto;}
@-webkit-keyframes footer{
	from{ opacity:0.1;bottom:-100px;}
	to{ opacity:1.0;bottom:-32px;}
	}