body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    margin:0;padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
body{line-height:1}
.clear:after{content:" ";clear:both;height:0;visibility:hidden;display:block}
.clear{*zoom:1}
i{font-style:normal}
:focus{outline:0}
img{vertical-align:top}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none}
.hh{display:block;text-indent:-999em;overflow:hidden}
.hide{width:0;height:0;overflow:hidden;display:none}
.pr{position:relative}
.pa{position:absolute}
html{font-size:100px}
body {
    font:.24rem/1.75 tahoma,sans-serif,'STzhongsong', 宋体;
    background: #0c0b0a;
}
html,body{width:100%}
body.overflowHidden{
    overflow: hidden;
}
.flex{display:flex;display:-webkit-flex;justify-content: center;align-items: center;}
.flex-1{flex:1;-webkit-flex:1}
.flex-center{justify-content:center;-webkit-justify-content:center}
.flex-middle{align-items:center}
.flex-between{justify-content:space-between;-webkit-justify-content:space-between}
.flex-cm{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center}
.t-c{text-align:center}
.t-l{text-align:left}
.t-r{text-align:right}
.t-hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bg,.pop{background-size:100% auto;background-position:top center;background-repeat:no-repeat}
.bgc{background-size:100% auto;background-position:center center;background-repeat:no-repeat}
.t{text-indent:-9999em;overflow:hidden;font-size: 0; display: block;}
.f-l{float:left}
.f-r{float:right}
a{cursor:pointer}
.c:before,.c:after {content:'';display:table;}
.c:after {clear:both;}
.ani {
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.full-img img,.full-img{display:block}
.full-img img{width:100%}
.b{font-weight:bold}
.btn-hv{transition:.1s all;-webkit-transition:.1s all}
.btn-hv:active{
    transform:scale(.95);
    -webkit-transform:scale(.95)
}
.filter{
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%)
}
.btn-scale{
    animation:scaleBtn .6s ease-in-out infinite alternate;
    -webkit-animation:scaleBtn .6s ease-in-out infinite alternate
}
@keyframes scaleBtn{
    to{transform:scale(1.1)}
}
@-webkit-keyframes scaleBtn{
    to{-webkit-transform:scale(1.1)}
}
.wrapper a,
.pop a {
    transition: .2s filter linear
}
.wrapper a:hover,
.pop a:hover {
    filter: brightness(1.2);
}
a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.wrapper a.btn-zhih {
    filter: grayscale(1)!important;  -webkit-filter: grayscale(1)!important;
}

.db {
    display: block;
    font-size: 0;
    text-indent: -9999em;
}
.disabled {
    pointer-events: none;
}

.space-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.flex-dire-clo{
    flex-direction: column;
}
img{
    width: 100%;
    height: auto;
}

/*footer*/
#afooter{font-size: .14rem; text-align:center; line-height:.2rem;color: #4d5356;background-color: #0e0e0d;padding: .1rem 0 .2rem;}
#afooter a{color: #4d5356;}


/***ani***/
.toRight,
.toLeft,
.toBottom,
.toTop,
.fadeIn,
.scaleIn{-webkit-transition: all .5s;opacity: 0; filter:alpha(opacity=0);}
.toRight{-webkit-transform: translate3d(-30%, 0, 0);}
.toLeft{-webkit-transform: translate3d(30%, 0, 0);}
.toBottom{-webkit-transform: translate3d(0, -30%, 0);}
.toTop{-webkit-transform: translate3d(0, 30%, 0);}
.scaleIn{-webkit-transform: scale(5,3);}
.show .toRight,
.show .toLeft,
.show .toBottom,
.show .toTop,
.show .fadeIn{-webkit-transform: translate3d(0, 0 ,0);opacity: 1;}
.show .scaleIn{-webkit-transform: scale(1, 1);opacity: 1;}

.toTop{-webkit-transform: translate3d(0, 30%, 0);opacity:0;}


.wrapper{
    width: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
}
.maxtopbgcen{
    width: 100%;
    height: 6.82rem;
    background: url('../ossweb-img/bg.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: .5rem;
}

.maxtop{
    width: 100%;
    height: .8rem;
    background: url('../ossweb-img/top-bg.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.maxtopleft{
    width: auto;
    height: 100%;
    justify-content: flex-start;
    padding-left: .6rem;
    box-sizing: border-box;
}
.logoaqtz, .gsslogo, .logoay{
    width: 2.18rem;
    height: .3rem;
    background: url("../ossweb-img/logo1.png") no-repeat;
    background-size: 100% 100%;
    margin-right: .2rem;
}
.logoay{
    width: 1.15rem;
    height: .31rem;
    background-image: url("../ossweb-img/logo2.png");
}
.gsslogo{
    width: 1.14rem;
    height: .24rem;
    background-image: url("../ossweb-img/logo3.png");
}
.box_nav{display: flex;margin-left: .2rem;line-height: .3rem;}
.box_nav .on{color: #FFCD89;font-size: .22rem}
.box_nav a{font-size: .20rem;color: #CBCBCB;float: left;margin: 0 .2rem;text-align: center;position: relative;}
.box_nav .on i{
    width: .55rem;
    height: .02rem;
    background: #FFBF68;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -.05rem;
    transform: translateX(-50%);
    border-radius: .1rem;
}
.changegamediv{width: 100%;margin: 2.5rem auto 0;position: relative;}
.shgametitle{background: url('../ossweb-img/head-slg.png') no-repeat;width: 8.69rem;height: 1.86rem;background-size: 100% auto; margin-left: 2.35rem}

.time-box{
    width: 2rem;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    color: rgba(230, 230, 230, 0.6);
    font-size: .32rem;
    margin: .2rem 0 0 2.85rem;
}
.time-box p{
    position: relative;
    margin: .05rem 0
}
.time-box p:after{
    content: '';
    position: absolute;
    width: .4rem;
    height: .4rem;
    background: url('../ossweb-img/icon2.png') no-repeat;
    background-size: 100% auto;
    left: -.5rem;
    top: .07rem;
    opacity: .6;
}
.time-box p:nth-of-type(2):after{
    width: .37rem;
    height: .47rem;
    background-image: url('../ossweb-img/icon1.png');
}

.maxbottomcen{width: 100%;position: relative;z-index: 9;margin-top: -1px;}
.midcen{
    width: 100%;
    height: 80.94rem;
    margin: 0 auto;
    position: relative;
    background: url('../ossweb-img/bg1.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: .01rem;
}
.part{
    width: 100%;
    box-sizing: border-box;
    margin-top: 1.1rem;
}
.contcen1{
    margin-top: 0;
    /*height: auto;*/
    /*background: url('../ossweb-img/m/bg1.jpg') no-repeat;*/
    /*background-size: 100% auto;*/
}

.title1, .title2, .title3, .title4, .title5, .title6{
    width: 4.86rem;
    height: 1.2rem;
    background: url("../ossweb-img/title1.png") no-repeat;
    background-size: 100% auto;
    margin: 0rem auto .4rem;
}
.title2{
    background-image: url("../ossweb-img/title2.png");
}
.title3{
    background-image: url("../ossweb-img/title3.png");
}
.title4{
    background-image: url("../ossweb-img/title4.png");
}
.title5{
    background-image: url("../ossweb-img/title5.png");
}
.title6{
    background-image: url("../ossweb-img/title6.png");
}

.introduction-box{
    width: 14.4rem;
    height: 3.7rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}
.introduction-box li{
    width: 7rem;
    height: 1.62rem;
    background: url("../ossweb-img/p1-item.png") no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: 0 .1rem 0 .4rem;
    margin-bottom: .2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #CBCBCB;
    font-size: .22rem;
    line-height: .31rem;
}

.introduction-box li>div{
    width: calc(100% - 1.42rem);
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-evenly;
}
.introduction-box li .tit{
    font-size: .42rem;
    font-weight: 700;
    position: relative;
    color: #E6E6E6;
}
.introduction-box li .tit:before{
    content: '';
    position: absolute;
    left: -0.15rem;
    top: 50%;
    transform: translateY(-50%);
    width: .03rem;
    height: .27rem;
    background-color: #FCDA9E;
}
.introduction-box li>div:nth-of-type(2){
    width: 1.42rem;
    height: 1.42rem;
    animation: floatUp 2s ease-in-out infinite;
}
@keyframes floatUp {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-.05rem);
    }
}

.contcen2{
    /*height: 12.54rem;*/
    /*background: url('../ossweb-img/m/bg2.jpg') no-repeat;*/
    /*background-size: 100% auto;*/
}
.introduction-cont{
    width: 14.4rem;
    height: 6.68rem;
    margin: 0 auto;
    background: url("../ossweb-img/p2-cont1.png") no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: .3rem 0;
}
.introduction-cont li{
    width: 100%;
    color: #E6E6E6;
    font-size: .24rem;
    line-height: .42rem;
    margin-bottom: .5rem;
    text-align: center;
}
.sjydcendiv{
    width: 14.4rem;
    height: 2.9rem;
    margin: .2rem auto;
    background: url("../ossweb-img/p2-cont2.png") no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: .2rem 1.2rem;
}

.sjydcenten{
    width: 8rem;
}
.sjydcenten .sjitem{
    justify-content: flex-start;
    align-items: flex-start;
    margin: .15rem auto;
}
.sjydcenten p, .bottom-box p{
    background: linear-gradient(to right, #411F08, #402712);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .38rem;
    font-weight: 700;
}
.sjydcenten .sjitem>div p:nth-of-type(2){
    font-size: .26rem;
    text-indent: 4.5em;
    font-weight: 400;
}
.sjimg, .addressimg{
    display: inline-block;
    width: .40rem;
    height: .40rem;
    background: url("../ossweb-img/p2-icon2.png") no-repeat;
    background-size: 100% auto;
    margin-right: .15rem;
    margin-top: .14rem;
}
.addressimg{
    background-image: url("../ossweb-img/p2-icon1.png");
}

.changcodeimg{
    width: 2.4rem;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.changcodeimg p{
    background: linear-gradient(to right, #411F08, #402712);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .26rem;
    margin-top: .05rem;
}
.changcodeimg>div{
    width: 2.04rem;
    height: 2.04rem;
    box-sizing: border-box;
    padding: 0.02rem;
    overflow: hidden;
    margin-bottom: .05rem;
}
.changcodeimg>div img{
    width: 100%;
    height: auto;
}


.contcen3{
    /*height: 16.14rem;*/
    /*background: url('../ossweb-img/m/bg3.jpg') no-repeat;*/
    /*background-size: 100% auto;*/
}
.fhjbitem{
    width: 14.4rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    margin: 0 auto;
}
.fhjbitem li{
    width: 3.07rem;
    height: 3.75rem;
    margin: .1rem 0 ;
}


.contcen4{
    /*height: 11.58rem;*/
    /*background: url('../ossweb-img/m/bg4.jpg') no-repeat;*/
    /*background-size: 100% auto;*/
    margin-top: .5rem;
}
.fhyt_k{
    width: 14.4rem;
    margin: 0 auto;
}
.fhyt_title{
    width: 100%;
    height: .64rem;
    background: url("../ossweb-img/p4-cont-t.png") no-repeat;
    background-size: 100% auto;
    color: #402712;
    font-size: .28rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .1rem;
}
.fhytp1, .fhytp2, .fhytp3{
    width: 1.7rem;
    height: auto;
    margin-left: .5rem;
    white-space: nowrap;
}
.fhytp2{width: 7.5rem;margin-left: 0;box-sizing: border-box;padding-left: .1rem;}
.fhytp3{width: calc(100% - 2rem - 7.5rem);}

.fhyt_item{
    width: 100%;
    height: 7.48rem;
    background: url("../ossweb-img/p4-cont1.png") no-repeat;
    background-size: 100% auto;
    margin-bottom: .4rem;
    box-sizing: border-box;
    padding: .2rem .0rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.fhyt_item.fhyt_item1{
    height: 7.76rem;
    background-image: url("../ossweb-img/p4-cont2.png");
}
.fhyt_item li{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #ffffff;
    font-size: .2rem;
}
.fhyt_item li .left{
    width: 1.7rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: .3rem;
}
.fhyt_item li .left span{
    display: inline-block;
    width: .12rem;
    height: .12rem;
    background: url("../ossweb-img/p4-dot.png") no-repeat;
    background-size: 100% auto;
    margin-left: .3rem;
    margin-right: .1rem;
}
.fhyt_item li .right{
    width: 12.07rem;
    height: .8rem;
    background: url("../ossweb-img/p4-cont-i1.png") no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: 0 .1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.fhyt_item li .right.right2{
    height: 1.46rem;
    background-image: url("../ossweb-img/p4-cont-i2.png");
}
.fhyt_item li .right.right3{
    height: 2.02rem;
    background-image: url("../ossweb-img/p4-cont-i3.png");
}
.fhyt_item li .right.right4{
    height: 1.88rem;
    background-image: url("../ossweb-img/p4-cont-i4.png");
}
.fhyt_item li .p2{
    width: 7.5rem;
    line-height: .32rem;
    box-sizing: border-box;
    padding-left: .1rem;
}
.fhyt_item li .p3{
    color: #FFD59B;
    font-size: .18rem;
    margin-left: .15rem;
}

.contcen5{
    /*height: 6.3rem;*/
    /*background: url('../ossweb-img/m/bg5.jpg') no-repeat;*/
    /*background-size: 100% auto;*/
    margin-top: 1rem;
}

.part5cenchange{
    width: 14.4rem;
    height: 5.64rem;
    margin: 0 auto;
    background: url("../ossweb-img/p5-cont.png") no-repeat;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.img-tab-top{
    width: 2.3rem;
    height: 100%;
    box-sizing: border-box;
    padding: .2rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.img-tab-top a{
    width: 2.3rem;
    height: .66rem;
    font-size: .3rem;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-right: .2rem;
    color: rgba(203, 203, 203, 0.8);
}
.img-tab-top a.on{
    background: url("../ossweb-img/p5-select.png") no-repeat;
    background-size: 100% auto;
    color: #ffffff;
    font-weight: 700;
}
.img-tab-right{
    width: 10.7rem;
    height: 5.2rem;
    margin-left: .7rem;
}
.swiper-box{
    display: none;
    width: 10.7rem;
    height: 5.2rem;
    overflow: hidden;
    /*border-radius: .9rem;*/
}
.swiper-box.show{
    display: block;
}
.swiper-box img{
    width: 100%;
    height: 100%;
}

.contcen6{
    /*height: 10.36rem;*/
    /*background: url('../ossweb-img/m/bg6.jpg') no-repeat;*/
    /*background-size: 100% auto;*/
}
.contcen6 .bottomtxt{
    width: 14.4rem;
    margin: 0 auto .3rem;
}
.bottomtxt h2{
    color: #ffffff;
    font-size: .26rem;
    font-weight: 700;
}
.link-box{ width: 100%; height: auto; text-align: left; margin: .1rem auto .1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-around;
}
.link-box a{ display: inline-block; pointer-events: none; margin: .1rem 0}
.link-box img{object-fit: contain;width: 3.4rem;height: .8rem;}
.link-box1{
    justify-content: flex-start;
}
.link-box1 a:nth-last-of-type(1){
    margin-left: .22rem;
}
.maxbottom{width: 100%;margin-top: 1.6rem;}
.maxbottom .logoaqtz{
    width: 3.64rem;
    height: .5rem;
    background-image: url("../ossweb-img/bottom-logo.png");
}