
body{ font-family: "microsoft yahei"; }

.bl {display: block;}
.ab {position: absolute;}

#Topbar{height:110px;background:url(../images/np.png) repeat-x 0 0;}
.Topwrap{width:1200px;margin:0 auto;position:relative;height:100%;}
#Topnav{height:100px;background:url(../images/topnav.jpg) no-repeat 0 0;width:672px;float:left;}
#Topnav li{float:left;}
#Topnav a{display:block;width:222px;height:100px;margin-left:2px;text-indent:-999em;}
#Topnav a:hover{background-image:url(../images/topnav.jpg);background-repeat:no-repeat;}
#Topnav a.n1:hover{background-position:-2px -100px;}
#Topnav a.n2:hover{background-position:-226px -100px;}
#Topnav a.n3:hover{background-position:-450px -100px;}
#Topbar .entry{background:url(../images/entry.jpg) no-repeat 0 0;display:block;width:236px;height:100px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .forum{background:url(../images/forum.jpg) no-repeat 0 0;display:block;width:236px;height:100px;margin-left:7px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .entry:hover{background:url(../images/entry_1.jpg) no-repeat 0 0;}
#Topbar .forum:hover{background:url(../images/forum_1.jpg) no-repeat 0 0;}
.clearfix:after{content:'.';display:block;height:0;visibility:hidden;overflow:hidden;clear:both}
.wrapper{position:relative;width:100%;min-width:1200px;overflow:hidden;margin-top:-800px;}
.wrapper .section{position:relative;margin: 0 auto;}
.wrapper .section1{position:relative;height:400px;}
.wrapper .section2{position:relative;height:518px;}
.wrapper .section3{position:relative;height:696px}
.wrapper .section4{position:relative;height:849px}
.wrapper .section5{position:relative;height:930px}



.section1{overflow:hidden;}
.section1 .inc{position:relative;width:1400px;height:400px;margin:0 auto;left:8px;top:107px;}
.wrap{width: 1200px;height:750px;margin-left:-440px;margin:0 auto;z-index:9999}
.wraps{width: 390px;height:750px;margin-left:0px;margin-top:50px;z-index:9999}
.m-main{margin-top: 119px;font-size: 16px;color: #e9e6d0;}
.main-item{margin-bottom: 0px;}

.char-list{margin-left: 0px;overflow: hidden;}
.char-list li.item{float: left;margin-left:0px;_margin-left: 0px;}
.char-list .skill{}
.char-list .img-1{background: url(../images/btn_01.png) no-repeat;width: 390px;height: 115px;margin-left:0px;}
.char-list .img-1:hover{background: url(../images/btn_01_01.png) no-repeat;width: 390px;height:115px;margin-left:0px;}
.char-list .img-2{background: url(../images/btn_02.png) no-repeat;margin-left:0px;width: 390px;height: 115px;}
.char-list .img-2:hover{background: url(../images/btn_02_01.png) no-repeat;margin-left:0px;width: 390px;height: 115px;}
.char-list .img-3{background: url(../images/btn_03.png) no-repeat;margin-left:0px;width:390px;height: 115px;}
.char-list .img-3:hover{background: url(../images/btn_03_01.png) no-repeat;margin-left:0px;width:390px;height: 115px;}
.char-list .img-4{background: url(../images/btn_04.png) no-repeat;width: 390px;height:115px;margin-left:0px;}
.char-list .img-4:hover{background: url(../images/btn_04_01.png) no-repeat;width: 390px;height:115px;margin-left:0px;}
.char-list .skill-wrapper{width: 100%;padding: 5px 0;background: #000;}

#info{float:left;width:1300px;height:540px; position:absolute; overflow:hidden;z-index:999999;top:1025px;left:50%;margin-left:-205px}
.news{width: 100%;height: 540px;position:absolute;background: url(../img/news_bg.jpg) no-repeat;}
.news_list{width: 800px;height: 570px;float: left;margin-left:10px;margin-top:10px;overflow: hidden;}
.news_list .bd ul{width: 100%;height: 0px;zoom: 1;margin-top: 20px;}
.news_list .bd li{height:40px;line-height:60px;font-size:18px;}
.news_list .bd li a{color: #FFF;width: 800px;float: left;height:60px;border-bottom:1px dashed #FFF;}
.news_list .bd li a i{margin-right:5px;}
.news_list .bd li a:hover{color:#FFF;}
.news_list .bd li span{color:#FFF;float:right;}



.section2{overflow:hidden;background:url(../images/bg_02.jpg) top center no-repeat;}
.section2 .inc{position:relative;width:1350px;height:518px;margin:0 auto;left:8px;top:10px;}
#m1{width:1350px;margin-bottom:10px;}
#Video{float:left;width:665px;height:465px;position:relative;overflow:hidden;background-color:#1b3033;}
#PlayBanner{float:right;width:430px;height:465px;position:relative;overflow:hidden;}
#PlayBanner .conbox{width:9999em;position:absolute;width:430px;height:465px;}
#PlayBanner .conbox div{float:left;width:260px;height:400px;overflow:hidden;}
#PlayBanner .conbox div img{width:100%;height:100%;display:block;}


.section3{overflow:hidden;background:url(../images/bg_03.jpg) top center no-repeat;}
.section3 .inc{position:relative;width:1400px;height:647px;margin:0 auto;left:8px;top:10px;}

#focus_Box{position:relative; padding-top: 106px; margin:0 auto;}
#focus_Box ul{position:relative;width:1400px; height:507px; margin:0 auto;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:74px;height:74px;top:412px;}
#focus_Box .prev{background:url(../images/prev.png) left bottom no-repeat;left:66px;}
#focus_Box .next{background:url(../images/next.png) right bottom no-repeat;right:66px;}
#focus_Box .proL{ 
	transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);	 
}
#focus_Box .proR{ 
	transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(30deg);	 
}


.slide1{width:1310px;height:681px;top:0px;}
.slide1images ul li{width:1310px;height:681px;float:left;margin-right:0px;} 
.slide1 .slide1images .uls{list-style-type:none;}
.slide1 .prev{top:280px;left:00px;}
.slide1 .next{top:280px;left:1235px;}



.slide2{width:1310px;height:620px;top:0px;}
.slide2images ul li{width:1310px;height:620px;float:left;margin-right:0px;} 
.slide2 .slide2images .uls{list-style-type:none;}
.slide2 .prev{top:260px;left:00px;}
.slide2 .next{top:260px;left:1235px;}


.prev,.next{width: 74px;height:74px;}
.prev{background: url(../images/prev.png) no-repeat center;}
.next{background: url(../images/next.png) no-repeat center;}
.ImagePlay1{margin: 0 auto;width: 100%;overflow: hidden;position: relative;height: 681px;}
.ImagePlay2{margin: 0 auto;width: 100%;overflow: hidden;position: relative;height: 620px;}



.gameIntro{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 933px;
	background: url(../images/666_03.jpg) no-repeat center;	
}



.section4{overflow:hidden;background:url(../images/bg_04.jpg) top center no-repeat;}
.section4 .inc{position:relative;width:1310px;height:700px;margin:0 auto;left:8px;top:110px;}



.section5{overflow:hidden;background:url(../images/bg_05.jpg) top center no-repeat;}
.section5 .inc{position:relative;width:1310px;height:784px;margin:0 auto;top:136px;}


.bottombtn{width:318px;height:86px;background:url(../images/btn_2999456.png) no-repeat;position:relative;left:50%;margin-left:-159px;top:40px;overflow:hidden;z-index:999999999999999;}
.bottombtn:hover{background:url(../images/btn-h_5a96c8d.png) no-repeat}
.bottombtn .wen{position:absolute;width:276px;height:23px}
.bottombtn .t-wen{top:-4px;right:-80px;background:url(../images/t-wen_6d2a315.png) no-repeat center;-webkit-animation:top-ani 4s linear infinite;-moz-animation:top-ani 4s linear infinite;-ms-animation:top-ani 4s linear infinite;animation:top-ani 4s linear infinite}
@-webkit-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@-moz-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@-o-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@-ms-keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}@keyframes top-ani{0%{right:-80px}
50%{right:90px}
100%{right:-80px}}
.bottombtn .b-wen{bottom:-4px;left:-80px;background:url(../images/b-wen_cd28ac4.png) no-repeat center;-webkit-animation:bottom-ani 4s linear infinite;-moz-animation:bottom-ani 4s linear infinite;-ms-animation:bottom-ani 4s linear infinite;animation:bottom-ani 4s linear infinite}
@-webkit-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@-moz-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@-o-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@-ms-keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}@keyframes bottom-ani{0%{left:-80px}
50%{left:90px}
100%{left:-80px}}


.topwen{position:absolute;width:164px;height:123px;top:50%;margin-top:-90px;margin-left:70px}
.l-wen{left:-140px;background:url(../images/l-wen_c5b51b5.png) no-repeat center;-webkit-animation:left-ani 2s linear infinite;-moz-animation:left-ani 2s linear infinite;-ms-animation:left-ani 2s linear infinite;animation:left-ani 2s linear infinite}
@-webkit-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-moz-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-o-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@-ms-keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}@keyframes left-ani{0%{left:-152px}
50%{left:-162px}
100%{left:-152px}}
.r-wen{left:167px;background:url(../images/r-wen_0b8783f.png) no-repeat center;-webkit-animation:right-ani 2s linear infinite;-moz-animation:right-ani 2s linear infinite;-ms-animation:right-ani 2s linear infinite;animation:right-ani 2s linear infinite}
@-webkit-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-moz-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-o-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@-ms-keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}@keyframes right-ani{0%{left:167px}
50%{left:176px}
100%{left:167px}}
.footerBg{height:172px;background:url(../images/footbg.png) bottom center no-repeat;z-index:999999999999999;}
.footerDiv{width:1200px;margin:0 auto;text-align:center;margin-top:-172px}
