@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:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../smps8/smps8.jpg") no-repeat center;
	background-position: -0px -0px;
}

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

}


.navs {
	width: 650px;
	height: 84px;
	left:50%;
	margin-left: -310px;
	top: 900px;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 304px;
	height: 84px;
	margin-right:20px;
	float:left;
}

.nav1 {
	background:url(../images/p1-r1.png) no-repeat;
}

.nav1:hover {
	background:url(../images/p1-r2.png) no-repeat;
}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {
	cursor: pointer;
}

.nav2 {
	background:url(../images/p2-r1.png) no-repeat;
}

.nav2:hover {
	background:url(../images/p2-r2.png) no-repeat;
}



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



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


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

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

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

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




.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_06.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_06.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: -560px;top:204px;
	
}

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

.slide2 .prev,.slide2 .next{width:40px;height:52px;}
.slide2 .prev{top:-275px;left:-650px;}
.slide2 .next{top:-325px;left:640px;}

.slide2 .slide2hd{width:781px;height:110px;left: 804px;margin-left: -495px;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");} 

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

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

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

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

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

.slide3{
	width:1032px;height:527px;left: 883px;margin-left: -539px;top:190px;
	
}

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

.slide3 .prev,.slide3 .next{width:60px;height:80px;}
.slide3 .prev{top:-320px;left:620px;}
.slide3 .next{
	top:-395px;
	left:-620px;
	background-image: url("../images/LG.html");
}


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



	.PartTitle2{padding:14px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#888888;background:url(../images/icon_.png) no-repeat left center;border-bottom:1px solid #6b4b15;}
	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#888888;text-transform:uppercase;}
	.PartTitle2 .more{position:absolute;font-size:12px;color:#fff;right:5px;padding-right:27px;background:url(../images/icon_more.html) no-repeat right center;}
	.PartTitle2 .more:hover{color:#888888;}

.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:10px;margin-top:220px;background: url(../images/footb1g.html) bottom no-repeat; z-index:999999; }
.zb_zb{width:1350px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}


.zb_zb_3bg{padding:10px 10px 10px;width:423px;height:auto;overflow:hidden;float:left;background-color:#3b6162;position:relative}
.zb_zb_3{padding:10px 10px 10px 10px;width:403px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#000;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_3_t{width:403px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_3_d{width:403px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_3 .role-itemst{width:390px;height:auto;float:left;position:relative;}
.zb_zb_3 .role-itemst img{width:390px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}


.zb_zb_2bg{padding:10px 10px 10px;width:650px;height:auto;overflow:hidden;float:left;background-color:#3d211b;position:relative}
.zb_zb_2{padding:10px 10px 10px 10px;width:630px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#261815;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_2_t{width:630px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_2_d{width:630px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_2 .role-itemst{width:620px;height:auto;float:left;position:relative;}
.zb_zb_2 .role-itemst img{width:620px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}

.zb_zb_1bg{padding:10px 10px 10px;width:1330px;height:auto;overflow:hidden;float:left;background-color:#3d211b;position:relative}
.zb_zb_1{padding:10px 10px 10px 10px;width:1310px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#261815;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_1_t{width:1310px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_1_d{width:1310px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_1 .role-itemst{width:1300px;height:auto;float:left;position:relative;}
.zb_zb_1 .role-itemst img{width:1300px;height:auto;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}




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




.PicList3{padding-top:287px;width:980px;
	left: 10%;
	padding-left: 156px; position:absolute; z-index:99999;}
.PicList3 li{float:left;width:87px;height:90px;position:relative;margin-right:0px;margin-bottom:-10px;padding-top:0px;background:url(../logo50images/border11.png) no-repeat left top;list-style: none; }
.PicList3 li:nth-child(7n){margin-right:0px;}

.PicList3 strong
{

height:40px;
line-height:46px;
text-align:center;
overflow:hidden;
font-size:22px;
font-weight:normal;
color:#07393d;
margin-bottom:3px;
letter-spacing:4px;
display:block;

}

.PicList3 .photo
{
width:50px;
height:50px;
margin:0 55px;
display:block;

}



.PicList4{padding-top:584px;width:980px;
	left: 10%;
	padding-left: 156px; position:absolute; z-index:9999;}
.PicList4 li{float:left;width:87px;height:90px;position:relative;margin-right:0px;margin-bottom:-10px;padding-top:0px;background:url(../logo50images/border11.png) no-repeat left top;list-style: none; }
.PicList4 li:nth-child(7n){margin-right:0px;}

.PicList4 strong
{

height:40px;
line-height:46px;
text-align:center;
overflow:hidden;
font-size:22px;
font-weight:normal;
color:#07393d;
margin-bottom:3px;
letter-spacing:4px;
display:block;

}

.PicList4 .photo
{
width:50px;
height:50px;
margin:0 55px;
display:block;

}

.PicList5{padding-top:166px;width:330px;
	left: 20%;
	padding-left: 574px; position:absolute; z-index:101;}
.PicList5 li{float:left;width:96px;height:114px;position:relative;margin-right:0px;margin-bottom:-10px;padding-top:0px;background:url(../logo50images/border11.png) no-repeat left top;list-style: none; }
.PicList5 li:nth-child(7n){margin-right:0px;}

.PicList5 strong
{

height:40px;
line-height:46px;
text-align:center;
overflow:hidden;
font-size:22px;
font-weight:normal;
color:#07393d;
margin-bottom:3px;
letter-spacing:4px;
display:block;

}

.PicList5 .photo
{
width:50px;
height:50px;
margin:0 55px;
display:block;

}


#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;z-index:999999;}
.container-item  {width: 100px; height: 100px; background: url(../images/active.png) 0 0 no-repeat;}
.container-item img{padding-top: 35px;/* margin-right: 107px; */}



#preview1{ width:50%;position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;}
.container-item  {width: 100px; height: 100px; background: url(../images/active.png) 0 0 no-repeat;}
.container-item img{padding-top: 35px;/* margin-right: 107px; */}