@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #121214;
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	height: 456px;
}
.rl {
	position: relative;
}



.topcontainer {
	height: 1444px;
/*	background: url(../images/bg01.jpg) no-repeat center top;*/
}
.topcontainer  .flash{width:1920px; height:1444px; position: absolute; left: 50%; margin-left:-960px; z-index:-100;}


.navs {
	width: 379px;
	height: 308px;
	left: 50%;
	margin-left: -150px;
	top: 720px;
}
.nav1, .nav2, .nav3, .nav4 {
	width: 87px;
	height: 266px;
}
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover {
	top: -15px;
	cursor: pointer;
}
.nav1 {
	background-image: url(../images/download.png);
}
.nav2 {
	margin-left: 120px;
	background-image: url(../images/pay.png);
}
.nav3 {
	background: url(../images/js.png);
	margin-left: 240px;
}
.nav4 {
	margin-left: 360px;
	background: url(../images/show.png) no-repeat top center;
}
.sequelIntroduce {
	width: 100%;
	height: 1019px;
	background:url(../images/bg02.png) no-repeat center top;
}
.gameIntroduce {
	width: 100%;
	height: 1236px;
}
.gameIntroduceMask {
	margin:0 auto;
	width:1239px;
}
.JewelryImages {
	width: 100%;
	height: 902px;
	margin-top:-300px;
	background: url(../images/bg04.jpg) no-repeat center top;
}
.EquipMentImages {
	width: 100%;
	height: 777px;
	background: url(../images/bg05.png) no-repeat center top;
}
.imageDetail {
	width: 100%;
	margin-top: 20px;
	height: 500px;
}
.ShowImages {
	width:100%;
	height:500px;
	background: url(../images/bg06.png) no-repeat center top;
	}
.ShowDetail {
	width: 100%;
	margin-top: 150px;
	height: 700px;
}
/* 幻灯片所需CSS */
.sliderPreview {
	width: 500px;
	height: 250px;
}

/*菱形图*/
.JQimages{width:100%;height:777px;background: url(../images/bg07.jpg) no-repeat center top;}

.leftImages,.rightImages{width:410px;height:410px;top:138px;}
.leftImages,.rightImages,.centerImage{left: 50%;}

.centerImage{width:500px;height:500px;margin-left:-257px;top:155px;}
.leftImages{margin-left:-658px;}
.rightImages{margin-left:302px;}

.leftimage1,.leftimage2,.leftimage3,.leftimage4,.leftimage5,.rightimage1,.rightimage2,.rightimage3,.rightimage4,.rightimage5{width:200px;height:200px;z-index: 10;}


.leftimage1,.rightimage1{margin-left:2px;}
.leftimage2,.rightimage2{margin-left:210px;}
.leftimage3,.rightimage3{margin-left:2px;margin-top:210px;}
.leftimage4,.rightimage4{margin-left:210px;margin-top:210px;}
.leftimage5,.rightimage5{margin-left:106px;margin-top:104px;}



.leftimage1{background: url(../images/btn/1.gif);}
.leftimage1:hover{background: url(../images/btn/1_1.gif);}

.leftimage2{background: url(../images/btn/2.gif);}
.leftimage2:hover{background: url(../images/btn/2_1.gif);}

.leftimage3{background: url(../images/btn/3.gif);}
.leftimage3:hover{background: url(../images/btn/3_3.gif);}

.leftimage4{background: url(../images/btn/4.gif);}
.leftimage4:hover{background: url(../images/btn/4_4.gif);}

.leftimage5{background: url(../images/btn/5.gif);z-index: 11;}
.leftimage5:hover{background: url(../images/btn/5_5.gif);}



.rightimage1{background: url(../images/btn/6.gif);}
.rightimage1:hover{background: url(../images/btn/6_6.gif);}

.rightimage2{background: url(../images/btn/7.gif);}
.rightimage2:hover{background: url(../images/btn/7_7.gif);}

.rightimage3{background: url(../images/btn/8.gif);}
.rightimage3:hover{background: url(../images/btn/8_8.gif);}

.rightimage4{background: url(../images/btn/9.gif);}
.rightimage4:hover{background: url(../images/btn/9_9.gif);}

.rightimage5{background: url(../images/btn/10.gif);z-index: 11;}
.rightimage5:hover{background: url(../images/btn/10_10.gif);}

/*底部幻灯片*/
.slideTxtBox{width:1100px;height:500px;left: 50%;margin-left: -560px;top:100px;}
.slideTxtBox .uls li{width:308px;height:407px;float:left;list-style-type:none;margin-left:50px;}
.slideTxtBox .small{width:210px;height:317px;margin-top:50px;margin-left:40px;}  
.slideTxtBox .normal{width:280px;height:407px;} 

.slideTxtBox .prev,.slideTxtBox .next{width:54px;height: 58px;top:180px;}
.slideTxtBox .prev{background: url(../images/prev.png);left:-55px;}
.slideTxtBox .next{background: url(../images/next.png);left:1100px;}

/*弹出层*/
.layer-toplayer{width: 800px;height:732px;background : url(../images/LayerTextbg.jpg);}
.layer-title{font:normal 50px "微软雅黑";text-align: center;margin-top:150px;}
.layer-detailText{width: 700px;height: 450px;overflow-x: hidden;overflow-y: auto;font:normal 18px "微软雅黑";margin-left: 50px;}

.logo{
	position: absolute;
	left: 30px;
	top: 20px;
	z-index:150;
}
@media screen and (max-width:1280px){
.logofl{
	left: 10px;
}
}
@media screen and (min-width:1280px){
.logofl{
	left: 200px;
}
}
#leftnav {
	position: fixed;
	right:50px;
	top: 300px;
	width: 65px;
	height: 308px;
	background: url(../Images/leftnav.png) no-repeat;
	z-index: 20;
}
#leftnav a {
	width:65px;
	height:60px;
	display: block;
}