@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: -1px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}



 

.gameIntro {
	width:1920px;height:1100px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_01.jpg) no-repeat center;
	background-position: 0px -0px;
}


.zbShow{
	width:1920px;height:1000px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_02.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.gzShow{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_04.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.zbShow2{
	width:1920px;height:2800px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_03.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.zbShow3{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_04.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.zbShow4{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_05.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.zbShow5{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/235_06.jpg) no-repeat center;
	background-position: 0px -0px;	
}


.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/bj_07.jpg);
}

#Layer4 {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image: url(images/bj_07.html);
	background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 777px;
	top: 24px;
}
.STYLE2 {	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #CCCCCC;
}
a:active {
	color: #CCCCCC;
}



.slide1{
	width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;
	
}

.slide1 .uls li{list-style: none;}

.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{
	width:500px;height:508px;left: 636px;margin-left: -288px;top:263px;
	
}

.slide2 .uls li{list-style: none;}

.slide2 .prev,.slide2 .next{width:72px;height:95px;}
.slide2 .prev{top:-305px;left:-87px;background:url(../images/1.png) no-repeat left top;}

.slide2 .next{top:-404px;right:-1248px;background:url(../images/2.png) no-repeat left top;}


.slide3{
	width:1749px;height:689px;left: 636px;margin-left: -136px;top:265px; 
	
}

.slide3 .uls li{list-style: none;}

.slide3 .prev,.slide3 .next{width:145px;height:110px;background:url(../images/01x.png) no-repeat left top;}
.slide3 .prev{top: -315px;left: 960px;background:url(../images/02x.png) no-repeat left top;}
.slide3 .next{top: -427px;left: -180px;background:url(../images/01x.png) no-repeat left top;}



.slide4{
	width:1078px;height:419px;left: 50%;margin-left: -780px;top:212px;
	
}

.slide4 .uls li{list-style: none;}

.slide4 .prev,.slide4 .next{width:40px;height:52px;}
.slide4 .prev{top:-401px;left:1121px;}
.slide4 .next{top:-460px;left:-72px;}


.slide5{
	width:1078px;height:419px;left: 50%;margin-left: -539px;top:1097px;
	
}

.slide5 .uls li{list-style: none;}

.slide5 .prev,.slide5 .next{width:40px;height:52px;}
.slide5 .prev{top:-262px;left:-85px;}
.slide5 .next{top:-317px;left:1121px;}

.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }
#Floatingbar{
	width:157px;
	position:fixed;
	top:50%;
	right:0px;
	margin-top:-150px;
	background-color:#e5e5e5;
	box-shadow:0 3px 14px rgba(0,0,0,0.4);
	z-index:150000;
	font-size:12px;
	background-color:#ffffff;
	font-family:'Microsoft YaHei';
	
}
#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.html) no-repeat center bottom;list-style-type:none;background-color:#333333;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:7px;cursor: pointer;}
#Floatingbar ul li a{color:white;}
#Floatingbar ul li a:hover{color:white;}
#Floatingbar ul li img{margin-left:5px;vertical-align:middle;}
#Floatingbar .btn_backtop{height:31px;line-height:31px;text-align:center;color:#fff;background-color:#676767;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#507129;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url(../images/arrow.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}

#backtop{display:none;background:url(../images/arrow_top.png) no-repeat left top;cursor:pointer;height:50px;width:50px;position:fixed;_position:absolute;bottom:20px;_top:expression(eval(document.documentElement.scrollTop document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_bottom:auto;z-index:11500;right:20px;}
#backtop:hover{background-position:left bottom;}

.clear {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both;
    font-size: 0;
}


.ab {
    position: absolute;
}
#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}
.m6piccon{float:left;position:relative;width:940px;height:145px;margin-left:745px;margin-top:519px;z-index:999}
.m6piccon li{float:left;width:129px;height:81px;padding:0 0px;margin-bottom:25px}
.m6piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m6piccon li img {float:left;width:42px;height:42px}

.items {width:1220px;left:50%;margin-left:-513px;margin-top:320px;}
.items ul{}
.items li{ width:42px; height:176px; float:left; list-style:none; margin-right:159px;}

.itemcss{ position:relative;width:52px; height:52px;margin:0 auto} 
.itemcss a,.itemcss span{display:none; text-decoration:none}
.itemcss:hover{cursor:pointer} 
.itemcss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;
 z-index:100; left:0; display:block;}
.itemcss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;margin-left:50px;
z-index:10;height:36px; line-height:36px; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}


.navs {width: 963px;height: 65px;left:50%;margin-left: -483px;top: 0px;z-index: 99;}
.nav1,.nav2,.nav3,.nav4,.nav5 ,.nav6{width: 125px;height: 65px;}
.nav1 {}
.nav2 {}
.nav3 {}
.nav4 {margin-left: 210px;}
.nav5 {}
.nav6 {float: right;}


	#window{width:100%;height:100%; position:fixed;top:0;left:0;background: url(../images/heibg.png) repeat left top;display:none;z-index:10000; _position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
	#float_window{position:absolute;top:50%; left:50%; padding:0px; z-index:20001;}
	#float_window .closewindow{width:52px;background:url(../images/btn_close.png) no-repeat left bottom;height:52px;position:absolute;}
	#float_window .closewindow:hover{background-position:left top;}
	#video{width:850;height:600px;background:#000;}


	#PhotoShow1{float:left;width:441px;height: 550px;position:relative;margin-left: -1px;margin-top: -8px;z-index:100;}
	#PhotoShow1 .gundong{width:220px;}
	#PhotoShow1 .gundong .jCarouselLite{float:left;width:441px;height:550px;overflow:hidden;}
	#PhotoShow1 .move_right,#PhotoShow1 .move_left{float:left;width:40px;height:550px;position:absolute;top:0px;z-index:500;}
	#PhotoShow1 .move_left span,#PhotoShow1 .move_right span{width:40px;height:40px;position:absolute;bottom:0px;background:url(../images/icon_prevnextXXX.html) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow1 .move_left{left: 68px;}
	#PhotoShow1 .move_left span{background-position:left top;}
	#PhotoShow1 .move_left:hover span{background-position:left bottom;}
	#PhotoShow1 .move_right{right: -150px;}
	#PhotoShow1 .move_right span{background-position:right top;}
	#PhotoShow1 .move_right:hover span{background-position:right bottom;}

	/*图片列表*/
	.PictureList1{float:left;}
	.PictureList1 li{margin:0 0px;float:left;width:441px;height:550px;display:inline;margin-right:0px;}
	.PictureList1 .photo1{width:441px;height:550px;display:block;}



	#PhotoShow2{float:right;width:441px;height:550px;position:relative;margin-right: 411px;margin-top: -8px;z-index:100;}
	#PhotoShow2 .gundong{width:220px;}
	#PhotoShow2 .gundong .jCarouselLite{float:left;width:441px;height:550px;overflow:hidden;}
	#PhotoShow2 .move_right,#PhotoShow2 .move_left{float:left;width:40px;height:550px;position:absolute;top:0px;z-index:500;}
	#PhotoShow2 .move_left span,#PhotoShow2 .move_right span{width:40px;height:40px;position:absolute;bottom:0px;background:url(../images/icon_prevnextXXX.html) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow2 .move_left{left: 67px;}
	#PhotoShow2 .move_left span{background-position:left top;}
	#PhotoShow2 .move_left:hover span{background-position:left bottom;}
	#PhotoShow2 .move_right{right: -152px;}
	#PhotoShow2 .move_right span{background-position:right top;}
	#PhotoShow2 .move_right:hover span{background-position:right bottom;}

	/*图片列表*/
	.PictureList2{float:left;}
	.PictureList2 li{margin:0 0px;float:left;width:441px;height:550px;display:inline;margin-right:0px;}
	.PictureList2 .photo2{width:441px;height:550px;display:block;}


	#PhotoShow3{float:left;width:1290px;height:630px;position:relative;margin-left: 298px;margin-top:272px;z-index:100}
	#PhotoShow3 .gundong{width:1290px;}
	#PhotoShow3 .gundong .jCarouselLite{float:left;width:1290px;height:630px;overflow:hidden;}
	#PhotoShow3 .move_right,#PhotoShow3 .move_left{float:left;width:145px;height:110px;position:absolute;top:680px;z-index:500;}
	#PhotoShow3 .move_left span,#PhotoShow3 .move_right span{width:145px;height:110px;position:absolute;bottom:460px;background:url(../images/01x.png) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow3 .move_left{left:-168px;}
	#PhotoShow3 .move_left span{background-position:left top;}
	#PhotoShow3 .move_left:hover span{background-position:left bottom;}
	#PhotoShow3 .move_right{right:-90px;}
	#PhotoShow3 .move_right span{background:url(../images/02x.png) no-repeat left top;background-repeat:no-repeat;}
	#PhotoShow3 .move_right:hover span{background-position:right bottom;}

	/*图片列表*/
	.PictureList3{float:left;}
	.PictureList3 li{margin:0 0px;float:left;width:1290px;height:630px;display:inline;margin-right:0px;}
	.PictureList3 .photo3{width:1290px;height:630px;display:block;}



.dh ul{position: relative;overflow: hidden;width:1010px;height: 465px;margin: 0px auto 0; padding-top:300px;}
.dh ul li{float: left;width: 108px;overflow: hidden;height: 100%;position: relative;cursor: pointer; border:#896d3c 1px solid; box-shadow: 0px 0px 10px #000;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}
.col1{color: #00A39A;}
.col2{color: #fff;}