.game-banner{ margin: 125px 0 110px;}
.game-banner .games-swiper{ padding-top: 50px;}
.game-banner .games-swiper .swiper-slide{ width: 860px; height: 422px; -webkit-border-radius: 35px; border-radius: 35px; overflow: hidden; cursor: pointer; -webkit-transition: transform .5s; transition: transform .5s;}
.game-banner .games-swiper .swiper-slide:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px);}
/*.game-banner .games-swiper .swiper-slide:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.5); -webkit-border-radius: 35px; border-radius: 35px;}
.game-banner .games-swiper .swiper-slide-active:after{ background: none;}*/
.game-banner .btn-more{ display: block; margin: 97px auto 0; width: 400px; height: 70px; background: #fff; font-size: 20px; color: #868686; line-height: 70px; text-align: center; -webkit-transition: transform 1s; transition: transform 1s; -webkit-border-radius: 50px; border-radius: 50px;}
.game-banner .btn-more img{ position: relative; left: 0; vertical-align: middle; transition: all 1s;}
.game-banner .btn-more:hover img{ left: 10px;}

.content-games{ margin: 0 auto; width: 1200px;}
.content-games .game-list{display: flex;display: -webkit-flex;margin-top: 90px;-webkit-flex-flow: wrap;flex-flow: wrap;-webkit-justify-content: center;justify-content: center;}
.content-games .game-list li{position: relative;margin: 0 20px 80px;width: 255px;height: 310px;background: #fff;overflow: hidden;cursor: pointer;-webkit-border-radius: 30px;border-radius: 30px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.content-games .game-list li .game-desc{ margin: 20px 0 0 25px; font-size: 12px; color: #868686;}
.content-games .game-list li .game-name{ margin-top: 20px; margin-left: 25px;height: 80px;font-size: 21px; font-family:'HKE-S'; }
.content-games .game-list li .game-img{/* margin-top: 45px; */text-align: center;}
.content-games .game-list li .game-img img{ width: 153px; -webkit-border-radius: 20px; border-radius: 20px;}
.content-games .game-list li .game-arrow{margin-top: 50px;text-align: center;}
.content-games .game-list li .cover{ top: 0; left: 0; width: 100%; height: 100%; background: #ff0000; opacity: 0; transition: opacity 1s;}
.content-games .game-list li:hover .cover{  opacity: 1;}
.content-games .game-list .cover .game-desc,
.content-games .game-list .cover .game-name{ color: #fff;}

.swiper-slide img{ width: 100%;}


.content-company{ margin: 110px auto; width: 1280px; }
.content-company .item-title{ font-size: 78px; font-weight: bold; letter-spacing: 5px; text-align: center;}
.content-company .item-text{ margin: 50px auto 0; color: #bcbcbc; font-size: 26px; line-height: 1.8; word-wrap: break-word; word-break: normal;}
.content-company .item-text span{ color: #e61a23;}

.wrapper-info{ background: #fff; overflow-x: hidden; max-width: 100%;}
.content-info{ display: flex; display: -webkit-flex; margin: 85px auto 150px; width: 1280px; -webkit-align-items: center; align-items: center;}
.content-info .info-detail{ margin-right: 80px;}
.content-info .info-detail .logo{ margin-right: 10px; width: 97px;border-radius:10px; }
.content-info .info-detail .name{top: 50%;width: 465px;font-size: 50px; font-family:'HKE-S';line-height: 1;-webkit-transform: translateY(-50%);transform: translateY(-50%); word-wrap:break-word; word-break: normal;}
.content-info .info-img{ width: 681px; overflow: hidden; }
.content-info .info-img img{ object-fit: fill;width: 100%;height: 100%; -webkit-border-radius: 80px; border-radius: 80px;}
.content-info .item-text{ margin: 37px 0 39px; width: 490px; font-size: 14px; color: #868686;}
.content-info .item-follow{ display: flex; display: -webkit-flex; font-size: 18px; color: #363636; line-height: 40px; text-transform: uppercase; letter-spacing: 1px; -webkit-align-items: center; align-items: center;}
.content-info .ico-list a{ width: 40px; height: 40px;}
.content-info .ico-list a.ico-fb{ margin-right: 13px; background-image: url(../../../../msg/ico_fb_blue.png);}
.content-info .ico-list a.ico-tw{ margin-right: 23px; background-image: url(../../../../msg/ico_tw_blue.png);}
.content-info .btn-list{ margin-top: 43px;}

.info-banner{ margin: 0 auto 140px; width: 1280px;}
.info-banner .swiper-banner{ margin: 0 auto; width: 1049px; -webkit-border-radius: 20px; border-radius: 20px;}
.info-banner .swiper-slide{ height: auto;}
.info-banner .swiper-banner-02 .swiper-slide{ height: 488px;}
.info-banner.info-banner-vertical .swiper-slide{ width: 355px; height: auto; text-align:center; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden;}
.info-banner.info-banner-vertical .swiper-slide-active,
.info-banner.info-banner-vertical .swiper-slide-duplicate-active{  -webkit-transform: scale(1); transform: scale(1);}
.info-banner .swiper-slide img{ -webkit-border-radius: 20px; border-radius: 20px;}
.info-banner.info-banner-vertical .swiper-slide img{ height: 100%; }
.info-banner .swiper-button-next,
.info-banner .swiper-button-prev{ top: 40%; width: 55px; height: 55px; background: url(../../../../msg/ico_arrow_info.png) no-repeat; background-size: 100% 100%;}
.info-banner .swiper-button-next{ -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.info-banner .swiper-pagination{ left:50%!important;right: initial!important;bottom: -50px!important; width: auto!important; transform: translateX(50px);transform: translateX(-50%);}
.info-banner .swiper-pagination .swiper-pagination-bullet{ width: 18px!important; height: 18px!important; background: url(../../../../msg/ico_info_dot.png) no-repeat; -webkit-border-radius: 0; border-radius: 0; background-size: 100% 100%;}
.info-banner .swiper-pagination .swiper-pagination-bullet-active{ background-image: url(../../../../msg/ico_info_dotOn.png);}
.info-banner .btn{ margin: 100px auto 0;}
.swiper-button-next:after, 
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, 
.swiper-rtl .swiper-button-next:after{ content: "";}
.wrapper-info .content-intro{ padding-top: 60px;}

	
@media only screen and (max-width: 1280px) {
.content-games,
.info-banner{ margin: 0 auto; width:100%;}
.content-intro .intro-text,
.info-banner .swiper-banner,
.content-company{ width: 80%;}
.game-banner .games-swiper .swiper-slide{ width:700px; height: 330px; }
}
@media only screen and (max-width:768px){
/* 防止横向滚动 */
*{
	max-width: 100%;
	box-sizing: border-box;
}

.game-banner .games-swiper .swiper-slide { width:70%; height: 230px;} 
.game-banner .btn-more{ margin: 0 auto;}   
.content-games .game-list li{ margin: 0 10px 80px; width: 235px; }  
.game-banner{ margin:50px 0 80px;}
.content-games .game-list{ margin-top: 50px;}
.content-games .game-list li{ margin: 0 10px 30px; width: 45%;}
.content-company{ margin-top: 50px;}

/* 移动端适配 - content-info */
.content-info{ 
	flex-direction: column; 
	margin: 30px auto 60px; 
	width: 100%; 
	padding: 0 20px;
}
.content-info .info-detail{ 
	margin-right: 0; 
	width: 100%; 
	margin-bottom: 30px;
}
.content-info .info-detail .item-top{ 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	text-align: center;
}
.content-info .info-detail .logo{ 
	margin-right: 0; 
	margin-bottom: 15px; 
	width: 60px;
}
.content-info .info-detail .name{ 
	position: static; 
	width: 100%; 
	font-size: 24px; 
	transform: none; 
	text-align: center;
}
.content-info .item-text{ 
	width: 100%; 
	font-size: 14px; 
	margin: 20px 0;
}
.content-info .info-img{ 
	width: 100%; 
	margin-top: 20px;
}
.content-info .info-img img{ 
	border-radius: 20px;
}
.content-info .item-follow{ 
	flex-direction: column; 
	align-items: center; 
	font-size: 14px;
}
.content-info .ico-list{ 
	justify-content: center; 
	margin-bottom: 10px;
}
.content-info .btn-list{ 
	justify-content: center; 
	flex-wrap: wrap;
}
.content-info .btn-list a{ 
	margin: 5px;
}

/* 移动端适配 - info-banner */
.info-banner{ 
	width: 100% !important; 
	max-width: 100vw;
	margin: 0 auto 60px; 
	padding: 0 20px;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
.info-banner .swiper-banner{ 
	width: 100% !important; 
	max-width: 100% !important;
	border-radius: 15px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 !important;
}
.info-banner .swiper-wrapper{
	width: 100% !important;
	box-sizing: border-box;
}
.info-banner .swiper-banner-02 .swiper-slide{ 
	height: auto; 
	min-height: 200px;
	width: 100% !important;
	box-sizing: border-box;
	flex-shrink: 0;
}
.info-banner .swiper-slide{ 
	width: 100% !important;
	box-sizing: border-box;
	flex-shrink: 0;
}
.info-banner .swiper-slide img{ 
	border-radius: 15px;
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
	display: block;
	object-fit: cover;
}
.info-banner .swiper-button-next,
.info-banner .swiper-button-prev{ 
	width: 40px; 
	height: 40px; 
	display: none; /* 移动端隐藏导航按钮 */
}
.info-banner .swiper-banner{
	margin-bottom: 20px;
}
.info-banner .swiper-pagination{ 
	position: relative !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	margin: 15px auto 0;
	display: flex;
	justify-content: center;
	width: 100%;
}
.info-banner .swiper-pagination .swiper-pagination-bullet{ 
	width: 12px !important; 
	height: 12px !important;
	margin: 0 5px !important;
}
.info-banner .btn{ 
	width: 90%; 
	max-width: 300px; 
	margin: 25px auto 0; 
	font-size: 18px; 
	height: 50px; 
	line-height: 50px;
	display: block;
}
}