@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: 120px;
}
.rl {
	position: relative;
}

.musicbox{width:70px;height:110px;position:fixed;z-index:500;top:10px;left:50%;cursor:pointer;margin-left: -790px;}
.musicplay{background:url("../images/musicplay.png") no-repeat}
.musicstop{background:url("../images/musicstop.png") no-repeat}
 
 #Version{width:100%;height: 1048px;position:relative;overflow:hidden;z-index:0;padding-top: 0px;}
 #guodu{width:1920px;height: 1048px;position:absolute;left:50%;z-index:3;margin-left: -960px;background: url(../images/bj_01.png)no-repeat center bottom;}
 #Flash{width:1920px;height: 1048px;position:absolute;left:50%;z-index:2;margin-left: -960px;}
#Header{width:1920px;height: 1048px;position:absolute;left:50%;z-index:1;margin-left: -960px;line-height:0px;} 


.YZkj{width:1920px;left:50%;margin-left:-960px;position:relative;background:url(../images/bj_02.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px;margin-top: 0px;z-index: 3;}
.YZkj_02{width:1920px;height: 709px;}
.YZkj_03{width:1920px;height: 660px;}
.YZkj_04{width:1920px;height: 730px;}
.YZkj_05{width:1920px;height:1100px;}
.YZkj_06{width:1920px;height:1100px;}
.YZkj_07{width:1920px;height:1100px;}
.YZkj_08{width:1920px;height:1100px;}
.YZkj_09{width:1920px;height:1100px;}
.YZkj_10{width:1920px;height:1100px;}

.YZkj_02 .YZshow{position: absolute;z-index:4;padding-top: 20px;left: 50%;margin-left: -650px;}
.YZkj_03 .YZshow{position: absolute;z-index:4;padding-top: 71px;left: 50%;margin-left: -780px;}
.YZkj_04 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -742px;}
.YZkj_05 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_06 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_07 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_08 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_09 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_10 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}

.YZkj_02 .YZ_titletop{/* height:20px; */}
.YZkj_03 .YZ_titletop{height:20px;}
.YZkj_04 .YZ_titletop{height:20px;}
.YZkj_05 .YZ_titletop{height:20px;}
.YZkj_06 .YZ_titletop{height:20px;}
.YZkj_07 .YZ_titletop{height:20px;}
.YZkj_08 .YZ_titletop{height:20px;}
.YZkj_09 .YZ_titletop{height:20px;}
.YZkj_10 .YZ_titletop{height:20px;}

.YZ_title {width: 477px;height: 117px;text-indent: -99em;overflow: hidden;margin: auto auto 10px;background: url(../images/bg_title.png) left top no-repeat;position: absolute;z-index: 5;}
.YZkj_02 .YZ_title.icon {margin-bottom: 0px;background-position: 0px 0px;margin-left: 721px;}
.YZkj_03 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -117px;margin-left: 721px;}
.YZkj_04 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -234px;margin-left: 721px;}
.YZkj_05 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -351px;margin-left: 721px;}
.YZkj_06 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -468px;margin-left: 721px;}
.YZkj_07 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -585px;margin-left: 721px;}
.YZkj_08 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -702px;margin-left: 721px;}
.YZkj_09 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -819px;margin-left: 721px;}
.YZkj_10 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -936px;margin-left: 721px;}

.YZkj_02 .role {width: 897px;height: 1018px;background: url(../images/rw02.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_03 .role {width: 897px;height: 678px;background: url(../images/rw03.png) no-repeat left top;animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_04 .role {width: 897px;height: 1018px;background: url(../images/rw04.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_05 .role {width: 897px;height: 1018px;background: url(../images/rw05.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_06 .role {width: 897px;height: 1018px;background: url(../images/rw06.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_07 .role {width: 897px;height: 1018px;background: url(../images/rw07.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_08 .role {width: 897px;height: 1018px;background: url(../images/rw08.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_09 .role {width: 897px;height: 1018px;background: url(../images/rw09.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_10 .role {width: 897px;height: 1018px;background: url(../images/rw10.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}

.YZkj_02 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg02.png) no-repeat;position: absolute;left: 50%;margin-left: -800px;margin-top: -20px;z-index: 2;}
.YZkj_03 .mkbg {width: 1920px;height: 700px;background: url(../images/mkbg03.png) no-repeat;position: absolute;left: 50%;margin-left: -500px;margin-top: 100px;z-index: 2;}
.YZkj_04 .mkbg {width: 1920px;height: 860px;background: url(../images/mkbg04.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_05 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg05.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_06 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg06.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_07 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg07.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_08 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg08.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_09 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg09.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_10 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg10.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}

.YZkj_02 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_03 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_04 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_05 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_06 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_07 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_08 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_09 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_10 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
 
.YZbjfoot{width:1920px;height:132px;left:50%;margin-left:-960px;position:relative;background:url(../images/footbgimg.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
 
.YZ_MK1 {position: absolute;top: 0px;left: 50%;display: block;float: left;width: 640px;margin-left: -710px;}
.YZ_MK2 {position: absolute;top: 0px;left: 50%;display: block;float: left;width: 640px;margin-left: 40px;}

@keyframes light_1 {
	  50% { transform: translatey(-10px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}
#Introduction {min-width: 1366px;margin: 0px auto;padding-top: 40px;background: url("../images/bg_intr.png") center top no-repeat;}
#Introduction .intrBox {width: 1273px;height: 460px;position: relative;left: -50px;margin: -47px auto 0px;padding-top: 211px;padding-right: 45px;padding-left: 65px;background: url("../images/bg_intrbox.png") left top no-repeat;}
#Introduction .gameTese {float: left;width: 562px;height: 443px;position: relative;overflow: hidden;padding-left: 30px;}
#Introduction .gameTese .gametese_title { height: 118px; visibility: hidden; }
#Introduction .gameHelp {float: right;width: 550px;height: 443px;position: relative;overflow: hidden;margin-left: 50px;}
#Introduction .gameHelp .contents { width: 499px; padding-left: 8px; }
#playbanner { width: 553px; height: 202px; position: relative; overflow: hidden; margin-bottom: 9px; background: rgb(0, 0, 0); }
#playbanner .conbox { width: 9999em; position: absolute; }
#playbanner .conbox .Slide_ { float: left; overflow: hidden; }
#playbanner .switcher { position: absolute; right: 24px; bottom: 5px; z-index: 99; text-align: center; }
#playbanner .switcher a { width: 18px; height: 18px; text-align: center; overflow: hidden; font-family: arial; color: rgb(50, 50, 50); cursor: pointer; display: inline-block; border-radius: 9px; margin-left: 6px; margin-right: 0px; background: url("../images/banner_point.png") left top no-repeat; }
#playbanner .switcher a.cur, #playbanner .switcher a:hover { color: rgb(255, 255, 255); background-position: right top; }
.PartTitle { width: 1280px; height: 113px; text-align: center; position: relative; margin: 0px auto 27px; padding-top: 10px; background: url("../images/bg_parttitle.png") center center no-repeat; z-index: 1000; }
.PartTitle img { position: relative; margin: 0px auto; display: block; }
.contents {line-height: 1.64;font-size: 16px;color: rgb(242 242 242);padding-top: 18px;}
.contents p { margin-bottom: 21px; }


.animatetop{
	width:1920px;
	height:934px;
	left:50%;
	margin-left: -878px;
}


.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;	
}



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


.slide1{
	width:1067px;
	height: 530px;
	left: 789px;
	margin-left: -573px;
	top: 150px;
}

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

.slide1 .prev,.slide1 .next{width:51px;height:88px;}
.slide1 .prev{top: -267px;left: -583px;}
.slide1 .next{top: -354px;left: 586px;}

.slide2{
	width:992px;
	height:468px;
	left: 814px;
	margin-left: -560px;
	top: 27px;
}

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

.slide2 .prev,.slide2 .next{width:40px;height:52px;}
.slide2 .prev{top: -256px;left: -534px;}
.slide2 .next{top: -308px;left: 536px;}

.slide2 .slide2hd{width:761px;height:65px;left: 781px;margin-left: -495px;top: 576px;}

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

.slide2 .slide2hd .sm1{left:0px;} 
.slide2 .slide2hd .sm1.on{background:url(../images/bj04_jcjt/02.png);} 

.slide2 .slide2hd .sm2{left:90px;} 
.slide2 .slide2hd .sm2.on{background:url(../images/bj04_jcjt/04.png);} 

.slide2 .slide2hd .sm3{left:180px;} 
.slide2 .slide2hd .sm3.on{background:url(../images/bj04_jcjt/06.png);} 

.slide2 .slide2hd .sm4{left:270px;} 
.slide2 .slide2hd .sm4.on{background:url(../images/bj04_jcjt/08.png);} 

.slide2 .slide2hd .sm5{left:360px;} 
.slide2 .slide2hd .sm5.on{background:url(../images/bj04_jcjt/10.png);}

.slide3{
	width:525px;height:489px;left: 1026px;margin-left: -539px;top:29px;
	
}

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

.slide3 .prev,.slide3 .next{width:50px;height:62px;}
.slide3 .prev{top:-243px;left:350px;}
.slide3 .next{
	top:-304px;
	left:-334px;
	background-image: url(../images/LG.png);
}


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

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

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


.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;}


#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.png) 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:53px;left:111px;background:url(../images/arrow.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}

#Layer1 {
	position:relative;
	width:1500px;
	height:500px;
	z-index:1;
	top: 165px;
}
#Layer2 {
	position:relative;
	width:1500px;
	height:548px;
	z-index:1;
}
#Layer4 {
	position:relative;
	width:1000px;
	height:132px;
	z-index:1;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 258px;
	top: 30px;
}
.STYLE1 {
	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#Layer6 {
	background: url("../images/downland.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:1;
	left: 748px;
	top: 668px;
}
	#Layer6:hover { background:url("../images/downland01.png") no-repeat;
}
#Layer7 {
	background: url("../images/pay.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:2;
	left: 925px;
	top: 668px;
}
	#Layer7:hover { background:url("../images/pay01.png") no-repeat;
}
#Layer8 {
	background: url("../images/js.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:3;
	left: 1110px;
	top: 668px;
}
	#Layer8:hover { background:url("../images/js01.png") no-repeat;
}
#Layer88 {
	background: url("../images/show.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:3;
	left: 1145px;
	top: 668px;
}
	#Layer88:hover { background:url("../images/show01.png") no-repeat;
}
#Layer12 {
	position:relative;
	width:1495px;
	height:693px;
	z-index:1;
	overflow: hidden;
}
body {
}
.slide1images {}
#Layer9 {
	position:relative;
	height:84px;
	z-index:1;
	background-image: url(images/BJ_00.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 1920px;
}
#Layer10 {
	position:absolute;
	width:127px;
	height:38px;
	z-index:1;
	left: 973px;
	top: 23px;
}
#Layer11 {
	position:absolute;
	width:127px;
	height:38px;
	z-index:2;
	left: 1145px;
	top: 23px;
}
#Layer13 {
	position:absolute;
	width:127px;
	height:38px;
	z-index:3;
	left: 1317px;
	top: 23px;
}
#Layer1 {
	position:relative;
	width:1500px;
	height:500px;
	z-index:1;
	top: 165px;
}
#Layer2 {
	position:relative;
	width:1500px;
	height:548px;
	z-index:1;
}
#Layer4 {
	position:relative;
	width:1000px;
	height:132px;
	z-index:1;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 258px;
	top: 30px;
}
.STYLE1 {
	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#Layer6 {
	background: url("../images/downland.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:1;
	left: 685px;
	top: 668px;
}
	#Layer6:hover { background:url("../images/downland01.png") no-repeat;
}
#Layer7 {
	background: url("../images/pay.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:2;
	left: 835px;
	top: 668px;
}
	#Layer7:hover { background:url("../images/pay01.png") no-repeat;
}
#Layer8 {
	background: url("../images/js.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:3;
	left: 1000px;
	top: 668px;
}
	#Layer8:hover { background:url("../images/js01.png") no-repeat;
}
#Layer88 {
	background: url("../images/show.png") no-repeat;
	position:absolute;
	width:87px;
	height:266px;
	z-index:3;
	left: 1145px;
	top: 668px;
}
	#Layer88:hover { background:url("../images/show01.png") no-repeat;
}
#Layer12 {
	position:relative;
	width:1495px;
	z-index:1;
	overflow: hidden;
}
body {
	background-color: #000000;
}
#Layer3 {
	position:relative;
	width:1500px;
	height:850px;
	z-index:1;
}
#Layer9 {
	position:relative;
	height:84px;
	z-index:1;
	background-image: url(../images/BJ_00.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 1920px;
}
#Layer10 {
	position:absolute;
	width:127px;
	height:38px;
	z-index:1;
	left: 973px;
	top: 23px;
}
#Layer11 {
	position:absolute;
	width:127px;
	height:38px;
	z-index:2;
	left: 1145px;
	top: 23px;
}
#Layer13 {
	position:absolute;
	width:127px;
	height:38px;
	z-index:3;
	left: 1317px;
	top: 23px;
}