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

.animatetop{	
	width:1920px;height:940px;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:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_02.jpg) no-repeat center;
	background-position: 0px -0px;
	margin-top: -1px;
}
.gameIntro1 {
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_021.jpg) no-repeat center;
	background-position: 0px -0px;
	margin-top: -1px;
}

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


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

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


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


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

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

.bottom{
	width:1920px;
	height:150px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../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;}


.slide3{
	width:1244px;height:625px;left: 736px;margin-left: -148px;top:281px;
	
}

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

.slide3 .prev,.slide3 .next{width:43px;height:84px;background:url(../images/arrow.png) no-repeat left top;}
.slide3 .prev{top: -337px;left: 873px;background-position:right top}
.slide3 .prev:hover{background-position:right bottom}
.slide3 .next{top: -421px;left: -100px;background-position:left top}
.slide3 .next:hover{background-position:left bottom}



.slide2{
	width:1244px;height:625px;left: 736px;margin-left: -348px;top:281px;
	
}

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

.slide2 .prev,.slide2 .next{width:43px;height:84px;background:url(../images/arrow.png) no-repeat left top;}
.slide2 .prev{top: -337px;left: 873px;background-position:right top}
.slide2 .prev:hover{background-position:right bottom}
.slide2 .next{top: -421px;left: -100px;background-position:left top}
.slide2 .next:hover{background-position:left bottom}

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

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

.slide4 .prev,.slide4 .next{width:40px;height:52px;}
.slide4 .prev{top:-401px;left:1121px;}
.slide4 .next{top:-460px;left:-72px;}


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

.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }
#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.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}

#backtop{display:none;background:url(../images/arrow_top.png) no-repeat left top;cursor:pointer;height:50px;width:50px;position:fixed;_position:absolute;bottom:20px;_top:expression(eval(document.documentElement.scrollTop document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_bottom:auto;z-index:11500;right:20px;}
#backtop:hover{background-position:left bottom;}

.clear {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both;
    font-size: 0;
}
#m2{margin-top: -14px;margin-left: 273px;}
#news{float:left;width:981px;height:478px;position:relative;background:#17232e6e url(../images/bg.html) repeat-x left top;border:1px solid #6e5124;    overflow: hidden;}
#news .tit{width:575px;height:59px;line-height:59px;font-size:15px;color:#b59660;padding-left:21px;}
#news .tit span{float:left;}
#news .tit span:nth-child(1){width:118px;}
#news .tit span:nth-child(2){width:317px;}
#news .tit span:nth-child(3){width:34px;}
#news .tit span:nth-child(4){width:34px;}
#news .tit span:nth-child(5){width:60px;text-align:center;}
#news .serviceList{float:left;width:566px;font-size:12px;margin:0px auto 0px 18px;}
#news .serviceList li{float:left;width:566px;height:38px;line-height:38px;overflow:hidden;font-size:14px;border-bottom:1px dotted #6e5124;}
#news .serviceList li a{float:left;color:#b59660;margin-left:5px;display:inline;}
#news .serviceList li:hover{background-color:#000000;}
#news .serviceList li strong{padding:0 5px;float:left;width:110px;font-weight:normal;color:#b59660;margin-left:5px;display:inline;}
#news .serviceList li p{float:left;width:305px;color:#d27c02;display:inline;}
#news .serviceList li em{float:right;width:60px;font-size:12px;color:#b59660;}
#news .serviceList li em img{margin-right:5px;}
#news .btn_more{position:absolute;}

.Tab{float:left;width:100%;line-height:49px;position:relative;}
.Tab .lines{width:100%;position:absolute;bottom:0px;left:0px;border-bottom:2px solid #fbffff;z-index:1000;}
.Tab li{margin:0 25px;float:left;width:91px;text-align:center;display:inline;}
.Tab li a{font-size:17px;color:#b59660;display:block;}
.Tab li a:hover{color:#fff;text-decoration:none;}
.Tab li.change a{color:#fff;}

.NewsList{margin:0 18px;}
.NewsList li{height:41px;line-height:41px;overflow:hidden;color:#cd7125;padding-right:8px;border-bottom:1px dotted #6e5124;}
.NewsList li:hover{background-color:#000;}
.NewsList li a{color:#cd7125;margin-left:5px;float: left;}
.NewsList li time{float:right;color:#b59660;}
.NewsList li .lx{margin:0 8px;color:#b59660;float: left;}


#quickFn{width:1020px;height:369px;position:absolute;top:58px;left:50%;margin-top:958px;margin-left:-504px;z-index:2000;}
.item{float:left;width:330px;height:370px;position:relative;overflow:hidden;margin-right:15px;background:url(../images/bg_white2.png) repeat left top;}
.item img{width:100%;height:100%;position:relative;display:block;z-index:101;}
.item ._guang{width:925px;height:862px;position:absolute;top:-576px;left:-516px;background:url(../images/guan.html) no-repeat left top;}
.item:nth-child(3n){margin-right:0px;}
.item h5{position:absolute;font-size:14px;font-weight:normal;color:#88888a;top:0px;left:0px;padding-top:21px;padding-right:17px;padding-left:17px;z-index:102;right:0;}
.item h5 span{float:left;width:66px;height:66px;line-height:66px;text-align:center;font-size:53px;font-family:'times new roman', times, serif;font-weight:bold;color:#017fe6;margin-right:11px;background:url(../images/icon_yuan.html) no-repeat left top;}
.item ._btn{width:271px;height:50px;line-height:50px;text-align:center;position:absolute;overflow:hidden;font-size:24px;color:#fff;bottom:35px;left:50%;margin-left:-135px;background:url(../images/bg_blue.html) no-repeat left top;letter-spacing:2px;z-index:102;transition:all 0.24s ease-in;}
.item ._btn:hover{background-position:left bottom;text-decoration:none;}
.item h5 em{font-size:28px;font-weight:normal;color:#017fe6;margin-bottom:2px;padding-top:2px;letter-spacing:2px;display:block;}
.hover_item{box-shadow:0 0 24px rgba(0,0,0,0.34);}
.hover_item ._btn{background-position:left bottom;}
i, em, address {
    font-style: normal;
}


.border_top,.border_right,.border_bottom,.border_left{ overflow:hidden; line-height:0;background:#d9b037; position:absolute;}
.border_top{left:50%;top:0;height:2px;}
.border_right{top:50%;right:0;width:2px;}
.border_bottom{left:50%;bottom:0;height:2px;}
.border_left{top:50%;left:0;width:2px;}

.photo,.photo_fullsize{display:block;overflow:hidden;}
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}

.PicList{float:left;}
.PicList li{float:left;width:420px;height:auto;margin-right:9px;margin-bottom:50px;}
.PicList li.hover_{position:relative;box-shadow:0 0 24px rgba(0,0,0,0.7);z-index:1500;}
.PicList li:nth-of-type(3n){margin-right:0px;}
.PicList li .photo{width:100%;height:100%;position:relative;display:block;}

.zhuanshu-sp{
width:920px;
left:50%;
margin-left:-234px;
margin-top:662px;
}
.zhuanshu-sp .swiper-slide >img{ height:586px; border:#dab277 solid 5px;}
.ab {
position: absolute;
}


.side-nav {
    position: fixed;
    top: 190px;
    right: 20px;
    width: 157px;
    height: 423px;
    z-index: 98;
}
.icon-side-nav {
    width: 204px;
    height: 466px;
    background: url(../images/bg-side-nav.html) no-repeat top right;
    overflow: hidden;
    padding-top: 93px;
}
.side-nav a {
    position: relative;
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #978d7e;
    text-align: right;
    z-index: 110;
    background: url(../images/bg-side-nav2.html) no-repeat;
    background-position: 23px -137px;
    padding-right: 58px;
    margin-bottom: 21px;
}
.side-nav a:hover {
    text-decoration: none;
    color: #f9d172;
    background-position: 23px -89px;
}

/*页尾*/
	#footer{
	min-width:1280px;
	height:250px;
	margin:0 auto;
	background-color:#000000;
}
	#footer .center{padding-top:50px;}
	#footer .bomlogo{float:left;width:414px;text-align:center;margin-top:20px;}
	#footer .tips{color:#ffffff;}
	#footer .box{float:right;width:660px;line-height:24px;text-align:right;color:#ffffff;}
	#footer ul{position:relative;margin:0px -5px 24px 0px;}
	#footer ul li{display:inline;}
	#footer ul li a{color:#ffffff;padding:0 5px;}
	#footer ul li a:hover{color:#ffffff;}
	#footer p a{font-size:14px;font-family:'times new roman', times, serif;font-weight:bold;color:#b5422d;text-decoration:underline;}
	#footer p a:hover{color:#b5422d;}
	/*栏目标题*/

/*侧栏*/
#sidebar{float:left;width:475px;margin-top:175px;position:relative;z-index:100;margin-left:-64px}
#playbanner{float:left;width:475px;height:602px;position:relative;overflow:hidden;}
/*图片轮播样式*/
#playbanner .conbox{width:9999em;position:absolute;border-radius:20px;}
#playbanner .conbox .Slide_{float:left;width:475px;height:602px;overflow:hidden;}
#playbanner .conbox .Slide_ img{width:100%;height:100%;display:block;}
#playbanner .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:7px;z-index:99;}
#playbanner .switcher a{width:30px;height:15px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#323232;margin-right:3px;margin-left:3px;background-color:#f19d44;cursor:pointer;display:inline-block;}
#playbanner .switcher a.cur,#playbanner .switcher a:hover{color:#fff;background-color:#FF0000;transition:none;}



#news{float:left;width:850px;height:438px;position:relative;background-color:rgba(0,0,0,0.2);box-shadow:0 0px 14px rgba(61,86,124,0.6) inset;border:0px solid #f8a002;margin-top:155px;z-index:100;margin-left:10px;}
#news .tit{width:946px;height:59px;line-height:59px;font-size:15px;color:#87051b;padding-left:21px;}
#news .tit span{float:left;}
#news .tit span:nth-child(1){width:118px;}
#news .tit span:nth-child(2){width:317px;}
#news .tit span:nth-child(3){width:34px;}
#news .tit span:nth-child(4){width:34px;}
#news .tit span:nth-child(5){width:60px;text-align:center;}
#news .serviceList{float:left;width:566px;font-size:12px;margin:0px auto 0px 18px;}
#news .serviceList li{float:left;width:566px;height:38px;line-height:38px;overflow:hidden;font-size:14px;border-bottom:1px dotted #6e5124;}
#news .serviceList li a{float:left;color:#87051b;margin-left:5px;display:inline;}
#news .serviceList li:hover{background-color:#000000;}
#news .serviceList li strong{padding:0 5px;float:left;width:110px;font-weight:normal;color:#87051b;margin-left:5px;display:inline;}
#news .serviceList li p{float:left;width:305px;color:#d27c02;display:inline;}
#news .serviceList li em{float:right;width:60px;font-size:12px;color:#87051b;}
#news .serviceList li em img{margin-right:5px;}
#news .btn_more{position:absolute;}


/*栏目标题*/
/* - - - - - - - - - 文字列表类  - - - - - - - - -*/
/*文本列表*/
.TextList{padding:10px 0 10px 61px;width:249px;position:relative;margin:0 auto;border-bottom:1px dotted #6e5124;}
.TextList dt{line-height:20px;position:absolute;color:#87051b;top:11px;left:0px;}
.TextList dd{line-height:2.02;font-size:12px;color:#d98500;}
.TextList dd a{color:#d98500;}
.TextList dd a:hover{color:#87051b;text-decoration:none;}
/*新闻列表*/
.NewsList{margin:0 18px;}
.NewsList li{height:41px;line-height:41px;overflow:hidden;color:#3a3a3a;padding-right:8px;border-bottom:1px dotted #3a3a3a;font-size:14px;}
.NewsList li:hover{background-color:#000;}
.NewsList li a{color:#3a3a3a;margin-left:5px;}
.NewsList li time{float:right;color:#3a3a3a;}
.NewsList li .lx{margin:0 8px;color:#3a3a3a;}
/*链接*/
.LinkList{float:left;}
.LinkList li{float:left;border-right:1px solid #975d02;border-bottom:1px solid #975d02;}
.LinkList li a{width:115px;height:52px;line-height:52px;text-align:center;overflow:hidden;font-size:18px;color:#fff7f1;background:#4a6a90 url(../images/a_bg.html) repeat-x left top;text-shadow:0 1px 3px rgba(0,0,0,0.3);display:block;}
.LinkList li a:hover{background-image:url(../images/a_bg2.html);text-decoration:none;box-shadow:0 3px 4px rgba(0,0,0,0.4) inset;}
/*焦点新闻*/
.focusNews{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:18px;font-weight:bold;padding:0 20px 0px 20px}
.focusNews h4{font-size:18px;font-weight:bold;color:#e4bc00;}
.focusNews h4 a{color:#e4bc00;}
.focusNews h4 a:hover{color:#fff7f1;}
/*选项卡*/
.Tab{float:left;width:95%;line-height:55px;position:relative;border-bottom:1px solid #fcfcfc;margin-left:20px}
.Tab .lines{width:100%;position:absolute;bottom:0px;left:0px;border-bottom:3px solid #fcfcfc;z-index:1000;}
.Tab li{margin:0 25px;float:left;width:150px;text-align:center;display:inline;}
.Tab li a{font-size:17px;color:#fcfcfc;display:block;}
.Tab li a:hover{color:#fcfcfc;text-decoration:none;font-weight:bold;font-size:20px;}
.Tab li.change a{color:#fcfcfc;font-weight:bold;font-size:20px;}


	#ZhiYe{height:628px;position:relative;min-width:898px;margin:0 auto;padding-top:330px;    padding-left: 473px;z-index:100;margin-left:10px;}
	#ZhiYe .center{position:relative;width:964px;}
	#ZhiYe h4{width:698px;height:72px;text-indent:-99em;overflow:hidden;margin:0px auto 82px auto;background:url(../images/title.html) no-repeat left top;display:block;}
	#ZhiYe .photoshow_select{text-align:center;margin-top:45px;}
	#ZhiYe .photoshow_select a{margin:0 2px;width:20px;height:20px;text-indent:0px;background:url(../images/a_4.html) no-repeat left top;cursor:pointer;display:inline-block;}
	#ZhiYe .photoshow_select a.change{background-position:right top;}
		.photoshow{width:780px;height:628px;margin:0 auto;}
		.photoshow li{width:1005px;height:582px;text-align:center;background-color:#ccc;cursor:pointer;}
		.photoshow li img{max-width:100%;}
		.photoshow li.roundabout-in-focus{cursor:default;}
		.photoshow li span{padding-top:6em;display:block;}
		.move_rights,.move_lefts{float:left;width:43px;height:525px;position:absolute;top:0px;z-index:1500;}
		.move_lefts span,.move_rights span{width:82px;height:82px;position:absolute;top:50%;margin-top:0px;background-repeat:no-repeat;}
		.move_lefts{left:-290px;    background: url(../images/left.html) no-repeat center;}
		.move_lefts span{background-position:left top;}
		.move_lefts:hover span{background-position:left bottom;}
		.move_rights{right:-281px;    background: url(../images/right.html) no-repeat center;}
		.move_rights span{background-position:right top;}
		.move_rights:hover span{background-position:right bottom;}


		.list-info{
	width: 786px;
	height: 406px;
	margin-top: 305px;
	position: absolute;
	left: 844px;
}
.NewsList li{height:53px;line-height:53px;font-size: 17px;transition:all 0.1s linear;}
	.NewsList li:hover{transform:translatex(5px);}
	.NewsList li a{float: left;overflow:hidden;color: #c5c5c5;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;
	}
.az-content {
    width: 220px;
    height: 285px;
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    opacity: .7;
}
.az-layout {
    width: 100%;
    height: 232px;
    position: relative;
    background: url(../img/shield_bg.44f36578.png) no-repeat;
}
.az-title {
    width: 184px;
    height: 57px;
    background: url(../img/fbz_license_title.74635180.gif) no-repeat;
    position: absolute;
    top: 42px;
    left: 42px;
}
.az-five {
    background: url(../img/five_star.da406c42.gif) no-repeat;
}
.az-star {
    width: 184px;
    height: 64px;
    position: absolute;
    top: 95px;
    left: 42px;
}
.level-text {
    width: 100%;
    font-size: 12px;
    color: #d4000b;
    position: absolute;
    top: 143px;
    text-align: center;
}
.az-code {
    position: absolute;
    bottom: 50px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #61431e;
    width: 100%;
}
.az-btn {
    position: absolute;
    bottom: 11px;
    left: 88px;
    height: 20px;
    width: 44px;
    cursor: pointer;
}


.zhuangbeishow{width: 659px;height: 345px;margin:0px auto;position:absolute;top: 51px;left: 1092px;z-index:996;}
.zhuangbei_ul{}
.zhuangbei_ul li{width: 70px;height: 200px;float:left;margin-top:0px;margin-right: 112px;}
.zhuangbei_ul .container-item{width: 67px;height: 86px;}
.zhuangbei_ul .container-item img{padding-top:0px;}

.preview{z-index:99999999999;position: absolute;}
.zhuangbei_ul .container-item .shine {
  position: absolute;
  background-image: url(../images/icon_shine.png);
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  width: 42px;
  height: 41px;
  background-position: -99px 0;
  -webkit-animation: shine 3s infinite;
  animation: shine 3s infinite;
  z-index:1;
}

 


.zhuangbei_ul .container-item:hover .shine {
background-image: none;}

@-webkit-keyframes shine {
  0% {
    background-position: -99px 0;
  }
  100% {
    background-position: 99px 0;
  }
}

@keyframes shine {
  0% {
    background-position: -99px 0;
  }
  100% {
    background-position: 99px 0;
  }
}





#sb_01{width: 984px;height: 342px;margin:0px auto;position:absolute;top: 277px;left: -437px;}
#sb_01 li{width: 0px;height: 213px;float:left;margin-top:1px;margin-left: 0px;margin-right: 146.5px;display: inline-block;position: relative;}


#sb_02{width: 416px;height: 352px;margin:0px auto;position:absolute;top: 876px;left: -715px;}
#sb_02 li{width: 0px;height: 131.5px;float:left;margin-top:1px;margin-left: 0px;margin-right: 78px;display: inline-block;position: relative;}

#sb_03{width: 416px;height: 352px;margin:0px auto;position:absolute;top: 876px;left: 35px;}
#sb_03 li{width: 0px;height: 131.5px;float:left;margin-top:1px;margin-left: 0px;margin-right: 78px;display: inline-block;position: relative;}

#sb_04{width: 1350px;height: 210px;margin:0px auto;position:absolute;top: 1386px;left: -799px;}
#sb_04 li{width: 0px;height: 90px;float:left;margin-top:1px;margin-left: 0px;margin-right: 102px;display: inline-block;position: relative;}


#preview{position:absolute;border: 1px solid #3d332a;background: #241d17;padding:5px;display:none;color:#fff;z-index:999;}
.large_thumb_shine{width:46px;height:46px;background:url(../images/shine.png);position:absolute;background-position:99px 0;margin-top:-49px;background-repeat:no-repeat}



.szcontainer {max-width: 1920px;min-width: 1200px;height: 700px;margin-top: 109px;position: relative;margin-left: auto;margin-right: auto;}
.box {width: 1200px;height: 100%;margin: 0 auto;position: relative;margin-left: 388px;}
.box .p {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.box .p img, .box .p .name {position: absolute;bottom: 0;transition: all 1s ease;}
.box .p1 img,.box .p2 img,.box .p3 img,.box .p4 img,.box .p5 img,.box .p6 img{top:150px;left: 320px;opacity: 0;-webkit-transition: opacity 2s linear;-moz-transition: opacity 2s linear;-o-transition: opacity 2s linear;transition: opacity 2s linear;}

.box .p1.show img, .box .p2.show img, .box .p3.show img, .box .p4.show img,.box .p5.show img,.p6.show img  {opacity: 1;transform: translateX(0);}

.nav {position: absolute;width: 100px;top: 165px;right:550px;z-index: 2;}
.nav li {position: relative;width: 100px;height: 100px;margin: 1px auto 0;cursor: pointer;transition: all .6s linear;}
.nav li img {position: absolute;top: 0;left: 0;width: 129px;height: 129px;}
.nav li i {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;transition: opacity .6s linear;}
.nav li.t1 i {background: url(../img/t1.png) no-repeat center;}
.nav li.t2 i {background: url(../img/t2.png) no-repeat center;}
.nav li.t3 i {background: url(../img/t3.png) no-repeat center;}
.nav li.t4 i {background: url(../img/t4.png) no-repeat center;}
.nav li.t5 i {background: url(../img/t5.png) no-repeat center;}
.nav li.t6 i {background: url(../img/t6.png) no-repeat center;}

.nav li em {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity .6s linear;}
.nav li.t1 em {background: url(../img/t1_on.png) no-repeat center;}
.nav li.t2 em {background: url(../img/t2_on.png) no-repeat center;}
.nav li.t3 em {background: url(../img/t3_on.png) no-repeat center;}
.nav li.t4 em {background: url(../img/t4_on.png) no-repeat center;}
.nav li.t5 em {background: url(../img/t5_on.png) no-repeat center;}
.nav li.t6 em {background: url(../img/t6_on.png) no-repeat center;}
.nav li.on {width:80px;height:80px;}
.nav li.on i {opacity: 0;}
.nav li.on em {opacity: 1;}



.Wonderful-video{margin-top: -46px;margin-bottom: 30px;}

/* 游戏特色 */
.game-features{position: relative;height: 320px;margin: 0 auto;}
.game-features .game-features-logo{width: 320px;height: 320px;background: url('../images/game-features.png') no-repeat center;margin: 0 auto;animation: rotate 8s linear infinite;}

@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    100%{
    	transform:rotate(360deg);
    }
}

@keyframes reverseRotate{
    0%{
        transform: rotate(0deg)
      }
    100%{
    	transform:rotate(-360deg);
    }
}

.game-features-tro{position: absolute;width: 100%;top: 68px;text-align: center;margin: 0 auto;}
.game-features-tro .game-features-name{line-height: 48px;height: 48px;font-size: 48px;color: #fffefd;letter-spacing: 20px;text-align: center;}
.game-features-tro .game-features-small-name{line-height: 6px;height: 6px;font-size: 6px;color: #7b828a;letter-spacing: 15px;margin-top: 7px;text-align: center;}
.game-features-tro img{margin-top: -3px;}
.game-features-tro .game-features-english{margin-top:24px;color: #fff;letter-spacing: 8px;}
.game-features-tro-img{margin-top: 3px;}


.endcontent {width: 1350px;margin: 0 auto;position: relative;}
.zhuzi1{ position:absolute; width:98px; height:238px; left:-144px; top:418px; background:url(../images/main2103/zhuzi1.png); animation:key_updown 5s infinite alternate; -webkit-animation:key_updown 5s infinite alternate;-ms-animation:key_updown 5s infinite alternate;}
.zhuzi2{ position:absolute; width:96px; height:231px; left:1391px; top:-120px; background:url(../images/main2103/zhuzi2.png); animation:key_downup 5s infinite alternate; -webkit-animation:key_downup 5s infinite alternate; -ms-animation:key_downup 5s infinite alternate;}
@keyframes key_updown{
	0%{transform:translate3d(0,0,0)}
	100%{transform:translate3d(0,-50px,0)}
}
@-webkit-keyframes key_updown{
	0%{-webkit-transform:translate3d(0,0,0)}
	100%{-webkit-transform:translate3d(0,-50px,0)}
}
@-ms-keyframes key_updown{
	0%{-ms-transform:translate3d(0,0,0)}
	100%{-ms-transform:translate3d(0,-50px,0)}
}
@keyframes key_downup{
	0%{transform:translate3d(0,0,0)}
	100%{transform:translate3d(0,50px,0)}
}
@-webkit-keyframes key_downup{
	0%{-webkit-transform:translate3d(0,0,0)}
	100%{-webkit-transform:translate3d(0,50px,0)}
}
@-ms-keyframes key_downup{
	0%{-ms-transform:translate3d(0,0,0)}
	100%{-ms-transform:translate3d(0,50px,0)}
}


#container {
	position:absolute;
	width: 1405px;
	height: 298px;
	/* left: 50%; */
	margin-left: 405px;
	padding-top: 200px;
}
#container .mainframe {
	width: 500px;
	height: 498px;
	float: left
}
#container .thumbnails {
	float: left;
	width: 1060px;
	height: 127px;
	background-repeat: no-repeat;
	background-image: url(../images/total_grid.png);
	background-position: 9px 70px;
	/* margin-top: -122px; */
	/* margin-left: -705px; */
}
.thumbnailimage {
	float: left;
	padding: 0px 0px 0px 31px;
}
.large_thumb {
	float: left;
	position: relative;
	width: 37px;
	height: 37px;
	padding: 0px 10px 0px 0;
}
img.large_thumb_image {
	position: absolute;
	left: 16px;
	top: 13px;
}
.large_thumb_border {
	width: 54px;
	height: 55px;
	/* background: url(../images/thumb_border.png); */
	position: absolute;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 9px;
}
.large_thumb_shine {
	width: 54px;
	height: 54px;
	background: url(../images/shine.png);
	position: absolute;
	background-position:99px 0;
	left: 5px;
	top: 5px;
	background-repeat: no-repeat;
}
.thumb_container {
	width: 84.5px;
	height: 117px;
	background-image: url(../images/thumb_holder.png);
	cursor: pointer;
}
#largephoto {
	width: 277px;
	height: 607px;
	margin-top: -98px;
	margin-left: 199px;
	background-repeat: no-repeat;
}
#largetrans {
	width: 277px;
	height: 607px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.large_image {
	display: none;
	position: absolute;
	color: #FFF;
	margin-left: -50px;
	margin-top: 30px;
	z-index: 10;
	padding: 4px;
	background-color: #1b2f3a;
}
#containertitle {
	position: absolute;
	margin-top: 35px;
	margin-left: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-shadow: 0px 1px 2px #fff;
}
#largecaption {
	text-align: center;
	height: 100px;
	width: 100%;

	position: absolute;
	width: 247px;
	margin-top: 0px;
	display: none;
	color: #fff;
	font-size: 30px;
	font-family: Arial;
	letter-spacing: -1px;
	font-weight: bold
}
#largecaption .captionContent {
	padding: 5px;
}
#largecaption .captionShine {
	background: url(../images/bigshine.png);
	position: absolute;
	width: 277px;
	height: 607px;
	background-position: -150px 0;
	background-repeat: no-repeat;
}

.dh ul{position: relative;overflow: hidden;width:1230px;height: 465px;margin: 0px auto 0; padding-top:300px;}
.dh ul li{float: left;width: 108px;overflow: hidden;height: 100%;position: relative;cursor: pointer; border:#896d3c 1px solid; box-shadow: 0px 0px 10px #000;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}
.col1{color: #00A39A;}
.col2{color: #fff;}


#Flash .arrow {
    width: 236px;
    height: 146px;
    background: url(../images/arrow_down.png) no-repeat center;
    position: absolute;
    bottom: 50%;
    left: 50%;
	z-index:51;
        margin-bottom: -288px;
    margin-left: -123px;
    -webkit-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -moz-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -ms-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -moz-animation: down 3s 0s linear infinite;
    -webkit-animation: down 3s 0s linear infinite;
    -o-animation: down 3s 0s linear infinite;
    -ms-animation: down 3s 0s linear infinite;
    animation: down 3s 0s linear infinite;
}

@-webkit-keyframes down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


.top-box{width:100%;position:absolute;left:0;height:84px;z-index:9;}
.top-box .lostark-logo{display:block;position:absolute;left:60px;top:50%;margin-top:-25px;width:199px;height:49px;   }
.top-box .top-list{width:100%;text-align: center;font-size: 0}
.top-box .top-list li{display:inline-block;*display:inline;*zoom:1;vertical-align: top;width:175px;    margin-top: -12px;position:relative;height:100%;}
.top-box .top-list li a{display:block;width:100%;padding-top:22px;height:62px;-webkit-transition: all .2s;transition: all .2s;}
.top-box .top-list li a:hover{-webkit-transform: scale(1.15);transform: scale(1.15);    text-decoration: none;}
.top-box .top-list li a span{display:block;text-align: center;font-size: 18px;color:#ffffff;line-height: 24px;text-shadow:0 0 0.2em rgba(255,255,255,0.5),0 0 0.2em rgba(255,255,255,0.5);}
.top-box .top-list li a em{font-size: 12px;color:#ffffff;text-align: center;line-height: 16px;text-shadow:0 0 0.2em rgba(255,255,255,0.5),0 0 0.2em rgba(255,255,255,0.5);}
.top-box .top-list li .top-line{position:absolute;right:0;top:50%;margin-top:-18px;width:2px;height:37px;background:url(../images/top-line.png) right center no-repeat;}


address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}


.slg {
    width: 576px;
    height: 319px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 285px;
    z-index: 10;
}
.slg img {
    width: 100%;
}
.slg .slg-text-wrap {
    position: absolute;
    top: 160px;
    left: 0;
    width: 520px;
    height: 64px;
    font-size: 0;
    right: 0;
    margin: auto;
}
.slg .slg-text-wrap span {
    display: inline-block;
    width: 50px;
    height: 55px;
    background: url(../images/slg_text_2.png) no-repeat;
    background-size: 480px 55px;
    margin-right: 10px;
    opacity: 0;
    animation:showtext 1s linear forwards;
    -webkit-animation:showtext 1s linear forwards;
}

.slg .slg-text-wrap .slg1 {
    background-position: 5px center;
    animation-delay:0s;
    -webkit-animation-delay:0s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg2 {
    background-position: -54px center;
    animation-delay:.6s;
    -webkit-animation-delay:.6s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg3 {
    background-position: -112px center;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg4 {
    background-position: -168px center;
    margin-right: 50px;
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg5 {
    background-position: -262px center;
    animation-delay:2.4s;
    -webkit-animation-delay:2.4s; /* Safari 和 Chrome */
   
}

.slg .slg-text-wrap .slg6 {
    background-position: -320px center;
    animation-delay:3.0s;
    -webkit-animation-delay:3.0s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg7 {
    background-position: -378px center;
    animation-delay:3.6s;
    -webkit-animation-delay:3.6s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg8 {
    background-position: -436px center;
    margin-right: 0;
    animation-delay:4.2s;
    -webkit-animation-delay:4.2s; /* Safari 和 Chrome */
   
}

@keyframes showtext {
    0% {opacity: 0;transform: scale(1.1);}
    100% {opacity: 1;transform: scale(1);}
}


.large_thumb_border span{position:absolute;display:block}
.large_thumb_border span:nth-child(2){top:0;left:0;width:100%;height:4px;background:-webkit-gradient(linear, left top, right top, from(transparent), to(#fff));background:linear-gradient(90deg, transparent, #fff);-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite}
.large_thumb_border span:nth-child(3){top:-100%;right:0;width:4px;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));background:linear-gradient(180deg, transparent, #fff);-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:0.25s;animation-delay:0.25s}
.large_thumb_border span:nth-child(4){bottom:0;right:0;width:100%;height:4px;background:-webkit-gradient(linear, right top, left top, from(transparent), to(#fff));background:linear-gradient(270deg, transparent, #fff);-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:0.50s;animation-delay:0.50s}
.large_thumb_border span:nth-child(5){bottom:-100%;left:0;width:4px;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(transparent), to(#fff));background:linear-gradient(360deg, transparent, #fff);-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:0.75s;animation-delay:0.75s}



@-webkit-keyframes animate1{
	0%{left:-100%}
	50%,100%{left:100%}
}
@keyframes animate1{
	0%{left:-100%}
	50%,100%{left:100%}
}
@-webkit-keyframes animate2{
	0%{top:-100%}
	50%,100%{top:100%}
}
@keyframes animate2{
	0%{top:-100%}
	50%,100%{top:100%}
}
@-webkit-keyframes animate3{
	0%{right:-100%}
	50%,100%{right:100%}
}
@keyframes animate3{
	0%{right:-100%}
	50%,100%{right:100%}
}
@-webkit-keyframes animate4{
	0%{bottom:-100%}
	50%,100%{bottom:100%}
}
@keyframes animate4{
	0%{bottom:-100%}
	50%,100%{bottom:100%}
}

.box4 .center {
  position: relative;
  top: 110px;
  margin: 0 auto;
  height: 50px;
  width: 1491px;
}
.box4 .center ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
}
.box4 .center ul li {
  margin-top: 106px;
  width: 439px;
  height: 254px;
  cursor: pointer;
  overflow: hidden;
}
.box4 .center ul li img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  object-fit: fill;
}
.box4 .center ul li img:hover {
  transform: scale(1.08);
}

.swiper-button-prev{background-image:none;width: 53px;height: 80px;margin-left: 1646px;margin-top: 32px;}
.swiper-button-next{background-image:none;width: 53px;height: 80px;margin-right: 1610px;margin-top: 32px;}