@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: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1280px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(https://111.170.149.139:21550/images/bj_01.jpg) no-repeat center;
	background-position: -0px -0px;
}

.topcontainer11 {
	width:1920px;height:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(https://111.170.149.139:21550/images/bj_01.jpg) no-repeat center;
	background-position: -0px -0px;
}
.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px;    margin-top: 0px;

}




.topcontainer11 #Download {
	top:  800px;
	z-index: 160;
}

.topcontainer11 #Download a {
	position: relative;
	z-index: 161;
}
#top-video {
	width: 1920px;
	height: 1080px;
	object-fit: cover;
	display: block;
}

#Flash {
	pointer-events: none;
}

/* Keep only the static announcement strip above the video. */
#Header {
	height: 80px !important;
	overflow: hidden;
	z-index: 51;
	pointer-events: none;
}
.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:856px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(https://111.170.149.139:21550/images/bj_02.jpg) no-repeat center;
	background-position: 0px -0px;
}

.gameIntro .introTexts{
	width:686px;height:366px;left:50%;margin-left:-503px;top:108px;
}

.gameIntro .introTexts .line{width:669px;height:42px;}
.gameIntro .introTexts .lineTitle{width:99px;height:22px;top:9px;left: 10px;color: #fbfff5;}
.gameIntro .introTexts .lineText{width:521px;height:26px;top:14px;left: 120px;color: #000000;}
.gameIntro .introTexts .line:hover，.gameIntro .introTexts .lineTitle:hover,.gameIntro .introTexts .lineText:hover{
	cursor: none;
}

.gameIntro .introTexts .line1{left: 18px;top: 5px;}
.gameIntro .introTexts .line2{left: 18px;top: 57px;}
.gameIntro .introTexts .line3{left: 18px;top: 109px;}
.gameIntro .introTexts .line4{left: 18px;top: 161px;}
.gameIntro .introTexts .line5{left: 18px;top: 213px;}
.gameIntro .introTexts .line6{left: 18px;top: 265px;}
.gameIntro .introTexts .line7{left: 18px;top: 317px;}




.gzshow{
	width:1920px;
	height:920px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(https://111.170.149.139:21550/images/bj_03.jpg);
	background-repeat: no-repeat;
}


.zbShow{
	width:1920px;height:2300px;left: 50%;margin-left: -960px;
	margin-top: -160px;
	overflow: hidden;
	position: relative;
	 z-index: 80;
    background-color: #100b08;
	background-image:
		linear-gradient(to bottom, rgba(16,11,8,0) 0px, rgba(16,11,8,0.18) 360px, #100b08 920px),
		url(https://111.170.149.139:21550/images/bg_01_05.jpg),
		url(https://111.170.149.139:21550/images/bg_01_04.jpg),
		url(https://111.170.149.139:21550/images/bg_01_03.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: center -200px, center 104px, center -152px, center -408px;
}

.zbShow2{
	width:1920px;height:1600px;left: 50%;margin-left: -960px;
	margin-top: -160px;
	overflow: hidden;
	position: relative;
	 z-index: 80;
    background-color: #100b08;
	background-image:
		linear-gradient(to bottom, rgba(16,11,8,0) 0px, rgba(16,11,8,0.18) 360px, #100b08 920px),
		url(https://111.170.149.139:21550/images/bg_01_05.jpg),
		url(https://111.170.149.139:21550/images/bg_01_04.jpg),
		url(https://111.170.149.139:21550/images/bg_01_03.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: center -200px, center 104px, center -152px, center -408px;
}

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

/* The child-page content overlaps the final 160px of the hero video. */
.zbShow,
.zbShow2 {
	background: transparent;
}

.zbShow::before,
.zbShow2::before {
	content: '';
	position: absolute;
	top: 160px;
	right: 0;
	bottom: 0;
	left: 0;
	background: #100b08 url(https://111.170.149.139:21550/images/bg_01_05.jpg) no-repeat center top;
	z-index: 0;
}

.zbShow > .center,
.zbShow2 > .center {
	position: relative;
	z-index: 1;
}

.zbShow3{
	width:1920px;height:940px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(https://111.170.149.139:21550/images/bj_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(https://111.170.149.139:21550/images/bj_07.jpg);margin-top: 0px;
}

.slide1{
	width:1101px;
	height:602px;
	left: 50%;
	margin-left: -550px;
	top: 201px;
}

.slide1 .slide1images{
	width:1101px;
	height:602px;
	overflow:visible;
	position:relative;
}
.slide1 .slide1images .uls{
	height:602px;
	overflow:hidden;
}
.slide1 .slide1images .uls li{
	width:1101px;
	height:602px;
	overflow:hidden;
}
.slide1 .slide1images .uls li img{
	display:block;
	width:1101px;
	height:602px;
}
.slide1 .uls li{list-style: none;}

.slide1 .prev,.slide1 .next{width:39px;height:78px;position:absolute;top:262px;z-index:1800;display:block;}
.slide1 .prev{left:-62px;}
.slide1 .next{left:1124px;}


.slide2{width: 681px;height:586px;margin-left: 292px;top: 249px;}
.slide2 .uls li{list-style: none;}
.slide2 .prev,.slide2 .next{width: 39px;height: 51px;}
.slide2 .prev{top: -252px;left: 396px;}
.slide2 .next{top: -304px;left: -369px;}
.slide2 .slide2images{margin-left: -229px;top: 81px;}
.slide2 .slide2hd{/* width: 132px; *//* height: 109px; *//* left: 105px; */margin-left: -1336px;top: 35px;}
.slide2 .slide2hd .sm{width: 189px;height: 50px;
-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
}
.slide2 .slide2hd .sm:hover{cursor: pointer;}


.slide2 .tempWrap{width:681px!important}



.slide2 .slide2hd .sm1{/* margin-left: -423px; */width:189px;height:50px;overflow:hidden;margin-top: 8px;} 
.slide2 .slide2hd .sm1 .xx1{background:url(../img/01.png);width:189px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .sm1:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:189px;height:89px;} 

.slide2 .slide2hd .sm2{margin-top: 110px;width:189px;height:50px;overflow:hidden;/* margin-left: -429px; */margin-top: 194px;} 
.slide2 .slide2hd .sm2 .xx1{background:url(../img/01.png);width:189px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .sm2:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:189px;height:50px;} 

.slide2 .slide2hd .sm3{margin-top: 390px;width:189px;height:50px;/* margin-left: -446px; */overflow:hidden;margin-top: 380px;}
.slide2 .slide2hd .sm3 .xx1{background:url(../img/01.png);width:189px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .sm3:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:189px;height:50px;} 

	.slide2 .slide2hd .sm4{margin-top: 376px;width:189px;height:50px;margin-left: 1231px;overflow:hidden;margin-top: 7px;}
.slide2 .slide2hd .sm4 .xx1{background:url(../img/01.png);width:189px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .sm4:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:189px;height:50px;} 

	.slide2 .slide2hd .sm5{margin-top: 376px;width:189px;height:50px;margin-left: 1231px;overflow:hidden;margin-top: 194px;}
.slide2 .slide2hd .sm5 .xx1{background:url(../img/01.png);width:189px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .sm5:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:189px;height:50px;} 

	.slide2 .slide2hd .sm6{margin-top: 376px;width:189px;height:50px;margin-left: 1231px;overflow:hidden;margin-top: 380px;}
.slide2 .slide2hd .sm6 .xx1{background:url(../img/01.png);width:189px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide2 .slide2hd .sm6:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:189px;height:50px;} 


 .slide3{
	width:1145px;
	height:559px;
	left: 50%;
	margin-left: -199px;
	top: 240px;
}

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

.slide3 .prev,.slide3 .next{width:32px;height:50px;}
.slide3 .prev{top: -294px;left: -128px;}
.slide3 .next{top: -343px;left: 913px;}

.slide4{
	width:1145px;
	height:559px;
	left: 50%;
	margin-left: -676px;
	top: 264px;
}

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

.slide4 .prev,.slide4 .next{width:32px;height:50px;}
.slide4 .prev{top: -294px;left: -128px;}
.slide4 .next{top: -343px;left: 913px;}


#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:#212020;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(https://111.170.149.139:21550/images/line_x.png) no-repeat center bottom;l