/* CSS Document */
html,body{ position:relative; width:100%; overflow-x:hidden; margin:0px; padding:0px; font-size:14px; font-family: 'Open Sans', Helvetica, Arial, Verdana, 'sans-serif'; max-width:1000px; margin:auto; background:#ffffff;}
h2{ margin:0px; padding:0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none;
  	border: 0;
  	outline: 0;
  	line-height: inherit;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 14px;
  	vertical-align: baseline;
}
img{ border:none; margin:0px; padding:0px;}
a{text-decoration:none;}
.clear{ clear:both;}

.col4 {
	width: 23.43243%;
	margin-right: 1.35135%;
}
.col4.last {
	margin-right: 0;
}
.left{ float:left;}
.right {
	float: right;
}
.wrapper {
	width: 94%;
	padding: 0 3%;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}

.top{ height:90px; border-top:5px solid #fe8900;border-bottom:5px solid #fe8900; }
.top .topcon{max-width: 1500px; width:94%;height:90px;margin:auto;}
.top .topcon .logo{ width:220px; float:left;}

.rnav{ position:absolute; right:3%; }
.navbtn{
	cursor:pointer;
	float:right;
    display: block;
    background-color: #fe8900;
    color: #fff;
    margin: 20px 0 20px 10px;
    background-image: url(/img/mimg/mnav.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 44px;
    width: 48px;
    border-bottom: 4px solid #d77708;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;
}
.navbtn:hover,
.navbtn:focus {
		margin-top: 23px;
		border-bottom: 1px solid #cc3831;
	}
.navbtn.selected {
		background-image: url(/img/mimg/mclose.png);
	}

.nav{ float:right; width:260px;right:-260px; top:0px; position:fixed; height:2000px; background:#fe8900; z-index:1000;}
.nav li{line-height: 50px;position: relative; width:120px; display:block; text-align:center;}
.nav li a{display: block;color: #ffffff;font-size: 14px;line-height: 50px;text-decoration: none; display:block;}
.nav li.current a {background-color: #ff7005;}
.nav li:hover a{background-color: #ff7005;}

.nav li.lang{ float:right; position:absolute; right:0px; top:0px; text-align:left; width:100px;}
.nav li.lang img{ height:20px; float:left; margin-top:15px; margin-right:5px;}

.index .banner .main_visual{height:410px;overflow:hidden;position:relative; width:100%;top:0px;}
.index .banner .main_image ul{width:9999px;position:absolute;top:0;left:0;}
.index .banner .main_image li{float:left;height:410px;}
.index .banner .main_image li .img{width:100%;height:410px; margin:auto;background-repeat:no-repeat; background-position:center center; background-size:cover; display:block;}
.index .banner .main_image li .boxs{ height:100%; overflow:hidden; background:#ffffff; bottom:5px; position:relative;border-bottom: 5px solid #b96400;}
.index .banner .main_image li .boxs .lbox{ width:80%; float:left; text-align:center;}
.index .banner .main_image li .boxs .lbox img{ width:40%; margin:3%;}
.index .banner .main_image li .boxs .lbox .gray img{opacity: 0.5;}
.index .banner .main_image li .boxs .rbox{ display:block; width:15%; float:right;height:100%; background-color:#fe8900; background-image:url(/img/viewgame.png); background-repeat:no-repeat; background-position:center center;}
.index .banner div.flicking_con{position:absolute;bottom:0px; z-index:999; text-align:center; width:100%; margin:auto; text-align:center; background:#323232; height:40px; min-height:35px;}
.index .banner div.flicking_con a{width:20px;height:20px;margin:0;padding:0;  margin-right:5px; background-image:url('/img/mimg/dot.png'); background-repeat:no-repeat; background-position:0px 0px;display:inline-block;text-indent:-2000px}
.index .banner div.flicking_con a.on{background-position:0px -20px}




.index .mtit{ margin:4%; border-top:1px solid #dbdbdb; font-size:24px; font-weight:bold; line-height:50px; margin-top:30px; color:#717171;}


.index .re{ margin:3%;}
.index .re li{ width:25%; float:left; text-align:center;}
.index .re li .box{ margin:1%; background:#ff7005;font-size:12px; color:#ffffff; line-height:16px; font-family:微软雅黑; padding-top:10px; padding-bottom:5px;}
.index .re li .box img{width:30px; margin:auto; margin-bottom:10px;}

.index .iintro{ text-indent:2em; font-size:16px; line-height:30px;margin:4%; border-bottom:1px solid #dbdbdb; padding-bottom:20px;}



.xd{ background:#e4e4e4; line-height:30px; text-indent:8px; font-size:12px;}
.xd .xdcon{max-width: 1500px; width:94%;height:30px;margin:auto;}
.xd .xdcon span{ color:#ff6c00;}
.xd .xdcon a{ color:#000000;font-size:12px;}


.game{background:#ffffff;}
.game .img{ width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; height:50%;}

.game .con{width:100%; text-align:center; font-size:24px; top:200px; position:relative;line-height:40px;}
.game .con .intro{ max-width:660px;  width:90%; margin:auto; margin-top:50px; font-weight:bold; text-align:left; text-indent:2em;}
.game .con .btn{;margin-top:20px; }
.game .con img{ width:60%; max-width:600px;}




#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none;}


.release{ background:#f5f5f5;}
.release .tit{ padding:4%; font-size:24px;  color:#717171;font-weight:bold; }
.release .fnav{ padding:0 4% 4% 4%;margin:auto;padding-bottom:10px;}
.release .fnav .fli{ width:50%; color:#ffffff; cursor:pointer; float:left; display:block; margin:0px; text-align:center;}
.release .fnav .fli .head{ margin:10px;}
.release .fnav .fli .lb{ font-size:18px; line-height:20px; font-weight:bold;}
.release .fnav .fli .box2{ background:#f66804; float:left; margin:5%; width:90%; height:160px; position:relative; z-index:10;}
.release .bimg{ border-top:1px solid #ebe8e9; background:#ffffff;}
.release .bimg img{ padding:4%; width:92%; margin:auto;}
.release .bimg .more{ color:#3b3838; font-size:20px; padding:0 4% 4% 4%; display:block; font-weight:bold;}

.facefever .tbox{ margin-top:20px; margin-bottom:20px;}
.facefever .tbox .dlogo{ width:40%; float:left; margin-left:3%;}
.facefever .tbox .dlogo img{ width:90%; margin:5%;}
.facefever .tbox .wd{ font-size:17px; width:50%; float:left; line-height:35px; color:#686767; font-weight:bold; margin-top:20px; margin-left:10px;}
.facefever .frbox{ border-top:5px solid #ff7800; border-bottom:5px solid #ff7800;}
.facefever .frbox img{ padding:4%; width:40%;opacity: 0.5;}
.facefever .fcon{  margin-top:40px; padding:5%; text-indent:2em; padding-bottom:50px;}
.facefever .fcon a{ color:#ff6101; text-decoration:underline;}

.about{ background:#f5f7f6;}
.about .tit{ padding:4%; color:#717171; font-size:24px;font-weight:bold;}
.about .banner img{ padding:3%; width:94%; margin:auto;}
.about .acon .intro{line-height:30px; font-size:14px; text-shadow: 1px 1px 1px #fff; padding:4%;}
.about .acon .intro label{ display:inline-block; width:2em;}
.about .acon .intro li span{ color:#000000;font-size:18px;}

.about .acon .intro .anav{ width:100%; margin-bottom:20px;}
.about .acon .intro .anav li{ width:31%; float:left; margin:1%; cursor:pointer;}
.about .acon .intro .anav li img{ width:100%;}
.about .acon .intro .anav li .n{ display:block;}
.about .acon .intro .anav li .nsel{ display:none;}
.about .acon .intro .anav li.current .n{ display:none;}
.about .acon .intro .anav li.current .nsel{ display:block;}
.about .acon .intro .abcon{ display:none;}

.about .acon .btncon{ text-align:center; padding-bottom:30px; padding-top:10px;}
.about .acon .lbtn{ text-align:center; float:left; padding-left:3%; color:#ffffff; margin:1%; display:inline-block;  width:45%; height:50px; line-height:50px; background-image:url(/img/mimg/lbtn.png); background-repeat:no-repeat; background-size:cover; background-position:left center;}
.about .acon .rbtn{ text-align:center; float:right; padding-right:3%; color:#ffffff; margin:1%; display:inline-block;  width:45%;  height:50px; line-height:50px; background-image:url(/img/mimg/rbtn.png); background-repeat:no-repeat; background-size:cover;background-position:right center;}

.about .acon .wimg{width:100%;}
.about .acon .wimg li{ list-style:none; float:left; width:20%; text-align:center; font-size:12px;}
.about .acon .wimg li img{ width:100%;}

.about .acon .addrcon{ border-top:1px solid #dee0df;}
.about .acon .stit{ font-size:20px; font-weight:bold; padding:4%;}
.about .acon .addr{text-shadow:none; text-align:center;}
.about .acon .addr li{background:#fe8900; border:5px solid #fe8900; width:70px; margin:3%; height:60px; list-style:none; text-align:center; display:inline-block; padding-top:10px; cursor:pointer;}
.about .acon .addr li strong{ font-size:24px; font-family:微软雅黑;color:#ffffff; line-height:30px; display:block;}
.about .acon .addr li span{ font-size:12px; line-height:20px;color:#ffffff; display:block;}

.about .acon .addr li:hover{background:none;}
.about .acon .addr li:hover strong{color:#fe8900;}
.about .acon .addr li:hover span{color:#fe8900;}

.about .acon .addr li.current{background:none;}
.about .acon .addr li.current strong{color:#fe8900;}
.about .acon .addr li.current span{color:#fe8900;}
.about .acon .dz{ font-size:20px; font-family:微软雅黑; text-align:center; padding-bottom:50px; top:10px; position:relative;}


.footer { border-top:5px solid #ff7800; padding:10px; font-size:12px; padding-left:20px;color:#000000; line-height:22px; height:265px; max-height:70px; background-image:url(/img/mimg/lxbg.png); background-repeat:no-repeat; background-size:contain; background-color:#ededed; background-position:right center;  }
.footer a{ color:#000000;}

.bottom{ background:#3c3c3c; text-align:center;}
.bottom img{ width:100%; max-width:400px; margin:auto;}