﻿
.hideTxt{ display:none}



/*----------主体 */

.wrapper{overflow:hidden;position:relative;background:url("../images/bg.jpg"/*tpa=http://www.95bbk.com/h2/images/bg.jpg*/) no-repeat center top;}


.box{height:836px;position:relative;float:left;text-align:center}

.box img{display:inline-block;overflow:visible;}









.peo_one{width:1565px;height:1080px;background:url("../images/peo_one.png"/*tpa=http://www.95bbk.com/h2/images/peo_one.png*/) no-repeat;position:absolute;bottom:-120px;/*left:0px;*/
transform:translateX(0px);
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
transition:1s all ease-out;
-webkit-transition:1s all ease-out;
-moz-transition:1s all ease-out;


}
.danhua{width:28px;height:20px;background:url("../images/danhua.png"/*tpa=http://www.95bbk.com/h2/images/danhua.png*/) no-repeat;position:absolute;left:810px;top:320px;z-index:503;
animation:lbhua 10.5s linear 4s infinite;
-ms-animation:lbhua 10.5s linear 4s  infinite;
-o-animation:lbhua 10.5s linear 4s  infinite;
-moz-animation:lbhua 10.5s linear 4s  infinite;
-webkit-animation:lbhua 10.5s linear 4s  infinite;

}
.fasione{width:87px;height:235px;background:url("../images/onetoufa.png"/*tpa=http://www.95bbk.com/h2/images/onetoufa.png*/) no-repeat;position:absolute;left:480px;top:220px;
transform-origin:0 0;
animation:swinging 5s linear 0s infinite alternate ;
-webkit-transform-origin:0 0;
-webkit-animation:swinging 5s linear 0s infinite alternate ;
-moz-transform-origin:0 0;
-moz-animation:swinging 5s linear 0s infinite alternate ;

}

.font-one{width:810px;height:864px;background:url("../images/font-three.png"/*tpa=http://www.95bbk.com/h2/images/font-three.png*/) no-repeat;position:absolute;top:0px;right:407px; margin-left:-350px;
/*animation:oRight 2s ease 0s;
-moz-animation:oRight 2s ease 0s;
-ms-animation:oRight 2s ease 0s;
-o-animation:oRight 2s ease 0s;
-webkit-animation:oRight 2s ease 0s;*/
}
/*
.font-one{width:800px;height:486px;background:url(../images/font-three.png) no-repeat;position:absolute;right:1007px;top:-80px;z-index:33}
*/
.zy{width:810px;height:864px;background:url("../images/rz.png"/*tpa=http://www.95bbk.com/h2/images/rz.png*/) no-repeat;position:absolute;left:0px;top:0px;}
.zy_one{width:1920px;height:1080px;background:url("../images/zhuyeone.png"/*tpa=http://www.95bbk.com/h2/images/zhuyeone.png*/) no-repeat center left;position:absolute;left:0px;bottom:0px;z-index:500;
	
}
.huaban{width:1920px;height:1080px;z-index:499;position:absolute;top:0px;left:0;}
.huaban div{position:absolute;}
.bighua{width:87px;height:76px;background:url("../images/bighua.png"/*tpa=http://www.95bbk.com/h2/images/bighua.png*/) no-repeat;left:0;bottom:300px;
/*-moz-transform-origin:0 0;*/
animation:lbhua 10.5s linear  infinite;
-ms-animation:lbhua 10.5s linear  infinite;
-o-animation:lbhua 10.5s linear  infinite;
-moz-animation:lbhua 10.5s linear  infinite;
-webkit-animation:lbhua 10.5s linear  infinite;

}
.smhua{width:63px;height:51px;background:url("../images/zhonghua2.png"/*tpa=http://www.95bbk.com/h2/images/zhonghua2.png*/) no-repeat;left:-20px;top:412px;
animation:lbhua2 7.5s linear 2s infinite;
-ms-animation:lbhua2 7.5s linear 2s infinite;
-o-animation:lbhua2 7.5s linear 2s infinite;
-moz-animation:lbhua2 7.5s linear 2s infinite;
-webkit-animation:lbhua2 7.5s linear 2s infinite;
}
.xiaohua{width:30px;height:19px;background:url("../images/xiaohua.png"/*tpa=http://www.95bbk.com/h2/images/xiaohua.png*/) no-repeat;left:0;top:212px;
animation:lbhua 10.5s linear 3.5s infinite;
-ms-animation:lbhua 10.5s linear 3.5s infinite;
-o-animation:lbhua 10.5s linear 3.5s infinite;
-moz-animation:lbhua 10.5s linear 3.5s infinite;
-webkit-animation:lbhua 10.5s linear 3.5s infinite;
}
.zhonghua{width:138px;height:78px;background:url("../images/hua.png"/*tpa=http://www.95bbk.com/h2/images/hua.png*/) no-repeat;left:0;top:612px;
animation:lbhua 10.5s linear 6.5s infinite;
-ms-animation:lbhua 10.5s linear 6.5s infinite;
-o-animation:lbhua 10.5s linear 6.5s infinite;
-webkit-animation:lbhua 10.5s linear 6.5s infinite;
-moz-animation:lbhua 10.5s linear 6.5s infinite;
}

.btn{width:100px;height:100px;display:block;background:url("../images/btn.png"/*tpa=http://www.95bbk.com/h2/images/btn.png*/) no-repeat;position:absolute;right:335px;top:500px;z-index:501}
.navbox{width:323px;height:161px;background:url("../images/nav.png"/*tpa=http://www.95bbk.com/h2/images/nav.png*/) no-repeat;position:absolute;top:0;left:298px;z-index:520}
.navbox a{display:block;width:68px;height:55px;position:absolute;top:14px;}
.game_index{left:94px;}
.game_download{left:162px;}


.peo_two{width:1590px;height:1080px;background:url("../images/peo_two.png"/*tpa=http://www.95bbk.com/h2/images/peo_two.png*/) no-repeat;position:absolute;right:111px;top:-120px;z-index:32}

.font-two{width:800px;height:486px;background:url("../images/font-three.png"/*tpa=http://www.95bbk.com/h2/images/font-three.png*/) no-repeat;position:absolute;top:0px;right:407px; margin-left:-200px;z-index:33}


/*
.font-one{width:800px;height:486px;background:url(../images/font-three.png) no-repeat;position:absolute;right:1007px;top:0px;z-index:33}
*/

.zy_two{width:1920px;height:1080px;background:url("../images/zhuyetwo.png"/*tpa=http://www.95bbk.com/h2/images/zhuyetwo.png*/) no-repeat;position:absolute;left:0px;top:0px;}
.fstwo{width:731px;height:372px;position:absolute;top:220px;right:280px;background:url("../images/f1.png"/*tpa=http://www.95bbk.com/h2/images/f1.png*/) no-repeat;overflow:hidden;opacity:0.5;
transform-origin:0 0;
animation:sx 5s linear 0s infinite alternate ;
-moz-transform-origin:0 0;
-moz-animation:sx 5s linear 0s infinite alternate ;
-webkit-transform-origin:0 0;
-webkit-animation:sx 5s linear 0s infinite alternate ;
}
.fadai{width:368px;height:423px;background:url("../images/fadai1.png"/*tpa=http://www.95bbk.com/h2/images/fadai1.png*/) no-repeat;position:absolute;top:290px;left:709px;z-index:54;transform-origin:0 0;animation:fd 5s linear 1.5s infinite alternate ;}

.peo_three{width:1700px;height:1080px;background:url("../images/peo_three.png"/*tpa=http://www.95bbk.com/h2/images/peo_three.png*/) no-repeat;position:absolute;right:621px;bottom:-120px;z-index:31}
.font-three{width:800px;height:486px;background:url("../images/font-three.png"/*tpa=http://www.95bbk.com/h2/images/font-three.png*/) no-repeat;position:absolute;right:320px;top:0px;z-index:33}
.zy_three{width:1920px;height:1080px;background:url("../images/zhuyethree.png"/*tpa=http://www.95bbk.com/h2/images/zhuyethree.png*/) no-repeat;position:absolute;left:0px;top:0px;}
.threebtnbox{width:533px;height:95px;position:absolute;right:443px;top:502px;z-index:503}
.threebtnbox a{display:block;width:253px;height:95px;}
.download{background:url("../images/download.png"/*tpa=http://www.95bbk.com/h2/images/download.png*/) no-repeat;float:right}
.download:hover{background:url("../images/download_hover.png"/*tpa=http://www.95bbk.com/h2/images/download_hover.png*/) no-repeat;}
.enter_game{background:url("../images/enter_gw.png"/*tpa=http://www.95bbk.com/h2/images/enter_gw.png*/) no-repeat;float:left;}
.enter_game:hover{background:url("../images/enter_gw_hover.png"/*tpa=http://www.95bbk.com/h2/images/enter_gw_hover.png*/) no-repeat;}
.fasithree{width:220px;height:160px;position:absolute;top:340px;right:600px;background:url("../images/threetoufa2.png"/*tpa=http://www.95bbk.com/h2/images/threetoufa2.png*/) no-repeat;
transform-origin:0 0;
animation:swinging 5s linear 0s infinite alternate ;
-webkit-transform-origin:0 0;
-webkit-animation:swinging 5s linear 0s infinite alternate ;
-moz-transform-origin:0 0;
-moz-animation:swinging 5s linear 0s infinite alternate ;
}


.musicbox{width:47px;height:47px;position:fixed;z-index:510;top:100px;right:80px;cursor:pointer;}
.musicplay{background:url("../images/musicplay.png"/*tpa=http://www.95bbk.com/h2/images/musicplay.png*/) no-repeat}
.musicstop{background:url("../images/musicstop.png"/*tpa=http://www.95bbk.com/h2/images/musicstop.png*/) no-repeat}

@keyframes lbhua {				
	0% {
		opacity:1;
		transform: translate3d(0px,0px,0) 
	}
	10%{
		opacity:1;
		transform: translate3d(200px,-50px,0) 
	}
	20%{
		opacity:1;
		transform: translate3d(400px,-100px,0) 
	}
	30%{
		opacity:1;
		transform: translate3d(600px,-150px,0) 
	}
	40% {
		opacity:1;
		transform: translate3d(800px,-200px,0)
	}
	
	50% {
		opacity:1;
		transform: translate3d(1000px,-250px,0)
	}
	60% {
		opacity:1;
		transform: translate3d(1200px,-300px,0)
	}
	
	70% {
		opacity:0.5;
		transform: translate3d(1400px,-350px,0)
	}
	80% {
		opacity:0.3;
		transform: translate3d(1600px,-400px,0)
	}
	90% {
		opacity:0.1;
		transform: translate3d(1800px,-450px,0)
	}
	100% {
		opacity:0;
		transform: translate3d(2000px,-500px,0)
	}
}
@-webkit-keyframes lbhua {
	0% {
		opacity:1;
		-webkit-transform: translate3d(0px,0px,0) 
	}
	10%{
		opacity:1;
		-webkit-transform: translate3d(200px,-50px,0) 
	}
	20%{
		opacity:1;
		-webkit-transform: translate3d(400px,-100px,0) 
	}
	30%{
		opacity:1;
		-webkit-transform: translate3d(600px,-150px,0) 
	}
	40% {
		opacity:1;
		-webkit-transform: translate3d(800px,-200px,0)
	}
	
	50% {
		opacity:1;
		-webkit-transform: translate3d(1000px,-250px,0)
	}
	60% {
		opacity:1;
		-webkit-transform: translate3d(1200px,-300px,0)
	}
	
	70% {
		opacity:0.5;
		-webkit-transform: translate3d(1400px,-350px,0)
	}
	80% {
		opacity:0.3;
		-webkit-transform: translate3d(1600px,-400px,0)
	}
	90% {
		opacity:0.1;
		-webkit-transform: translate3d(1800px,-450px,0)
	}
	100% {
		opacity:0;
		-webkit-transform: translate3d(2000px,-500px,0)
	}
}
@-moz-keyframes lbhua {
	0% {
		opacity:1;
		-moz-transform: translate3d(0px,0px,0) 
	}
	10%{
		opacity:1;
		-moz-transform: translate3d(200px,-50px,0) 
	}
	20%{
		opacity:1;
		-moz-transform: translate3d(400px,-100px,0) 
	}
	30%{
		opacity:1;
		-moz-transform: translate3d(600px,-150px,0) 
	}
	40% {
		opacity:1;
		-moz-transform: translate3d(800px,-200px,0)
	}
	
	50% {
		opacity:1;
		-moz-transform: translate3d(1000px,-250px,0)
	}
	60% {
		opacity:1;
		-moz-transform: translate3d(1200px,-300px,0)
	}
	
	70% {
		opacity:0.5;
		-moz-transform: translate3d(1400px,-350px,0)
	}
	80% {
		opacity:0.3;
		-moz-transform: translate3d(1600px,-400px,0)
	}
	90% {
		opacity:0.1;
		-moz-transform: translate3d(1800px,-450px,0)
	}
	100% {
		opacity:0;
		-moz-transform: translate3d(2000px,-500px,0)
	}
}
@-ms-keyframes lbhua {
	0% {
		opacity:1;
		-ms-transform: translate3d(0px,0px,0) 
	}
	10%{
		opacity:1;
		-ms-transform: translate3d(200px,-50px,0) 
	}
	20%{
		opacity:1;
		-ms-transform: translate3d(400px,-100px,0) 
	}
	30%{
		opacity:1;
		-ms-transform: translate3d(600px,-150px,0) 
	}
	40% {
		opacity:1;
		-ms-transform: translate3d(800px,-200px,0)
	}
	
	50% {
		opacity:1;
		-ms-transform: translate3d(1000px,-250px,0)
	}
	60% {
		opacity:1;
		-ms-transform: translate3d(1200px,-300px,0)
	}
	
	70% {
		opacity:0.5;
		-ms-transform: translate3d(1400px,-350px,0)
	}
	80% {
		opacity:0.3;
		-ms-transform: translate3d(1600px,-400px,0)
	}
	90% {
		opacity:0.1;
		-ms-transform: translate3d(1800px,-450px,0)
	}
	100% {
		opacity:0;
		-ms-transform: translate3d(2000px,-500px,0)
	}
}
@-o-keyframes lbhua {
	0% {
		opacity:1;
		-o-transform: translate3d(0px,0px,0) 
	}
	10%{
		opacity:1;
		-o-transform: translate3d(200px,-50px,0) 
	}
	20%{
		opacity:1;
		-o-transform: translate3d(400px,-100px,0) 
	}
	30%{
		opacity:1;
		-o-transform: translate3d(600px,-150px,0) 
	}
	40% {
		opacity:1;
		-o-transform: translate3d(800px,-200px,0)
	}
	
	50% {
		opacity:1;
		-o-transform: translate3d(1000px,-250px,0)
	}
	60% {
		opacity:1;
		-o-transform: translate3d(1200px,-300px,0)
	}
	
	70% {
		opacity:0.5;
		-o-transform: translate3d(1400px,-350px,0)
	}
	80% {
		opacity:0.3;
		-o-transform: translate3d(1600px,-400px,0)
	}
	90% {
		opacity:0.1;
		-o-transform: translate3d(1800px,-450px,0)
	}
	100% {
		opacity:0;
		-o-transform: translate3d(2000px,-500px,0)
	}
}
@keyframes lbhua2 {
	0% {
		transform: translate3d(-50px,0px,0) 
	}
	5%{
		transform: translate3d(100px,-10px,0) 
	}

	10% {
		transform: translate3d(200px,-20px,0)
	}
	20% {
		transform: translate3d(400px,-40px,0)
	}
	30% {
		transform: translate3d(600px,-60px,0)
	}
	40% {
		transform: translate3d(800px,-80px,0)
	}
	50% {
		transform: translate3d(1000px,-100px,0) rotate(180deg);
	}
	
	60% {
		transform: translate3d(1200px,-140px,0) rotate(180deg);
	}
	70% {
		transform: translate3d(1400px,-160px,0) rotate(180deg);
	}
	80% {
		transform: translate3d(1600px,-180px,0) rotate(180deg);
	}
	90% {
		transform: translate3d(1800px,-200px,0) rotate(180deg);
	}
	100% {
		transform: translate3d(2000px,-200px,0) rotate(180deg);
	}
}
@-webkit-keyframes lbhua2 {
	0% {
		-webkit-transform: translate3d(-50px,0px,0) 
	}
	5%{
		-webkit-transform: translate3d(100px,-10px,0) 
	}

	10% {
		-webkit-transform: translate3d(200px,-20px,0)
	}
	20% {
		-webkit-transform: translate3d(400px,-40px,0)
	}
	30% {
		-webkit-transform: translate3d(600px,-60px,0)
	}
	40% {
		-webkit-transform: translate3d(800px,-80px,0)
	}
	50% {
		-webkit-transform: translate3d(1000px,-100px,0) rotate(180deg);
	}
	
	60% {
		-webkit-transform: translate3d(1200px,-140px,0) rotate(180deg);
	}
	70% {
		-webkit-transform: translate3d(1400px,-160px,0) rotate(180deg);
	}
	80% {
		-webkit-transform: translate3d(1600px,-180px,0) rotate(180deg);
	}
	90% {
		-webkit-transform: translate3d(1800px,-200px,0) rotate(180deg);
	}
	100% {
		-webkit-transform: translate3d(2000px,-200px,0) rotate(180deg);
	}
}
@-moz-keyframes lbhua2 {
	0% {
		-moz-transform: translate3d(-50px,0px,0) 
	}
	5%{
		-moz-transform: translate3d(100px,-10px,0) 
	}

	10% {
		-moz-transform: translate3d(200px,-20px,0)
	}
	20% {
		-moz-transform: translate3d(400px,-40px,0)
	}
	30% {
		-moz-transform: translate3d(600px,-60px,0)
	}
	40% {
		-moz-transform: translate3d(800px,-80px,0)
	}
	50% {
		-moz-transform: translate3d(1000px,-100px,0) rotate(180deg);
	}
	
	60% {
		-moz-transform: translate3d(1200px,-140px,0) rotate(180deg);
	}
	70% {
		-moz-transform: translate3d(1400px,-160px,0) rotate(180deg);
	}
	80% {
		-moz-transform: translate3d(1600px,-180px,0) rotate(180deg);
	}
	90% {
		-moz-transform: translate3d(1800px,-200px,0) rotate(180deg);
	}
	100% {
		-moz-transform: translate3d(2000px,-200px,0) rotate(180deg);
	}
}
@-ms-keyframes lbhua2 {
	0% {
		-ms-transform: translate3d(-50px,0px,0) 
	}
	5%{
		-ms-transform: translate3d(100px,-10px,0) 
	}

	10% {
		-ms-transform: translate3d(200px,-20px,0)
	}
	20% {
		-ms-transform: translate3d(400px,-40px,0)
	}
	30% {
		-ms-transform: translate3d(600px,-60px,0)
	}
	40% {
		-ms-transform: translate3d(800px,-80px,0)
	}
	50% {
		-ms-transform: translate3d(1000px,-100px,0) rotate(180deg);
	}
	
	60% {
		-ms-transform: translate3d(1200px,-140px,0) rotate(180deg);
	}
	70% {
		-ms-transform: translate3d(1400px,-160px,0) rotate(180deg);
	}
	80% {
		-ms-transform: translate3d(1600px,-180px,0) rotate(180deg);
	}
	90% {
		-ms-transform: translate3d(1800px,-200px,0) rotate(180deg);
	}
	100% {
		-ms-transform: translate3d(2000px,-200px,0) rotate(180deg);
	}
}
@-o-keyframes lbhua2 {
	0% {
		-o-transform: translate3d(-50px,0px,0) 
	}
	5%{
		-o-transform: translate3d(100px,-10px,0) 
	}

	10% {
		-o-transform: translate3d(200px,-20px,0)
	}
	20% {
		-o-transform: translate3d(400px,-40px,0)
	}
	30% {
		-o-transform: translate3d(600px,-60px,0)
	}
	40% {
		-o-transform: translate3d(800px,-80px,0)
	}
	50% {
		-o-transform: translate3d(1000px,-100px,0) rotate(180deg);
	}
	
	60% {
		-o-transform: translate3d(1200px,-140px,0) rotate(180deg);
	}
	70% {
		-o-transform: translate3d(1400px,-160px,0) rotate(180deg);
	}
	80% {
		-o-transform: translate3d(1600px,-180px,0) rotate(180deg);
	}
	90% {
		-o-transform: translate3d(1800px,-200px,0) rotate(180deg);
	}
	100% {
		-o-transform: translate3d(2000px,-200px,0) rotate(180deg);
	}
}




@keyframes sx{
    0% { transform: rotate(0); }
    50% { transform: rotate(4deg); }
    100% { transform: rotate(-4eg); }
}
@-moz-keyframes sx{
    0% { -moz-transform: rotate(0); }
    50% { -moz-transform: rotate(4deg); }
    100% { -moz-transform: rotate(-4eg); }
}
@-webkit-keyframes sx{
    0% { -webkit-transform: rotate(0); }
    50% { -webkit-transform: rotate(4deg); }
    100% { -webkit-transform: rotate(-4eg); }
}

@keyframes fd{
    0% { transform: rotate(0); }
    50% { transform: rotate(2deg); }
    100% { transform: rotate(-2eg); }
}


@keyframes swinging{
    0% { transform: rotate(0); }
    35% { transform: rotate(10deg); }
    55% { transform: rotate(5deg); }
    75% { transform: rotate(2deg); }
    100% { transform: rotate(0deg); }

}
@-moz-keyframes swinging{
    0% { -moz-transform: rotate(0); }
    35% { -moz-transform: rotate(10deg); }
    55% { -moz-transform: rotate(5deg); }
    75% { -moz-transform: rotate(2deg); }
    100% { -moz-transform: rotate(0deg); }

}
@-webkit-keyframes swinging{
     0% { -webkit-transform: rotate(0); }
    35% { -webkit-transform: rotate(10deg); }
    55% { -webkit-transform: rotate(5deg); }
    75% { -webkit-transform: rotate(2deg); }
    100% { -webkit-transform: rotate(0deg); }
}


