@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
	background-color: #000000;
}
.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: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_01.html"/*tpa=images/bj_01.html*/) no-repeat center;
	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;;
}



.topcontainer .navs{
	width:938px;height:263px;left:50%;margin-left:-471px;top:836px;
}

.topcontainer .navs .nav{
	width:177px;height:178px;
}

.topcontainer .navs .nav1{
	margin-left:0px;top:86px;
}

.topcontainer .navs .nav2{
	margin-left:255px;top:35px;
}

.topcontainer .navs .nav3{
	margin-left:508px;top:0px;
}

.topcontainer .navs .nav4{
	margin-left:761px;top:7px;
}


.topcontainer .navs .nav:hover{
	cursor: pointer;	
}

.gameIntro {
	width:1920px;height:850px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_02.jpg"/*tpa=images/bj_02.jpg*/) no-repeat center;
	background-position: 0px -0px;
}

#Download{width: 764px;height: 172px;text-align:center;position:absolute;top:874px;left:50%;margin-left: -396px;z-index:51;border-radius:5px;background:url("../images/down.png"/*tpa=http://www.xmjh520.com:1225/images/down.png*/) no-repeat left top;}
#Download .btn_down_s1{float:left;width: 320px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 154px;height: 91px;text-indent:-999em;margin-left: 3px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 18px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 131px;height: 89px;text-indent:-999em;overflow:hidden;margin-left: 13px;margin-top: 42px;}

.gzshow{
	width:1920px;
	height:1100px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_03.jpg"/*tpa=images/bj_03.jpg*/) no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_03.jpg"/*tpa=images/bj_03.jpg*/);
}


.zbShow{
	width:1920px;
	height:820px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_04.jpg"/*tpa=images/bj_04.jpg*/) no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_04.jpg"/*tpa=images/bj_04.jpg*/);
}

.gzimg{width:309px;height:309px;left:50%;margin-left:-366px;top:221px;background: url("../images/bj04_jcjt/gifdh.html"/*tpa=images/bj04_jcjt/gifdh.html*/) no-repeat center;z-index: 50;}

.zbShow2{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_05.gif"/*tpa=images/bj_05.gif*/) no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_05.gif"/*tpa=images/bj_05.gif*/);
}

.zbShow2 .zbtext{width:1077px;height:40px;left: 421px;}
.zbShow2 .zbtext .text{font-size: 27px;color: white;}
.zbShow2 .zbtext1{top: 570px;}
.zbShow2 .zbtext2{top: 1046px;}
.zbShow2 .zbtext3{top: 1524px;}

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


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

.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:1103px;height:459px;left: 758px;margin-left: -350px;top:60px;
	
}

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

.slide2 .prev,.slide2 .next{width:40px;height:52px;}
.slide2 .prev{top:-318px;left:-610px;}
.slide2 .next{top:-370px;left:587px;}

.slide2 .slide2hd{width:781px;height:110px;left: 804px;margin-left: -444px;top:487px;}

.slide2 .slide2hd .sm{width:107px;height:110px;}
.slide2 .slide2hd .sm:hover{cursor: pointer;}

.slide2 .slide2hd .sm1{left:0px;} 
.slide2 .slide2hd .sm1.on{background:url("../images/bj04fb/1.html"/*tpa=images/bj04fb/1.html*/);} 

.slide2 .slide2hd .sm2{left:125px;} 
.slide2 .slide2hd .sm2.on{background:url("../images/bj04fb/2.html"/*tpa=images/bj04fb/2.html*/);} 

.slide2 .slide2hd .sm3{left:250px;} 
.slide2 .slide2hd .sm3.on{background:url("../images/bj04fb/3.html"/*tpa=images/bj04fb/3.html*/);} 

.slide2 .slide2hd .sm4{left:375px;} 
.slide2 .slide2hd .sm4.on{background:url("../images/bj04fb/4.html"/*tpa=images/bj04fb/4.html*/);} 

.slide2 .slide2hd .sm5{left:751px;} 
.slide2 .slide2hd .sm5.on{background:url("../images/bj04fb/5.html"/*tpa=images/bj04fb/5.html*/);}

.slide2 .slide2hd .sm6{left:940px;} 
.slide2 .slide2hd .sm6.on{background:url("../images/bj04fb/6.html"/*tpa=images/bj04fb/6.html*/);}

.slide3{width:1032px;height:527px;left: 983px;margin-left: -663px;top: 170px;}
.slide3 .uls li{list-style: none;}
.slide3 .prev,.slide3 .next{width:60px;height:80px;}
.slide3 .prev{top: -382px;left: 829px;}
.slide3 .next{top: -461px;left: -583px;background-image: url(../images/LG.png);}

.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;}
.swiper-button-next{background-image: none!important;left: 183px!important;right: auto!important;}
.swiper-button-prev{background-image: none!important;right: 216px!important;left: auto!important;}


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

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

.slide4 .prev,.slide4 .next{width:40px;height:52px;}
.slide4 .prev{top:-543px;left:-577px;}
.slide4 .next{top:-597px;left:652px;}


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

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

.slide5 .prev,.slide5 .next{width:40px;height:52px;}
.slide5 .prev{top:-352px;left:707px;}
.slide5 .next{top:-410px;left:-601px;}


#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"/*tpa=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.html"/*tpa=images/arrow.html*/) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}


.navs {
	width: 535px;
	height: 226px;
	left:50%;
	margin-left: -270px;
	top: 830px;
	z-index: 99;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 62px;
	height: 224px;
	/* margin-right: 166px; */
}

.nav1 {
	/* margin-left:90px; */
	background:url("../images/xz.png"/*tpa=images/xz.png*/) no-repeat;
}
.nav1:hover,.nav2:hover，.nav3:hover，.nav4:hover{cursor: pointer;}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {
	margin-top:-10px;	
}




.nav2 {
	background:url("../images/xz.png"/*tpa=images/xz.png*/) no-repeat;
	margin-left: 100px;
}

.nav3 {
	background:url("../images/xz.png"/*tpa=images/xz.png*/) no-repeat;
	margin-left: 90px;
}

.nav4 {
	background:url("../images/xz.png"/*tpa=images/xz.png*/) no-repeat;
	/* margin-left: 38px; */
	float: right;
}





.list-info{
	width: 658px;
	height: 453px;
	margin-top: 251px;
	position: absolute;
	left: 785px;
}
.NewsList li{height:53px;line-height:53px;font-size:19px;transition:all 0.1s linear;}
	.NewsList li:hover{transform:translatex(5px);}
	.NewsList li a{float: left;overflow:hidden;color:#f5c69d;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
	.NewsList li time{float:right;color:#aaabaf;}
	.NewsList li .lx{float:left;}
	.NewsList li:hover a{color:#ae862e;}

	ul, ol {
		list-style-type: none;
	}




.items {width:1300px;left:50%;margin-left: -544px;margin-top:190px;}
.items ul{}
.items li{width: 4px;height:330px;float:left;list-style:none;margin-right:197px;}
.downcontainer4 .items{margin-left: -437px;width: 1200px;margin-top: 416px;}
.downcontainer4 .items li{margin-right: 205px;height: 210px;}

.downcontainer2 .items{margin-left: -503px;width: 1200px;margin-top: 313px;}
.downcontainer2 .items li{margin-right: 154px;height: 182px;}


.itemcss{position:relative;width: 60px;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;}



#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;z-index:222;}





.container {
  height: 100%;
  position: relative;
  overflow-x: hidden;
  z-index: 3;
}
.btn {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: transform .3s linear;
}
.btn.touch {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform .1s linear;
}

.page-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.page-container .wraper-content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.pageThree {
  
  width: 100%;
  height: 904px;
}
.pageThree .wraper-content {
  height: 904px;
  overflow: hidden;
  /*---游戏五图---*/
}
.pageThree .wraper-content .page-title {
  width: 610px;
  margin: 160px auto auto auto;
}
.pageThree .wraper-content #carousel {
  position: relative;
  z-index: 2;
  height: 473px;
  margin-top: 250px;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 1s ease 0.4s;
  transition: all 1s ease 0.4s;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
.pageThree .wraper-content #carousel .hiSliderCaroul {
  list-style: none;
}
.pageThree .wraper-content #carousel {
  opacity: 1;
  filter: alpha(opacity=100);
  *opacity: none;
  *-webkit-filter: none;
  *filter: none;
  opacity: none\0;
  -webkit-filter: none\0;
  filter: none\0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.pageThree .wraper-content #carousel li {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 840px;
  height: 473px;
  margin-left: -420px;
  margin-top: -230px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.pageThree .wraper-content #carousel li img {
  display: block;
  width: 840px;
  height: 473px;
}
.pageThree .wraper-content .btn_prve,
.pageThree .wraper-content .btn_next {
  position: absolute;
  top: 50%;
  width: 91px;
  height: 91px;
  z-index: 20;
  margin-top: -00px;
  overflow: hidden;
}
.pageThree .wraper-content .btn_prve {
  left: 100px;
  background: url("../lunbo/images/slide-left-jt.png"/*tpa=lunbo/images/slide-left-jt.png*/) no-repeat;
}
.pageThree .wraper-content .btn_next {
  right: 56px;
  background: url("../lunbo/images/slide-right-jt.png"/*tpa=lunbo/images/slide-right-jt.png*/) no-repeat;
}
.pageThree .wraper-content .btn_ji {
  display: inline-block;
  vertical-align: middle;
}


.list-info{
	    width: 836px;
    height: 453px;
    /* border: 1px solid red; */
    margin: 200px auto;
    margin-top: 333px;
    position: absolute;
    left: 420px;
    top: 0px;
    text-align: left;
}
#docColumn{float:left;width:580px;height:455px;position:relative;overflow:hidden;padding-top:21px;padding-left:18px;}
#docColumn .Tab_nr{height:360px;overflow:hidden;margin-bottom:40px;}
#docColumn .NewsList{margin-right:56px;margin-left:16px;}

.NewsList li{height:20px;line-height:40px;font-size:18px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);}
.NewsList li a{overflow:hidden;color:#626479;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
.NewsList li time{float:right;color:#aaabaf;}
.NewsList li .lx{float:left;}
.NewsList li:hover a{color:#ae862e;}