.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;}
.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: 58px; 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 .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(../img/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: 100px!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(../img/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(../img/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){
.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;}
}