.hero-kv{
	width:100%;
	height:1080px;
	position:relative;
	overflow: hidden;
}
.hero-kv img{
	display: block;
	width:100%;
}
.hero-kv .swiper-pagination1{
	position:absolute;
	bottom:32px;
	z-index:10;
	text-align: right;
	font-size:12px;
	color:#fff;
	left:-185px;
}
.hero-kv .swiper-button-prev{
	width:50px;
	height:31px;
	background:url(../png/pre.png) no-repeat center;
	position:absolute;
	left:1628px;
	margin-top:0;
	top:1023px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.hero-kv .swiper-button-next{
	width:50px;
	height:31px;
	background:url(../png/prr.png) no-repeat center;
	position:absolute;
	right:120px;
	margin-top:0;
	top:1023px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.hero-kv .swiper-button-prev:hover{
	transform: translate(-10px,0);
	-webkit-transform: translate(-10px,0);
	background:url(../png/prew.png) no-repeat center;
}
.hero-kv .swiper-button-next:hover{
	transform: translate(10px,0);
	-webkit-transform: translate(10px,0);
	background:url(../png/preh.png) no-repeat center;
}
.hero-game{
	width:100%;
	overflow: hidden;
	position:relative;
}
.hero-game-tit{
	width:100%;
	position:relative;
	margin-top:58px;
	margin-bottom:38px;
}
.hero-game-tit p:nth-child(1){
	font-size:22px;
	color:#000000;
}
.hero-game-tit p:nth-child(2){
	font-size:16px;
	color:rgba(0,0,0,.66);
	margin-top:5px;
}
.hero-game-tit i{
	display: block;
	width:1455px;
	height:1px;
	background-color:#d2d2d2;
	position:absolute;
	right:0;
	bottom:0;
}
.hero-soon-up .hero-game-tit{
	margin-bottom:50px;
}
.hero-soon-up .hero-game-tit p:nth-child(1){
	font-size:24px;
	color:#000000;
}
.hero-soon-up .hero-game-tit i{
	display: block;
	width:1570px;
	height:1px;
	background-color:#d2d2d2;
	position:absolute;
	right:0;
	bottom:14px;
}
.gameCenter{
	width:100%;
	position:relative;
}
.gameCenter li{
	width:270px;
	height:370px;
	position:relative;
	float:left;
	margin-left:24px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.gameCenter li:nth-child(6),.gameCenter li:nth-child(7),.gameCenter li:nth-child(8),.gameCenter li:nth-child(9){
	margin-top:48px;
}
.gameCenter li:nth-child(1){
	width:499px;
	height:788px;
	margin-left:0;
	margin-top:0;
}
.gameCenter li .di-bg{
	display: block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.gameCenter li .di-con{
	display: block;
	position:absolute;
	right:0;
	top:-23px;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.gameCenter li:hover .di-con{
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
}
.gameCenter li:hover .di-bg{
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
}
.gameCenter li .gameDesc{
	position:absolute;
	left:24px;
	bottom:22px;
	color:#fff;
}
.gameCenter li .gameDesc p:nth-child(1){
	font-size:16px;
}
.gameCenter li .gameDesc p:nth-child(2){
	font-size:28px;
	margin-top:10px;
}
.gameCenter li .gameDesc p:nth-child(3){
	font-size:14px;
	margin-top:10px;
}
.gameMore{
	width:269px;
	height:369px;
	background-color:#b93a33;
	position:relative;
	float:left;
	margin-left:24px;
	margin-top:49px;
	cursor: pointer;
}
.gameMore .gameLogo{
	display: block;
	width:59px;
	height:57px;
	margin:93px auto 0;
}
.gameMore p{
	font-size:36px;
	color:#fff;
	text-align: center;
}
.gameMore .gameHover{
	width:50px;
	height:31px;
	margin:20px auto 0;
	overflow: hidden;
	position:relative;
}
.gameMore:hover .gameHover img:nth-child(1){
	display: none;
}
.hero-soon-up{
	width:100%;
	overflow:hidden;
	position:relative;
}
.hero-soon-div{
	width:100%;
	overflow:hidden;
	position:relative;
}
.hero-soon-div .hero-soon-banner{
	width:100%;
	height:545px;
	position:relative;
	overflow: hidden;
}
.hero-soon-div .swiper-pagination2{
	width:460px;
	overflow: hidden;
	position:absolute;
	right:110px;
	top:55px;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	z-index:5;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet{
	display: block;
	width:100%;
	height:57px;
	position:relative;
	overflow: hidden;
	border-radius: 0;
	background:none;
	cursor: pointer;
	opacity: 1;
	border-bottom:1px solid #d2d2d2;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet .pag_tit_p{
	font-size:20px;
	color:#6d6d6d;
	line-height:57px;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet:last-child{
	border-bottom:none;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet i{
	display: block;
	width:19px;
	height:12px;
	overflow: hidden;
	position:absolute;
	right:14px;
	top:24px;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet i img{
	display: block;
	width:19px;
	height:12px;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet i img:nth-child(2){
	display: none;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet .pag_text{
	display: none;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active .pag_tit_p{
	display: none;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active i img:nth-child(1){
	display: none;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active i img:nth-child(2){
	display: block;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	height:auto;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active .pag_text{
	display: block;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet .pag_text p:nth-child(1){
	font-size:20px;
	color:#b93a33;
	margin-top:25px;
	margin-bottom:15px;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet .pag_text p:nth-child(2){
	font-size:16px;
	color:#7a7a7a;
	line-height:28px;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet .pag_text a{
	display: block;
	width:139px;
	height:34px;
	border:1px solid #7a7a7a;
	font-size:14px;
	color:#7a7a7a;
	line-height:34px;
	text-align: center;
	margin-top:15px;
	margin-bottom:20px;
}
.hero-soon-div .swiper-pagination2 .swiper-pagination-bullet .pag_text a img{
	margin-left:10px;
}
.hero-join{
	width:100%;
	position:relative;
	margin-top:100px;
}
.hero-join img:nth-child(1){
	display: block;
	width:100%;
}
.hero-join img:nth-child(2){
	display: block;
	position:absolute;
	left:233px;
	top:-78px;
	z-index:2;
}
.hero-news{
	width:100%;
	position:relative;
	margin-top:100px;
}
.hero-news-tit{
	font-size:24px;
	color:#000;
}
.hero-news-tit i{
	display: block;
	width:1562px;
	height:1px;
	background-color:#d2d2d2;
	position:absolute;
	right:0;
	top:18px;
}
.hero-news-main{
	width:100%;
	height:346px;
	position:relative;
	margin-top:42px;
}
.hero-news-main ul{
	width:100%;
	position:relative;
}
.hero-news-main ul li{
	width:356px;
	overflow: hidden;
	position:relative;
	float:left;
	margin-left:108px;
}
.hero-news-main ul li:nth-child(1){
	margin-left:0;
}
.hero-news-main ul li p:nth-child(1){
	font-size:20px;
	color:#000;
	width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.hero-news-main ul li p:nth-child(2){
	font-size:12px;
	color:#8d8d8d;
	margin-top:5px;
}
.hero-news-main ul li p:nth-child(2) span{
	margin-right:15px;
}
.hero-news-main ul li .news-img{
	display: block;
	width:100%;
	height:140px;
	margin:12px auto;
	object-fit: cover;
}
.hero-news-main ul li .news-detail{
	display: -webkit-box;
	width:100%;
	overflow: hidden;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size:16px;
    color:#8d8d8d;
    line-height:26px;
}
.hero-news-main ul li em{
	display: block;
	width:100%;
	height:1px;
	background-color:#8d8d8d;
	margin:26px auto 0;
}
.hero-news-main ul li:hover .getMore{
	background-color:#fcc928;
	border:1px solid transparent;
}
.hero-news-main ul li .getMore{
	width:139px;
	height:34px;
	border:1px solid #000;
	overflow: hidden;
	margin:30px 0 0 0;
	text-align: center;
}
.hero-news-main ul li .getMore span{
	font-size:14px;
	line-height:34px;
	display: inline-block;
	color:#000;
}
.hero-news-main ul li .getMore img{
	display: inline-block;
	margin-left:8px;
}
.hero-news-main .gameMore{
	width:276px;
	height:290px;
	margin-left:0;
	margin-top:0;
	float:right;
}
.hero-news-main .gameMore .gameLogo{
	margin-top:48px;
}
.hero-news-main .gameMore .flo{
	display: block;
	width:92px;
	height:95px;
	position:absolute;
	right:-45px;
	bottom:-48px;
}