/* reset */
body,div,p,ul,li,table,tbody,tr,td,th,textarea,form,input,h1,h2,h3,h4,h5,dl,dt,dd,img,iframe,header,nav,section,article,footer,figure,figcaption,menu{margin:0;padding:0;list-style:none;}
body{-webkit-text-size-adjust:none; font-size: 0.24rem;}
header,nav,section,article,footer,figure,figcaption{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ol,ul{margin:0;padding:0;}
fieldset{border:none;margin:0;padding:0;}
a,li,ul,[onclick]{-webkit-tap-highlight-color:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} 
table{border-collapse:collapse;border-spacing:0;}
em,strong,th{font-weight:normal;font-style:normal;}
a {text-decoration:none;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.fl {float:left;}
.fr {float:right;}
.pr {position:relative;}
.pa {position:absolute;}
.db {display:block;text-indent:-9999em;font-size: 0;}
:focus{outline: none;}
img{display: block;}
body,html{background-color: #161616;overflow-x: hidden;width: 100%;}
header,footer {width:100%;margin:0 auto;}
.wrap{background: url(../img/bg.jpg) no-repeat;background-size: 100% auto;width: 100%;position: relative;height: 110.92rem;}
.sp{background: url(../img/sp.png) no-repeat;background-size:10rem auto;}
.header{height:15.42rem;position: relative;overflow: hidden;}
.sf{width: 5.4rem;position: absolute;left: 0.64rem;top: 12.87rem;}
.logo{background: url(../img/icon.png) no-repeat;width: 1.25rem;height: 1.25rem;background-size: 100% auto;}
.game_info{width: 3.5rem;margin-left: 0.28rem;padding-top: 0.26rem;}
.game_info h3{width: 2.09rem;height:0.36rem;background-position: -1px -0.02rem;}
.game_info p{line-height: 0.48rem;font-size: 0.28rem;color: #ffffff;}
.heda{width: 10.8rem;position: absolute;left: 0;top: 0;height: 12.53rem;}


.part1{height:9.81rem;}
.tit1{background-position: 0 -0.57rem;width: 7.58rem;height: 1.23rem;margin: 0 auto;}
.img_1{width: 9.48rem;height: 7.16rem;display: block;margin: 0.31rem 0 0 0.66rem;}

.part2{height:29.66rem;}
.tit2{background-position: 0 -1.99rem;width: 7.86rem;height: 1.23rem;margin: 0 auto;}
.box_img1{width: 9.52rem;height: 5.36rem;display: block;margin: 0.7rem auto 0;border: 0.03rem solid #d21032;position: relative;}
.box_img1 img{width: 9.52rem;height: 5.36rem;display: block;margin: 0 auto 0;}
.box_img1 p{background-position: -0.06rem -9.99rem;width: 5.62rem;height: 0.71rem;position: absolute;left: 0;bottom: 0;}
.box_img2{width: 9.52rem;height: 5.36rem;display: block;margin: 1.06rem auto 0;border: 0.03rem solid #d21032;position: relative;}
.box_img2 img{width: 9.52rem;height: 5.36rem;display: block;margin: 0 auto 0;}
.box_img2 p{background-position: -0.07rem -9.17rem;width: 5.62rem;height: 0.71rem;position: absolute;right: -1px;bottom: 0;}
.box_img3{width: 9.52rem;height: 5.36rem;display: block;margin: 1.06rem auto 0;border: 0.03rem solid #d21032;position: relative;}
.box_img3 img{width: 9.52rem;height: 5.36rem;display: block;margin: 0 auto 0;}
.box_img3 p{background-position: -0.07rem -10.82rem;width: 6.3rem;height: 0.71rem;position: absolute;left: 0;bottom: 0;}
.box_img4{width: 9.52rem;height: 5.36rem;display: block;margin: 1.06rem auto 0;border: 0.03rem solid #d21032;position: relative;}
.box_img4 img{width: 9.52rem;height: 5.36rem;display: block;margin: 0 auto 0;}
.box_img4 p{background-position: -0.08rem -11.68rem;width: 6.3rem;height: 0.71rem;position: absolute;right: -0.02rem;bottom: 0;}

.part3{height:13.09rem;}
.tit3{background-position: -1px -3.41rem;width: 5.34rem;height: 1.23rem;margin: 0 auto;}
.img_2{width: 10.13rem;height: 10.28rem;display: block;margin: 0.34rem 0 0 0.67rem;}

.part4{height:8rem;}
.tit4{background-position: -1px -4.82rem;width: 4.58rem;height: 1.23rem;margin: 0 auto;}
.show_box{width: 9.82rem;margin: 0.62rem auto;height:4.21rem;position: relative;}
.show_box .swiper-wrapper{height: 4.21rem;}
.show_box .swiper-slide{width: 7.43rem;height: 4.21rem;}
.show_box .swiper-slide img{width:7.43rem;position: absolute;top:0;left: 50%;margin-left:-3.71rem;}
.show_box .swiper-button-prev{width: 0.4rem;height:0.57rem;background-position:-8.17rem -0.7rem;color: transparent;top:2.12rem;}
.show_box .swiper-button-next{width: 0.4rem;height:0.57rem;background-position:-8.78rem -0.71rem;color: transparent;top:2.12rem;}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0.4)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .8), rgba(0, 0, 0,0.4));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0.40));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0.4));
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .8)), to(rgba(0, 0, 0, 0.4)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0.4));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0.4));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0.4));
}

.part5{height:21.82rem;}
.tit5{background-position: 0 -6.19rem;width: 5.43rem;height: 1.23rem;margin: 0 auto;}
.tab_box{width: 100%;overflow: hidden;margin: 0.56rem auto 0;height: 19rem;position: relative;}
.tab_ct img{width: 10.8rem;height: 19rem;}
.tab_nav{width: 1.59rem;position: absolute;top: 3.77rem;right: 0.44rem;z-index: 99;}
.tab_nav a{display: block;margin-bottom: 0.58rem;}
.act1{width:1.59rem;height:1.66rem;background: url(../img/act2.png) no-repeat;background-size: 100% auto;}
.act2{width:1.59rem;height:1.66rem;background: url(../img/act4.png) no-repeat;background-size: 100% auto;}
.act3{width:1.59rem;height:1.66rem;background: url(../img/act3.png) no-repeat;background-size: 100% auto;}
.act4{width:1.59rem;height:1.66rem;background: url(../img/act1.png) no-repeat;background-size: 100% auto;}
.act1.cur{background: url(../img/act2cur.png) no-repeat;background-size: 100% auto;}
.act2.cur{background: url(../img/act4cur.png) no-repeat;background-size: 100% auto;}
.act3.cur{background: url(../img/act3cur.png) no-repeat;background-size: 100% auto;}
.act4.cur{background: url(../img/act1cur.png) no-repeat;background-size: 100% auto;}
.tab_box .swiper-button-prev{width: 0.53rem;height:0.94rem;background-position:-8.22rem -2.02rem;color: transparent;top:14.03rem;left: 0.77rem;}
.tab_box .swiper-button-next{width: 0.48rem;height:0.86rem;background-position:-9.01rem -2.03rem;color: transparent;top:14.03rem;right: 0.85rem;}
.tab_box .swiper-pagination{position: absolute;left: 7.2rem;top: 16.92rem;width: 2.8rem;display: flex;justify-content: space-between;}
.tab_box .swiper-pagination-bullet{background: url(../img/ico.png) no-repeat;width:0.52rem;height: 0.08rem;opacity: 1;background-color: transparent;border-radius: none;background-size:100% auto;z-index: 9999;border-radius: 0;}
.tab_box .swiper-pagination-bullet-active{border-radius: none;background: url(../img/ico1.png) no-repeat;width:0.52rem;opacity: 1;background-size:100% auto;border-radius: 0;}

.tit6{background-position: 0 -7.65rem;width: 7.21rem;height: 1.23rem;margin: 0 auto;}
.txt1{width:9.71rem;height:1.39rem;background: url(../img/txt1.png) no-repeat;background-size: 100% auto;margin: 0.42rem 0 0 0.56rem;}
.box_video{width: 9.51rem;height: 5.36rem;margin: 0.54rem auto 0;border: 0.03rem solid #d21032;position: relative;}
.box_video video{width: 100%;display: none;height: 5.36rem;}
.btn_vd{width: 9.51rem;height: 5.36rem;position: absolute;top: 0;left: 0;overflow: hidden;display: flex;justify-content: center;align-items: center;background: url(../img/videbg.png) no-repeat;background-size: 100% 100%;margin: 0 auto;}
.txt2{width:8.32rem;height:0.86rem;background: url(../img/txt2.png) no-repeat;background-size: 100% auto;margin: 0.46rem 0 0 1.28rem;}