html,
body {
	overflow-x: hidden;
}
.gameWhite{
	display: block;
    width: 100%;
    height: 440px;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index:2;
}
.hero-game-list .support-more{
	margin-top:0;
	margin-bottom:0;
	z-index:3;
}
.hero-kv {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.hero-kv img {
	display: block;
	width: 100%;
}

.hero-kv .swiper-pagination1 {
	position: absolute;
	bottom: 52px;
	z-index: 10;
	text-align: right;
	font-size: 12px;
	color: #fff;
	left: -185px;
}

.hero-kv .swiper-button-prev {
	width: 50px;
	height: 31px;
	background: url(../images/pre.png) no-repeat center;
	position: absolute;
	left: 1628px;
	margin-top: 0;
	top: 867px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-kv .swiper-button-next {
	width: 50px;
	height: 31px;
	background: url(../images/prr.png) no-repeat center;
	position: absolute;
	right: 120px;
	margin-top: 0;
	top: 867px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-kv .swiper-button-prev:hover {
	transform: translate(-10px, 0);
	-webkit-transform: translate(-10px, 0);
	background: url(../images/prew.png) no-repeat center;
}

.hero-kv .swiper-button-next:hover {
	transform: translate(10px, 0);
	-webkit-transform: translate(10px, 0);
	background: url(../images/preh.png) no-repeat center;
}

.hero-game-list {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 90px;
}

.hero-game-tit {
	width: 100%;
	text-align: center;
}

.hero-game-tit h3 {
	font-size: 22px;
	color: #000;
	line-height: 34px;
}

.hero-game-tit h4 {
	font-size: 16px;
	color: rgba(0, 0, 0, .66);
	font-weight: normal;
}

.hero-game-tit h3:after {
	content: '';
	width: 716px;
	height: 1px;
	background-color: rgba(166, 166, 166, .5);
	position: absolute;
	right: 0;
	top: 28px;
}

.hero-game-tit h3:before {
	content: '';
	width: 716px;
	height: 1px;
	background-color: rgba(166, 166, 166, .5);
	position: absolute;
	left: 0;
	top: 28px;
}

.hero-tab-type {
	font-size: 16px;
	color: #000;
	text-align: right;
}

.hero-tab-type span {
	margin: 0 5px;
	cursor: pointer;
}

.hero-tab-type span a {
	color: #000;
}
.hero-tab-type span:nth-child(1) a.active {
	color: blue;
}
.hero-tab-type span:nth-child(2) a.active {
	color: #dc572a;
}
.hero-tab-type span:nth-child(3) a.active {
	color: #00a2ad;
}
.hero-tab-type span:nth-child(4) a.active {
	color: #e0c6ad;
}
.hero-tab-type span:nth-child(5) a.active {
	color: #bf3a35;
}
.gameCenter {
	width: 1720px;
	overflow: hidden;
	position: relative;
	margin-left: -34px;
	margin-top: 15px;
}

.gameCenter li {
	width: 309px;
	height: 423px;
	position: relative;
	float: left;
	margin-left: 34px;
	margin-top: 50px;
}

.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;
	width: 100%;
	position: absolute;
	right: 0;
	top: -10px;
	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;
}

.hero-video-game {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto 0;
}

.hero-video-bg {
	width: 1043px;
	height: 618px;
	background: url(../images/vb.png) no-repeat center;
	position: relative;
	float: left;
	margin-top: 70px;
}

.hero-video-bg img {
	display: block;
	width: 930px;
	height: 546px;
	margin-top: 34px;
	border-bottom-right-radius: 85px;
	border-top-right-radius: 85px;
}

.hero-video-game .slo {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

.hero-game-desc {
	float: left;
	margin-top: 205px;
	margin-left: 50px;
	position: relative;
}

.hero-game-desc .hero-game-h3 {
	font-size: 20px;
	color: #000;
}

.hero-game-desc .hero-game-p {
	width: 550px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	margin-top: 24px;
}

.hero-href {
	display: block;
	font-size: 16px;
	color: #be3a34;
	margin-top: 20px;
}

.hero-href span {
	text-decoration: underline;
	margin-right: 10px;
}

.hero-down {
	width: 100%;
	position: relative;
}

.hero-down .hero-down-tip {
	font-size: 18px;
	color: #000;
	margin-top: 22px;
	font-weight: bold;
}

.hero-down a {
	display: block;
	width: 154px;
	height: 42px;
	background: url(../images/down.png) no-repeat;
	background-position: 0 0;
	float: left;
	margin-top: 20px;
}

.hero-down a:nth-child(3) {
	background-position: -165px 0;
	margin-left: 28px;
}

.hero-down a:hover {
	opacity: .9;
}
.ccTip{
	display: block;
	width:75px;
	position:relative;
	cursor: pointer;
	margin:20px 0 0 130px;
}
/*未成年人提示弹窗样式*/
.hero-young-tc{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.8);
	position:fixed;
	left:0;
	top:0;
	z-index:50;
	display: none;
}
.hero-young-body{
	width: 826px;
    height: 486px;
    background: url(//cdnstatic.yingxiong.com/qmqz/7.0/images/common.png) no-repeat center;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0;
    top: 45%;
    transform: translate(0,-45%);
    -webkit-transform: translate(0,-45%);
}
.hero-young-close{
	display: block;
	width:24px;
	height:24px;
	position:absolute;
	right:39px;
	top:34px;
	cursor: pointer;
	z-index:2;
}
.hero-young-youngC {
    width: 784px;
    overflow: hidden;
    position: relative;
    margin: 20px auto 0;
}
.hero-young-top{
	width: 100%;
    height: 51px;
    background-color: #DDE0E3;
    position: relative;
}
.hero-young-top img{
	display: block;
	width:191px;
	height:12px;
	float:left;
	margin-top:19px;
}
.hero-young-top p{
	font-size:18px;
	color:#252525;
	font-weight:bold;
	line-height:51px;
	float:left;
	margin:0 34px;
}
.hero-young-top img:nth-child(3){
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.hero-young-top img:nth-child(1){
	margin-left:131px;
}
.hero-young-txt{
	width:725px;
	position:relative;
	max-height:300px;
	overflow: auto;
	margin: 14px 0 0 31px;
    padding-right: 26px;
}
.hero-young-txt p{
	width:100%;
	overflow: hidden;
	font-size:14px;
	color:#3D3D3D;
	line-height:18px;
	margin-top:20px;
}
.hero-hover-code {
	width: 51px;
	height: 50px;
	position: relative;
	float: left;
	margin-left: 28px;
}

.hero-hover-code:hover .hero-hover-div {
	display: block;
}

.hero-hover-img {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 14px;
	cursor: pointer;
}

.hero-hover-div {
	width: 450px;
	height: 308px;
	background: url(../images/hover.png) no-repeat center;
	position: absolute;
	left: -202px;
	top: -282px;
	display: none;
}

.hero-hover-div>div {
	width: 152px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-top: 56px;
}

.hero-hover-div>div:nth-child(1) {
	margin-left: 60px;
	margin-right: 23px;
}

.hero-hover-div>div img {
	display: block;
	width: 152px;
	height: 152px;
}

.hero-hover-div>div p {
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin-top: 10px;
}

.hero-game-ts {
	width: 100%;
	/* height:936px; */
	background-color: #f7f7f7;
	position: relative;
	margin-top: 80px;
	padding-bottom: 64px;
}

.hero-game-ts.hero-support-list {
	height: auto;
	background: #fff;
}

.hero-game-list h3:after {
	background-color: rgba(166, 166, 166, .5);
}

.hero-game-list h3:before {
	background-color: rgba(166, 166, 166, .5);
}

.hero-game-tit.hero-support-tit h3:after {
	top: 17px;
}

.hero-game-tit.hero-support-tit h3:before {
	top: 17px;
}

.hero-game-ts .hero-game-tit {
	margin-top: 94px;
	position: relative;
}

.hero-game-ts .hero-game-tit.hero-support-tit {
	margin-top: 35px;
}

.hero-game-tit.hero-support-tit h3 {
	font-weight: normal;
}

.hero-game-txt {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 86px;
}

.hero-game-txt ul {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.hero-game-txt ul li {
	width: 405px;
	height: 546px;
	position: relative;
	float: left;
	margin-left: 20px;
}

.hero-game-txt ul li:nth-child(1) {
	margin-left: 0;
}

.hero-game-txt ul li img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.hero-game-txt ul li h3 {
	font-size: 20px;
	color: #000;
	text-align: center;
	margin-top: 312px;
	margin-bottom: 38px;
}

.hero-game-txt ul li .heroDes {
	position: relative;
	z-index: 2;
}

.hero-game-txt ul li p {
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	width: 323px;
	margin: 0 auto 0;
	text-align: center;
}

.hero-in-video {
	width: 100%;
	height: 764px;
	position: relative;
}

.bbg-img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.hero-int {
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-top: 150px;
	position: relative;
}

.int-des {
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
	position: relative;
}

.hero-video-in {
	width: 949px;
	height: 460px;
	background: url(../images/vbg.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -474.5px;
	top: 254px;
}

.hero-video-in .video-detail {
	width: 812px;
	height: 455px;
	margin: 0 auto 0;
	position: relative;
	overflow: hidden;
}

.hero-video-in .video-detail .play-video {
	display: block;
	width: 90px;
	height: 90px;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	top: 50%;
	margin-top: -45px;
}

.hero-video-in .video-detail video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: fill;
}

.hero-price {
	width: 100%;
	/* height:705px; */
	overflow: hidden;
	position: relative;
	margin-top: 325px;
	margin-bottom: 135px;
}

.hero-price .hero-wrap-con {
	margin-bottom: 135px;
}

.jo {
	display: block;
	position: absolute;
	left: 0;
	top: 448px;
}

.hero-price-ul {
	width: 100%;
	text-align: center;
	margin-top: 120px;
}

.hero-price-ul li {
	display: inline-block;
	position: relative;
	margin: 0 45px;
	cursor: pointer;
}

.hero-price-ul li:hover .hero-price-img {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
}

.hero-price-ul li .hero-price-img {
	width: 160px;
	height: 160px;
	background-color: #b93a33;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-price-ul li .hero-price-img img {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 30px auto 0;
}

.hero-price-ul li .hero-price-p {
	font-size: 18px;
	color: rgba(0, 0, 0, .5);
	margin-top: 48px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-price-ul li .hero-price-p p {
	line-height: 32px;
}

.hero-price-ul li:hover .hero-price-p {
	color: #000;
	transform: translate(0, 20px);
}

.hero-select-div {
	width: 100%;
}

.hero-select-div>div {
	display: none;
}

.hero-select-div>div.active {
	display: block;
}

.hero-select-txt {
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 22px;
	color: #2d2d2d;
	margin-top: 100px;
}

.hero-select-txt p {
	line-height: 32px;
}

.hero-select-txt p:nth-child(2) {
	margin-top: 20px;
}

.hero-latest-news {
	width: 100%;
	position: relative;
	margin: 158px auto 0;
}

.hero-latest-news .hero-game-tit h3:after {
	top: 18px;
}

.hero-latest-news .hero-game-tit h3:before {
	top: 18px;
}

.hero-news-main {
	width: 100%;
	height: 346px;
	position: relative;
	margin-top: 80px;
}

.hero-news-main ul {
	width: 100%;
	position: relative;
}

.hero-news-main ul li {
	width: 356px;
	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: 130px;
	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 .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;
	background-color: #19acb4;
	margin-left: 0;
	margin-top: 0;
	float: right;
	position: relative;
}

.hero-news-main .gameMore .gameLogo {
	display: block;
	margin: 48px auto 0;
}

.hero-news-main .gameMore p {
	font-size: 38px;
	color: #fff;
	text-align: center;
	margin-top: 16px;
}

.hero-news-main .gameMore .flo {
	display: block;
	width: 92px;
	height: 95px;
	position: absolute;
	right: -45px;
	bottom: -48px;
}

.hero-news-main .gameMore .gameHover {
	width: 50px;
	height: 31px;
	overflow: hidden;
	margin: 18px auto 0;
}

.hero-news-main .gameMore:hover .gameHover img:nth-child(1) {
	display: none;
}

.hero-support-game-list {
	width: 100%;
	position: relative;
	margin: 0 auto 0;
}

.support-div {
	width: 1550px;
	margin: 0 0 0 42px;
	position: relative;
}

.support-div ul {
	width: 100%;
	height: 590px;
	overflow: hidden;
	position: relative;
	transition: height .5s;
	-webkit-transition: height .5s;
}

.support-div ul.active {
	height: 1100px;
}

.support-div ul li {
	width: 217px;
	position: relative;
	overflow: hidden;
	margin: 48px 0 0 40px;
	float: left;
}
.support-div ul li a {
	display: block;
	width: 219px;
	height: 219px;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 20px;
}
.support-div .hero-white {
	display: block;
	position: absolute;
	left: 0;
	bottom: 9px;
	z-index: 2;
}
.support-div ul li a img {
	display: block;
	width: 100%;
	height: 100%;
}

.support-div ul li p {
	font-size: 16px;
	color: #000;
	text-align: center;
	margin-top: 22px;
}
.hero-game-list.hero-support-list .support-more{
	margin-bottom: 145px;
	margin-top: 50px;
}
.support-more {
	display: block;
	width: 222px;
	height: 34px;
	border: 1px solid #000;
	position: relative;
	margin: 0 auto 0;
	text-align: center;
	color: #000;
	line-height: 34px;
	font-size: 14px;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.support-more:hover {
	background-color: #ffc426;
	border: 1px solid #ffc426;
}

.hero-int.support-int {
	margin-top: 36px;
}

.int-des.support-des {
	color: rgba(255, 255, 255, .66);
}

.support-pl {
	display: block;
	position: absolute;
	left: 120px;
	top: 50px;
}

.hero-video-in.support-video-main {
	left: 825px;
	margin-left: 0;
}

.support-us {
	width: 100%;
	position: relative;
	margin: 100px auto 0;
	text-align: center;
}

.support-us li {
	display: inline-block;
	width: 234px;
	height: 280px;
	position: relative;
	vertical-align: text-top;
}

.support-us li:nth-child(2) a:hover+.wxCode {
	display: block;
}

.support-us li .wxCode {
	display: none;
	width: 200px;
	height: 137px;
	background: url(../images/hover.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	overflow: hidden;
	left: 16px;
	bottom: 43px;
}

.support-us li .wxCode img {
	display: block;
	width: 100px;
	height: 100px;
	position: relative;
	margin: 12px auto 0;
}

.support-us li:nth-child(2) {
	margin: 0 198px;
}

.support-us li:nth-child(2) div {
	background-position-x: -420px;
}

.support-us li:nth-child(3) div {
	background-position-x: -876px;
}

.support-us li div {
	width: 88px;
	height: 70px;
	background: url(../images/supp.png) no-repeat;
	background-position: 0 0;
	margin: 0 auto 0;
}

.support-us p:nth-child(2) {
	font-size: 20px;
	color: #363433;
	margin-top: 36px;
}

.support-us p:nth-child(3) {
	font-size: 14px;
	color: #585858;
	margin-top: 22px;
}
.support-us li .phone_code{
	display: none;
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	bottom:42px;
}
.support-us a {
	display: block;
	width: 232px;
	height: 34px;
	position: relative;
	border: 1px solid #000;
	font-size: 14px;
	color: #080808;
	line-height: 34px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.support-us a:hover {
	background-color: #ffc426;
	border: 1px solid #ffc426;
}

.hero-inve-txt {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto 104px;
}

.hero-inve-txt p {
	text-align: center;
	font-size: 24px;
	color: #000;
	line-height: 40px;
}

.hero-inve-txt p:nth-child(1) {
	margin-top: 110px;
}

.hero-inve-txt p:nth-child(2) {
	margin-bottom: 20px;
}

.hero-inve-txt div {
	font-size: 16px;
	color: rgba(0, 0, 0, .66);
	text-align: center;
	line-height: 30px;
}

.hero-investor {
	width: 100%;
	height: 797px;
	background-color: #00a3ad;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.hero-investor .hero-game-tit h3:before {
	width: 777px;
	background-color: rgba(255, 255, 255, .5);
}

.hero-investor .hero-game-tit {
	margin-top: 70px;
	margin-bottom: 45px;
}

.hero-investor .hero-game-tit h3:after {
	width: 777px;
	background-color: rgba(255, 255, 255, .5);
}

.hero-investor .hero-game-tit h3 {
	color: #fff;
}

.hero-investor .hero-investor-p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 40px;
}

.group-img {
	display: block;
	margin: 48px auto 0;
}

.hero-be-investor .hero-game-tit h3:before {
	width: 777px;
	background-color: #a6a6a6;
}

.hero-be-investor .hero-game-tit {
	margin-top: 120px;
	margin-bottom: 70px;
}

.hero-be-investor .hero-game-tit h3:after {
	width: 777px;
	background-color: #a6a6a6;
}

.hero-be-investor .hero-game-tit h3 {
	color: #000;
}

.hero-be-investor h4 {
	font-size: 24px;
	color: #000;
	line-height: 38px;
	text-align: center;
	font-weight: normal;
}

.hero-be-investor h5 {
	font-size: 16px;
	color: #000;
	margin-top: 30px;
	text-align: center;
	font-weight: normal;
}

.hero-investor-main {
	width: 100%;
	height: 1065px;
	background: url(../images/jk.png) no-repeat center;
	position: relative;
	margin: 75px auto 0;
}

.hero-investor-main .dan {
	display: block;
	position: absolute;
	right: 247px;
	top: 93px;
}

.hero-investor-main>div {
	width: 720px;
	overflow: hidden;
	position: absolute;
}

.hero-investor-main>div h3 {
	font-size: 20px;
	color: #000;
	margin-bottom: 26px;
	font-weight: normal;
}

.hero-investor-main>div p {
	font-size: 16px;
	color: rgba(0, 0, 0, .8);
	line-height: 34px;
}

.hero-investor-main .hero-part-one {
	left: 64px;
	top: 40px;
}

.hero-investor-main .hero-part-two {
	left: 890px;
	top: 445px;
}

.hero-investor-main .hero-part-three {
	left: 64px;
	top: 770px;
}

.hero-us-investor {
	width: 100%;
	height: 915px;
	background-color: #a7c6ed;
	position: relative;
	margin: 126px auto 0;
	overflow: hidden;
}

.hero-us-investor .hero-game-tit {
	margin-top: 100px;
}

.hero-us-investor .hero-game-tit h3:before {
	background-color: rgba(255, 255, 255, .5);
}

.hero-us-investor .hero-game-tit h3:after {
	background-color: rgba(255, 255, 255, .5);
}

.hero-us-investor .hero-game-tit h3 {
	color: #fff;
}

.hero-investor-banner {
	width: 100%;
	position: relative;
	margin-top: 86px;
}

.hero-investor-banner li .hero-investor-div {
	width: 523px;
	position: relative;
	overflow: hidden;
}

.hero-investor-banner li .hero-investor-img {
	display: block;
	width: 523px;
	height: 213px;
}

.hero-investor-banner li {
	color: #fff;
	font-size: 16px;
}

.hero-investor-banner li .hero-invetor-tit {
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.hero-investor-banner li .hero-invetor-account {
	line-height: 30px;
}

.hero-investor-banner li:nth-child(1) .hero-invetor-href {
	margin-top: 92px;
}

.hero-investor-banner li .hero-invetor-href {
	display: block;
	width: 139px;
	height: 34px;
	border: 1px solid #fff;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	transition: all .5s;
	-webkit-transition: all .5s;
	color: #fff;
	margin-top: 30px;
}

.hero-investor-banner li .hero-invetor-href:hover {
	background-color: #ffc900;
	border: 1px solid #ffc900;
	color: #000;
}

.hero-investor-banner li .hero-invetor-href span {
	display: inline-block;
}

.hero-investor-banner li .hero-invetor-href span:nth-child(2) img:nth-child(2) {
	display: none;
}

.hero-investor-banner li .hero-invetor-href:hover span:nth-child(2) img:nth-child(1) {
	display: none;
}

.hero-investor-banner li .hero-invetor-href:hover span:nth-child(2) img:nth-child(2) {
	display: block;
}

.hero-in-life .swiper-button-prev1 {
	width: 50px;
	height: 31px;
	background: url(../images/poo.png) no-repeat center;
	position: absolute;
	left: 755px;
	margin-top: 0;
	top: 878px;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 5;
	cursor: pointer;
}

.hero-investor-banner .swiper-button-prev4 {
	width: 50px;
	height: 31px;
	background: url(../images/pre.png) no-repeat center;
	position: absolute;
	left: 755px;
	margin-top: 0;
	top: 596px;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 5;
	cursor: pointer;
}

.hero-investor-banner .swiper-button-next4 {
	width: 50px;
	height: 31px;
	background: url(../images/pre.png) no-repeat center;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 755px;
	margin-top: 0;
	top: 596px;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 5;
	cursor: pointer;
}

.hero-investor-banner .swiper-pagination4 {
	text-align: center;
	position: absolute;
	bottom: -118px;
	color: #fff;
}

.hero-how-contact {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 180px;
}

.hero-how-contact .hero-game-tit {
	margin-top: 95px;
}

.hero-contact-left {
	width: 596px;
	overflow: hidden;
	position: relative;
	margin: 145px 0 0 72px;
	float: left;
}

.hero-contact-left h3 {
	font-size: 16px;
	color: #000;
	line-height: 30px;
	margin-bottom: 30px;
}

.hero-contact-left .s_put {
	width: 100%;
	height: 38px;
	position: relative;
	margin-top: 12px;
}

.hero-contact-left .s_put span {
	font-size: 16px;
	line-height: 38px;
	color: #000000;
	display: block;
	float: left;
}

.hero-contact-left .s_put span em {
	font-style: normal;
	margin-right: 4px;
}

.hero-contact-left .s_put input {
	display: block;
	width: 284px;
	height: 36px;
	border: 1px solid #b3b3b3;
	font-size: 20px;
	line-height: 36px;
	text-indent: 16px;
	float: left;
}

.hero-contact-left .s_put i {
	display: none;
	float: left;
	font-size: 14px;
	color: #b93a33;
	line-height: 38px;
}

.hero-contact-left .s_put i img {
	vertical-align: middle;
	margin: 0 4px 0 8px;
}

.hero-contact-left .hero-submit {
	width: 152px;
	height: 36px;
	background-color: #ffc900;
	position: relative;
	margin: 20px 0 0 91px;
	font-size: 14px;
	color: #080808;
	text-align: center;
	cursor: pointer;
}

.hero-contact-left .hero-submit span {
	display: inline-block;
	line-height: 36px;
}

.hero-contact-left .hero-submit img {
	display: inline-block;
}

.hero-contact-right {
	width: 1012px;
	height: 450px;
	position: relative;
	float: right;
	margin-top: 90px;
}

.hero-contact-right-img {
	position: absolute;
	right: -120px;
	top: 0;
}

.hero-contact-text {
	position: absolute;
	left: 62px;
	top: 68px;
	z-index: 2;
}

.hero-contact-text>div {
	font-size: 18px;
	color: #fff;
}

.hero-contact-text>div:nth-child(2) {
	margin-top: 28px;
}

.hero-contact-text>div p:nth-child(2) {
	font-size: 14px;
	color: #fff;
}

.hero-contact-text .hero-submit {
	width: 171px;
	height: 36px;
	background-color: #ffc900;
	line-height: 36px;
	color: #000;
	text-align: center;
	margin-top: 30px;
}

.hero-contact-text .hero-submit span {
	display: inline-block;
	font-size:14px;
}

.hero-contact-text .hero-submit img {
	display: inline-block;
}

.hero-message-suc {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .65);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50;
	display: none;
}

.hero-message-suc .hero-message-div {
	width: 849px;
	height: 374px;
	background: url(../images/zz.jpg) no-repeat center;
	position: relative;
	margin: 0 auto;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.hero-message-suc .clo {
	display: block;
	width: 17px;
	height: 16px;
	position: absolute;
	right: 29px;
	top: 28px;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-p {
	font-size: 24px;
	margin-top: 115px;
	margin-bottom: 20px;
}

.hero-message-suc .clo:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

.hero-message-suc p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-left: 112px;
}

.heor-country-group {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto 0;
}

.hero-country-group .hero-game-tit.hero-support-tit h3:before {
	top: 32px;
}

.hero-country-group .hero-game-tit.hero-support-tit h3:after {
	top: 32px;
}

.hero-country-group .hero-game-tit {
	margin-top: 115px;
	position: relative;
}

.hero-country-group .hero-game-tit p {
	color: rgba(0, 0, 0, .66);
}

.hero-country-left {
	width: 575px;
	height:605px;
	position: relative;
	margin: 50px 0 0 0;
	overflow: hidden;
	float: left;
	overflow: auto;
}
.hero-country-left::-webkit-scrollbar {
    width: 8px;
    background: white;
}
.hero-country-left::-webkit-scrollbar-corner,
    /* 滚动条角落 */
.hero-country-left::-webkit-scrollbar-thumb,
.hero-country-left::-webkit-scrollbar-track {      /*滚动条的轨道*/
    border-radius: 4px;
}
.hero-country-left::-webkit-scrollbar-corner,
.hero-country-left::-webkit-scrollbar-track {
    /* 滚动条轨道 */
    background-color: rgba(180, 160, 120, 0.1);
    box-shadow: inset 0 0 1px rgba(180, 160, 120, 0.5);
}
.hero-country-left::-webkit-scrollbar-thumb {
    /* 滚动条手柄 */
    background-color: #be3a34;
}
.hero-country-left>div {
	width: 100%;
	height: 120px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
	cursor: pointer;
}

.hero-country-left>div:last-child {
	border-bottom: none;
}

.hero-country-left>div h3 {
	font-weight: normal;
	font-size: 20px;
	color: #be3a34;
	margin: 15px 0 10px 35px;
}

.hero-country-left>div p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-left: 34px;
}

.hero-country-left>div p em {
	font-style: normal;
	margin-left: 8px;
}

.hero-country-left>div.active {
	background-color: #be3a34;
	border-bottom: 1px solid transparent;
}

.hero-country-left>div.active h3 {
	color: #fff;
}

.hero-country-left>div.active p span {
	color: #fff
}

.hero-country-left>div.active p em {
	color: rgba(255, 255, 255, .7);
}

.hero-country-right {
	width: 1083px;
	height: 598px;
	position: relative;
	float: right;
	overflow: hidden;
	border: 1px solid #d2d2d2;
	margin-top: 49px;
}
.hero-country-right .map-zz{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	cursor: pointer;
}
.hero-country-right #map {
	width: 100%;
	height: 100%;
	position: relative;
}
.hero-country-group{
	width:100%;
	overflow: hidden;
	position:relative;
	margin:0 auto;
}
.hero-mail-type {
	width: 100%;
	height:680px;
	position: relative;
	margin: 0 auto;
}

.hero-mail-type .hero-game-tit.hero-support-tit h3:before {
	top: 32px;
}

.hero-mail-type .hero-game-tit.hero-support-tit h3:after {
	top: 32px;
}

.hero-mail-type .hero-game-tit {
	margin-top: 155px;
	position: relative;
}

.hero-mail-type .hero-game-tit p {
	color: rgba(0, 0, 0, .66);
}

.hero-mail-con {
	width: 100%;
	position: relative;
}

.hero-mail-con li {
	width: 25%;
	height: 73px;
	position: relative;
	float: left;
	margin-top: 155px;
}
.hero-mail-con li div:nth-child(1) {
	width: 99px;
	height: 100%;
	background: url(../images/io.png) no-repeat;
	background-position-x: 0;
	float: left;
	margin-right: 15px;
}

.hero-mail-con li:nth-child(2) div:nth-child(1) {
	background-position-x: -110px;
}

.hero-mail-con li:nth-child(3) div:nth-child(1) {
	background-position-x: -198px;
}

.hero-mail-con li:nth-child(4) div:nth-child(1) {
	background-position-x: -284px;
}

.hero-mail-con li:nth-child(5) div:nth-child(1) {
	background-position-x: -380px;
}

.hero-mail-con li:nth-child(6) div:nth-child(1) {
	background-position-x: -475px;
}

.hero-mail-con li:nth-child(7) div:nth-child(1) {
	background-position-x: -562px;
}

.hero-mail-con li div:nth-child(2) {
	float: left;
}

.hero-mail-con li div:nth-child(2) h3 {
	font-size: 20px;
	color: #000;
	font-weight: normal;
	margin-top: 5px;
}

.hero-mail-con li div:nth-child(2) p {
	font-size: 16px;
	color: rgba(0, 0, 0, .66);
	margin-top: 2px;
}
.hero-mail-con li div:nth-child(2) p a{
	color: rgba(0, 0, 0, .66);
}
.hero-mail-con li div:nth-child(2) p a:visited{
	color: rgba(0, 0, 0, .66);
}
.hero-mail-con li:nth-child(8){
	margin-left:164px;
}
.hero-mail-con li:nth-child(8) div:nth-child(1){
	width:61px;
	height:71px;
	background:url(../images/women.png) no-repeat center;
	margin-right:28px;
}
.hero-contact-media {
	width: 100%;
	height: 380px;
	position: relative;
	background: url(../images/cont.jpg) no-repeat center;
	margin: 215px auto 0;
}

.hero-contact-media h3 {
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	margin-top: 55px;
}

.hero-contact-one {
	float: left;
}

.hero-contact-one p {
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
}

.hero-contact-one p em {
	font-style: normal;
	margin-left: 5px;
}

.hero-contact-one a {
	display: block;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}
.hero-contact-one a:hover{
	font-weight:bold;
}
.hero-contact-two {
	float: left;
	margin-left: 120px;
}

.hero-contact-url {
	width: 78px;
	height: 32px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

.hero-contact-url a {
	display: inline-block;
	width: 34px;
	height: 29px;
	background: url(../images/ip.png) no-repeat;
	background-position-x: 0;
}

.hero-contact-url a:nth-child(2) {
	background-position-x: -48px;
	margin-left: 4px;
}

.hero-contact-code {
	width: auto;
	overflow: hidden;
	position: relative;
	margin-top: 25px;
}

.hero-contact-code>div {
	width: 101px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: 28px;
}

.hero-contact-code>div:nth-child(1) {
	margin-left: 0;
}

.hero-contact-code>div img {
	display: block;
	width: 101px;
	height: 101px;
	margin-bottom: 20px;
}

.hero-contact-code>div p {
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	text-align: center;
}

.anima {
	display: block;
	float: right;
	margin: -112px 0 0 0;
}

.hero-brand-story {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* .hero-brand-story p{
	font-size:16px;
	color:#000;
	text-align: center;
	line-height:30px;
	margin-top:110px;
	margin-bottom:120px;
} */
.wrap {
	width: 1615px;
	margin: 0 0 0 134px;
	height: 100%;
}

.hero-brand-group {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 115px auto 0;
}
.bz_img{
	display: block;
	position:absolute;
	left:0;
	top:120px;
}
.hero-brand-group img {
	display: block;
	width: 100%;
	height: 100%;
}

.row {
	width: 100%;
	height: 100%;
	margin-top: 125px;
}

.row .about_title {
	width: 15%;
	height: 30%;
}

.same_title {
	position: relative;
	display: inline-block;
}

.same_title .c_name {
	font-size: 24px;
	font-weight: 600;
	color: #222;
	position: absolute;
	left: 14px;
	top: 15px;
}

.same_title .c_name.white {
	color: #fff;
}

.same_title .e_name {
	font-size: 14px;
	color: #999;
	position: absolute;
	left: 14px;
	top: 50px;
}

.row .intro_text {
	position: relative;
	width: 75%;
	margin-left: 10%;
}

.row .intro_text+.intro_text {
	margin-left: 25%;
	margin-top: 3.5%;
}

.row .intro_text span {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: -40px;
	width: 20px;
	height: 20px;
	font-size: 16px;
	font-family: "Impact";
	color: #E22B4B;
}

.row .intro_text p {
	font-size: 16px;
	color: #000;
	line-height: 34px;
	font-weight:bold;
}

.hero-brand-good {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hero-brand-good .hero-brand-p {
	font-size: 16px;
	color: #000;
	line-height: 34px;
	text-align: center;
	margin: 94px auto 140px;
}

.hero-brand-good .hero-investor-main .hero-part-one {
	left: 75px;
	top: 26px;
}

.hero-brand-good .hero-investor-main .hero-part-two {
	left: 918px;
	top: 484px;
}

.hero-brand-good .hero-investor-main .hero-part-three {
	left: 77px;
	top: 910px;
}

.hero-brand-good .hero-investor-main {
	height: 1260px;
	background: url(../images/jp.png) no-repeat center;
}

.hero-brand-good .hero-investor-main>div h4 {
	font-size: 16px;
	color: #b93a33;
	margin-bottom: 22px;
}

.hero-brand-good .hero-investor-main>div h4 em {
	display: inline-block;
	width: 135px;
	height: 1px;
	background-color: #b93a33;
	vertical-align: middle;
	margin-left: 10px;
}

.hero-out-mess {
	width: 100%;
	height: 940px;
	background: url(../images/ku.png) no-repeat center;
	position: relative;
	margin: 124px auto 0;
}

.hero-out-mess .hero-out-body {
	width: 717px;
	height: 303px;
	position: absolute;
	left: 119px;
	top: 250px;
}

.hero-out-mess .hero-h-one {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.hero-out-mess .hero-h-two {
	display: block;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 0;
	bottom: 60px;
}

.hero-out-mess .hero-out-body p {
	font-size: 20px;
	color: #fff;
	line-height: 38px;
	text-indent: 40px;
	margin: 36px 0 0 74px;
}

.hero-out-mess .hero-out-body h3 {
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	margin-top: 64px;
	margin-left: 495px;
}

.hero-out-mess .hero-out-body h4 {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 360px;
}

.hero-yan-group {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 260px auto 0;
}

.hero-yan-group .hero-game-tit {
	margin-bottom: 40px;
}

.hero-yan-group .hero-game-tit h3:before {
	width: 740px;
}

.hero-yan-group .hero-game-tit h3:after {
	width: 740px;
}

.hero-yan-group p {
	font-size: 16px;
	color: #525151;
	line-height: 34px;
	text-align: center;
}

.hero-talking-banner {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	margin-top: 74px;
}

.hero-talking-banner li .hero-talking-img {
	width: 160px;
	height: 160px;
	overflow: hidden;
	background-color: #b93a33;
	border-radius: 50%;
	margin: 52px auto 0;
}

.hero-talking-banner li.swiper-slide-active {
	margin-right: 25px;
}

.hero-talking-banner li.swiper-slide-active .hero-talking-img {
	width: 264px;
	height: 264px;
	margin-top: 0;
}

.hero-talking-banner li.swiper-slide-active .hero-talking-img img {
	width: 154px;
	height: 154px;
	margin-top: 55px;
}

.hero-talking-banner li .hero-talking-img img {
	display: block;
	width: 100px;
	height: 100px;
	margin: 30px auto 0;
}

.hero-talking-banner li p {
	text-align: center;
}

.hero-talking-banner li .hero-w-txt {
	margin-top: 18px;
}

.hero-talking-banner li .hero-h-txt {
	display: none;
}

.hero-talking-banner li.swiper-slide-active .hero-w-txt {
	display: none;
}

.hero-talking-banner li.swiper-slide-active .hero-h-txt {
	display: block;
}

.hero-talking-banner li.swiper-slide-active .hero-h-txt img {
	display: block;
	margin: 25px auto 0;
}

.hero-talking-banner li.swiper-slide-active .hero-h-txt p {
	color: rgba(28, 28, 28, .77);
	margin-top: 14px;
}

.hero-talking-banner li .hero-hand-name {
	display: none;
}

.hero-talking-banner li.swiper-slide-active .hero-hand-name {
	display: block;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	margin-top: 50px;
}

.hero-yan-group .swiper-button-prev3 {
	width: 50px;
	height: 31px;
	background: url(../images/poo.png) no-repeat center;
	position: absolute;
	left: 380px;
	margin-top: 0;
	top: 655px;
	z-index: 10;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-yan-group .swiper-button-next3 {
	width: 50px;
	height: 31px;
	background: url(../images/poo.png) no-repeat center;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	position: absolute;
	right: 380px;
	margin-top: 0;
	top: 655px;
	z-index: 10;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.hero-yan-group .swiper-button-next3:hover {
	transform: translate(10px, 0) rotate(180deg);
	-webkit-transform: translate(10px, 0) rotate(180deg);
}

.hero-yan-group .swiper-button-prev3:hover {
	transform: translate(-10px, 0);
	-webkit-transform: translate(-10px, 0);
}

.hero-develop-course {
	width: 1680px;
	height: 759px;
	background: url(../images/dele.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
	margin: 108px auto 0;
}

.hero-develop-course .hero-game-tit {
	margin: 70px auto 0;
	position: relative;
	width:1540px;
}

.hero-develop-course .hero-game-tit h3 {
	color: #fff;
}
.hero-develop-course .hero-game-tit h3:before{
	width:646px;
	background-color:rgba(255,255,255,.41);
}
.hero-develop-course .hero-game-tit h3:after{
	width:646px;
	background-color:rgba(255,255,255,.41);
}
.hero-left-text {
	width: 1387px;
	height: 657px;
	position: relative;
	float: left;
	overflow: hidden;
}

.hero-left-text>div {
	display: none;
	width: 870px;
	position: relative;
	overflow: hidden;
	margin: 62px 0 0 190px;
}

.hero-left-text>div.active {
	display: block;
}

.hero-left-text>div h3 {
	font-size: 22px;
	color: #fff;
	font-weight: normal;
}

.hero-left-text>div h4 {
	font-size: 16px;
	color: #fff;
	line-height: 34px;
	margin-top: 5px;
	margin-bottom: 35px;
}

.hero-left-text>div p {
	font-size: 16px;
	color: #fff;
	line-height: 34px
}

.hero-right-year {
	width: 150px;
	height: 559px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: -16px 0 144px 0;
}

.hero-right-year .xian {
	display: block;
	position: absolute;
	left: 10px;
	top: 0;
}

.hero-right-year>div {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
	cursor: pointer;
}

.hero-right-year>div:nth-child(1) {
	margin-top: 84px;
}

.hero-right-year>div.active em {
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-left: 0;
}

.hero-right-year>div.active span {
	font-size: 24px;
}

.hero-right-year>div em {
	display: block;
	width: 6px;
	height: 6px;
	background-color: #fff;
	float: left;
	border-radius: 50%;
	margin-left: 8px;
	margin-top: 13px;
	transition: all .5s;
	-webkit-transition: sll .5s;
}

.hero-right-year>div span {
	display: block;
	font-size: 16px;
	color: #fff;
	float: left;
	line-height: 30px;
	margin-left: 35px;
	transition: all .5s;
	-webkit-transitoin: all .5s;
}

.hero-price-honor {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hero-price-honor .hero-game-tit {
	margin-top: 105px;
	position: relative;
	margin-bottom: 62px;
}

.hero-honor-list {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.hero-honor-list li {
	width: 372px;
	overflow: hidden;
	position: relative;
	margin-top: 38px;
	float: left;
	margin-left: 60px;
}

.hero-honor-list li:nth-child(1) {
	margin-left: 0;
}

.hero-honor-list li:nth-child(5) {
	margin-left: 0;
}

.hero-honor-list li img {
	display: block;
	width: 372px;
	height: 142px;
	object-fit: cover;
}

.hero-honor-list li p:nth-child(2) {
	font-size: 20px;
	color: #000;
	margin-top: 22px;
	text-align: center;
}

.hero-honor-list li p:nth-child(3) {
	font-size: 14px;
	color: #6e6d6d;
	margin-top: 8px;
	text-align: center;
}

.hero-leader-news .hero-game-tit {
	margin-top: 140px;
	position: relative;
}

.hero-leader-list {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.hero-leader-list li {
	width: 526px;
	overflow: hidden;
	position: relative;
	float: left;
	margin: 86px 0 0 50px;
	cursor: pointer;
}

.hero-leader-list li:nth-child(1) {
	margin-left: 0;
}

.hero-leader-list li:nth-child(4) {
	margin-left: 0;
}

.hero-leader-list img {
	display: block;
	width: 234px;
	height: 435px;
	float: left;
}

.hero-leader-list div {
	width: 292px;
	height: 435px;
	position: relative;
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	background-color: #b93a33;
}

.hero-leader-list div p {
	width: 242px;
	margin: 0 auto;
}

.hero-leader-list div p:nth-child(1) {
	margin-top: 28px;
}

.hero-leader-list div p:nth-child(4) {
	margin-top: 20px;
}

.hero-left-part .hero-down-a {
	width: 486px;
	text-align: center;
}

.hero-left-part .hero-down-a a {
	background: none;
	display: inline-block;
	width: 139px;
	height: 34px;
	border: 1px solid #fff;
	text-align: center;
}

.hero-left-part .hero-down-a a span {
	display: inline-block;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
}

.hero-left-part .hero-down-a a em {
	display: inline-block;
	width: 40px;
	height: 9px;
	overflow: hidden;
	margin-left: 8px;
}

.hero-left-part .hero-down-a a em img {
	display: block;
	width: 100%;
	height: 100%;
}

.hero-left-part .hero-down-a a:nth-child(2) {
	margin: 0 30px;
}

.hero-left-part .hero-down-a a:hover {
	background-color: #ffc900;
	border: 1px solid #ffc900;
}

.hero-left-part .hero-down-a a:hover span {
	color: #000;
}

.hero-left-part .hero-down-a a:hover em img:nth-child(1) {
	display: none;
}

.hero-leader-tc {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 60;
	display: none;
}

.hero-leader-tc .hero-leader-ba {
	width: 1558px;
	height: 636px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 0;
	top: 45%;
	transform: translate(0, -45%);
	-webkit-transform: translate(0, -45%);
}

.hero-leader-tc .hero-leader-ba .hero-clo {
	display: block;
	width: 17px;
	height: 16px;
	position: absolute;
	right: 143px;
	top: 31px;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	z-index: 10;
}

.hero-leader-tc .hero-leader-ba .hero-clo:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner {
	width: 1349px;
	height: 636px;
	background-color: #ffffff;
	position: relative;
	margin: 0 auto 0;
	overflow: hidden;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-img {
	width: 475px;
	height: 637px;
	position: relative;
	float: left;
	overflow: hidden;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text {
	width: 874px;
	height: 637px;
	position: relative;
	float: left;
	overflow: hidden;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text .leader-second-text {
	width: 650px;
	overflow: hidden;
	position: relative;
	margin: 63px 0 0 115px;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text .leader-second-text h3 {
	font-size: 24px;
	color: #1c1c1c;
	font-weight: normal;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text .leader-second-text h4 {
	font-size: 16px;
	color: #474747;
	margin-top: 8px;
	font-weight: normal;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text .leader-second-text h5 {
	width: 450px;
	font-size: 24px;
	color: #474747;
	line-height: 42px;
	margin: 74px 0 80px 60px;
	font-weight: normal;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text .leader-second-text .dh_one {
	display: block;
	position: absolute;
	left: 0;
	top: 92px;
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text .leader-second-text .dh_two {
	display: block;
	position: absolute;
	right: 0;
	top: 172px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.hero-leader-tc .hero-leader-ba .hero-leader-banner .leader-text .leader-second-text div {
	font-size: 16px;
	color: #020202;
	line-height: 30px;
}

.hero-leader-tc .hero-leader-ba .button-prev-one {
	width: 50px;
	height: 31px;
	background: url(../images/pre.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 285px;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
}

.hero-leader-tc .hero-leader-ba .button-next-one {
	width: 50px;
	height: 31px;
	background: url(../images/pre.png) no-repeat center;
	position: absolute;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	right: 0;
	top: 285px;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
}

.hero-news-first {
	width: 100%;
	min-height:2070px;
	position: relative;
	margin: 77px auto 0;
}

.hero-news-first .hero-game-tit.hero-news-fen {
	margin-bottom: 60px;
}

.hero-news-first .hero-game-tit.hero-news-fen h3 {
	font-weight: normal;
}

.hero-news-first .hero-game-tit.hero-news-fen h3:after {
	width: 778px;
	top: 18px;
}

.hero-news-first .hero-game-tit.hero-news-fen h3:before {
	width: 778px;
	top: 18px;
}

.newsLeft {
	width: 999px;
	height: 544px;
	position: relative;
	float: left;
}

.newsLeft img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.newsRight {
	width: 680px;
	height: 544px;
	background-color: #be3a34;
	position: relative;
	float: left;
	overflow: hidden;
}

.newsRightBody {
	width: 515px;
	overflow: hidden;
	position: relative;
	margin: 0 auto 0;
}

.newsRightBody h3 {
	font-size: 20px;
	color: #fff;
	margin-top: 125px;
}

.newsRightBody h4 {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
	margin-top: 5px;
}

.newsRightBody h4 span:nth-child(1) {
	margin-right: 10px;
}

.newsRightBody p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	margin-top: 22px;
	display: -webkit-box; /*重点，不能用block等其他，将对象作为弹性伸缩盒子模型显示*/
	-webkit-box-orient: vertical; /*从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
	-webkit-line-clamp: 4; /*行数，超出三行隐藏且多余的用省略号表示...*/
	line-clamp: 4;
	word-break: break-all;
	overflow: hidden;
	max-width: 100%;
}
.newsRightBody:hover .getMore{
	background-color:#fcc928;
	border:1px solid transparent;
}
.newsRightBody .getMore {
	width:139px;
	height:34px;
	border:1px solid #000;
	overflow: hidden;
	margin:30px 0 0 0;
	text-align: center;
}
.newsRightBody .getMore span{
	font-size:14px;
	line-height:34px;
	display: inline-block;
	color:#000;
}
.newsRightBody .getMore img{
	display: inline-block;
	margin-left:8px;
}
.clear {
	clear: both;
}

.hero-news-main.hero-news-list {
	width: 1770px;
	margin-left: -86px;
	margin-top: -45px;
}

.hero-news-main.hero-news-list ul li {
	margin-left: 85px;
	margin-top: 125px;
	height:350px;
}

.hero-news-main.hero-news-list .gameMore {
	float: left;
	width: 356px;
	height: 290px;
	margin-top: 125px;
	margin-left: 85px;
	cursor: pointer;
}

.hero-news-main.hero-news-list .gameMore {
	background-color: #be3a34;
}

@font-face {
	font-family: "iconfont";
	src: url('iconfont.eot?t=1614321444486');
	/* IE9 */
	src: url('iconfont.eot?t=1614321444486#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOQAAsAAAAAB4QAAANCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCZII+ATYCJAMMCwgABCAFhG0HQBuOBhEVnAvIPhJyU5qPuj6aUDVmgqDs/uvZ2Q8YBziyHdHZVb3L6RguhxEvTKfs+dazfMYn6Vif7+A8TqMUQiIkBlxT/9c4wDygOVVSdHHSACc40Kig1oFugLhh7CbKg9gMAejjTCAiM7uwEl1UQC8BiP59etrQTelRa0oFugi0SyaqiHlooatMV24Bc/nvxRfChS4oaEnAVqXdWZ2kvhfvy+VkzWQa5RSmjGcFtGkggUBABdFcaq9FhvFAJPqORq3P1UZFoIwV0miAS1yd9kr/eAoIbUCxIQC+YkKB9wKr4dpycQoKABIA7bBgEDAHoLOUDxYoVcaG4ybbLrNdVflIf9ORI1tuWD8pfvKk+kK18wrrJeiAFWscptQ8jdl61WCm1eKwquV2douXM/nUrVOISqvYY/X4cRUZ7LV4s9XMsxfPGszcvN1q8/HrVvATFo97Mqvy0dSqqu0zA2qeTuu88sR949Ocy4/d1j1KpcZiUO3Sv5VvhmdmaM3n3E2l2XZDGuKuXolrKLBOP7Db3zMsLmekrHm7T17TGEd7g7RL84IqD63ft3eTgclKy21GWpXm6/qbRnfOmd0RbXrUPs2r1GiF63FT/bq3ZnZb7a/6BeYS7v5owtBcxB41Jj77+d2v5f+f3Y0zl0fOKyzU08Os+fNZdnYZtAIa0H2SKuQU0ByTK2TOf9mNOT/EsxaTxH+6BioAr5qPefKy9kZ0z9oh4C+o1dEIjcKVA71UbVG5rG0QSVXPqALoQzdoJLc5b/rrrNxiEOhiFUNBBydIdPEkVXogtDAgEtrokgJ9AsiZboDFAuKMUPUAf94CBKZ8oGDMWUhM+ZIq/QctrPlDG1Nxhj7VwmJBA7xFLTIIJaMB9YJaj4NFJhZB6RXd0klKyjnniRTqEGRxmk1VOCCNMSSsLme2YGnsoRS2w64bYaKxQc2xZ56KJLFlN4r12B8EGRCIhEEMgOIFUKMZGbC0OSNy37+COBY6JFRT1RF+ghCBunUgIyZtQVaaoVXVtVwTWHHkMIwFsBAjPUApWJEOxkeAqbxdA6JhYnyP6ERBIjWybTXx/Lr+AYq1OsCpUihCChWdzloOfpGX/vWKkTSGMITDAQAA') format('woff2'),
		url('iconfont.woff?t=1614321444486') format('woff'),
		url('iconfont.ttf?t=1614321444486') format('truetype'),
		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
		url('iconfont.svg?t=1614321444486#iconfont') format('svg');
	/* iOS 4.1- */
}

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-dianhua:before {
	content: "\e601";
}

.icon-live-address:before {
	content: "\e652";
}
