@charset "utf-8";
*{margin: 0;padding: 0;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;font-family: "Microsoft YaHei";}
html{overflow-x: hidden;}
html,body {width: 100%;}
body {overflow: hidden;font-size: .12rem;}
ul,ol,li {list-style: none;}
img {border: 0;}
a{color: #000;text-decoration: none;}
em,i {font-style: normal;}
a:focus,input {outline: none;}
a{outline: none;star:expression(this.onFocus=this.blur());}
.wrap {width: 100%;height: 100%;position: relative;}
.main {width: 14.4rem;margin: 0 auto;height: 100%;position: relative;display: flex;}
.wrap.nywrap .navBox {position: relative;}
.navBox {position: fixed;top: 0;left: 0;width: 100%;height: 1rem;z-index: 9;background-color: rgba(255,255,255,0.9);-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-animation: gupDown 1s 0.1s both;-moz-animation: gupDown 1s 0.1s both;animation: gupDown 1s 0.1s both;}
@-webkit-keyframes gupDown { from{opacity: 0;-webkit-transform: translate3d(0,-30px,0);} }
@-moz-keyframes gupDown { from{opacity: 0;-moz-transform: translate3d(0,-30px,0);} }
@keyframes gupDown { from{opacity: 0;transform: translate3d(0,-30px,0);} }
.logo{position: absolute;height: .54rem;left: .49rem;top: .22rem;}
.navList{width: 12rem;float: right;height: 1rem;}
.navList ul li{text-align: center;line-height: 1rem;float: left;width: 16.5%;}
.navList ul li a{color:#000;font-size:.18rem;position:relative;}
.navList ul li a:hover,.navList ul li a.act{color:#ffaa0d;}
.navList ul li a:after,.navList ul li a,.textBar .btnBar a,.jobBg,.gimg,.pagination span,.honorList ul li,.gameSlt,.gameXz,.gameTxt a,.NewsBox ul li,.newsTxt p,.newsTxt span,.qaMore,.gameBtn a,.gameIco img{-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.newsList ul li a,.sbTxt,.sbImg img,.jobBox a img,.honorList ul li div img,.gameIntroduce{-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.navList ul li a:after{width:0;border-radius: .1rem;height:.04rem;background:#FFBF10;content:'';position:absolute;left:50%;margin-left:0;top: .3rem;}
.navList ul li a:hover:after{width:.34rem;margin-left:-.17rem;}

.navLi{
    position: relative;
    font-size: .18rem;
    color: #000;
    cursor: pointer;
}

.navLi.act{
    color: #ffaa0d;
}

.navLi:hover{
    color: #ffaa0d;
}

.navLi:hover .navDiv{
    display: block;
}

.navDiv{
    display: none;
    position: absolute;
    background: #fff;
    line-height: 45px;
    width: 90%;
    left: 5%;
    top: 80px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 20px;
}

.navDiv a{
    width: 100%;
    display: inline-block;
    line-height: 45px;
}

.navList .navDiv a:after{
    width: 0;
    border-radius: .1rem;
    height: .04rem;
    background: #FFBF10;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: 0;
    top: .4rem;
}

.ssFooter{height:170px;background:#0E1320;width:100%;}
.footBox{width:100%;position:relative;float: left;margin: auto 0}
.ftlogo{float: left;width: 1.54rem;margin: 4px auto;}
.ftlogo img{width:1.01rem;display:block;margin:4px auto;}
.ftTxt{float:left;width:12.2rem;border-left: .01rem solid #3E424D;padding-left:.2rem;font-size:.14rem;}
.infoBt{width:100%;margin-bottom:.1rem;}
.infoBt a{color:#797A7E;margin-right:.2rem;}
.ftTxt a:hover{color:#A6A7A9;text-decoration:underline;}
.ftTxt ul{color:#797A7E;line-height: .26rem;}
.ftTxt ul li a{color:#797A7E;}
.legalList{position:absolute;right:0;top:38px;height:.5rem;}
.legalList a{font-size: .12rem;width: auto;line-height: .2rem;text-align: left; height: .45rem; padding: .05rem .15rem 0 .48rem;border-radius: 1rem;overflow: hidden;color: #666; margin-left: .1rem;display: inline-block;background: #1D212C url("../../img/company/legal.png") no-repeat 0 0 / 3.94rem auto;cursor: pointer}
.legalList a.legal-1{background-position: .1rem .1rem;}
.legalList a.legal-2{background-position:-1.2rem .1rem;}
.legalList a.legal-3{background-position:-2.5rem .1rem;}
.legalList a.legal-4{background-position:-3.5rem .1rem;}
.legalList a:hover{background-color:#242833;}

.smNavBox{width:100%;height:3.52rem;position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;-webkit-animation: gupUp 1s 0.1s both;-moz-animation: gupUp 1s 0.1s both;animation: gupUp 1s 0.1s both;}
@-webkit-keyframes gupUp{from{opacity:0; -webkit-transform:translate3d(0,30px,0);}}
@-moz-keyframes gupUp{from{opacity:0; -moz-transform:translate3d(0,30px,0);}}
@keyframes gupUp{from{opacity:0; transform:translate3d(0,30px,0);}}
.smNavBox.aboutImg{background:url("../../img/company/aboutBg.jpg") no-repeat top center / 19.2rem auto;}
.aboutB{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.smNav{position:absolute;left:0;top:0;text-align:center;width:100%;height:.65rem;line-height:.65rem;font-size:.16rem;background-color:rgba(0,0,0,0.5);z-index:1;}
.smNav a{color:#fff;margin:0 .35rem;}
.smNav a.act{color:#ffbd30;}
.smNavTxt{text-align:center;width:100%;color:#fff;position:absolute;left:0;top:1.7rem;background:url("../../img/company/smNavTxt.png") no-repeat center .1rem / 11rem auto;z-index:1;}
.smNavTxt h3{font-size: .4rem;    padding-bottom: .15rem;font-weight: normal;line-height: .4rem;}
.smNavTxt p{font-size:.18rem;}

.nyMain{width:12rem;margin:.3rem auto 0 auto;-webkit-animation:gupUp 1s .4s both;-moz-animation:gupUp 1s .4s both;animation:gupUp 1s .4s both;}
.anim{-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: all .8s ease-out .3s;-moz-transition: all .8s ease-out .3s;-ms-transition: all .8s ease-out .3s;-o-transition: all .8s ease-out .3s;transition: all .8s ease-out .3s;opacity: 1;}
.uiAnim{-o-transform: translate3d(0,60px,0);-webkit-transform: translate3d(0,60px,0);-moz-transform: translate3d(0,60px,0);-ms-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0);opacity: 0;}
.pagingBox{height:.32rem;width: 100%;text-align: center;}
.pagingBox a{color:#9A9A9A;font-size: .14rem;padding:0 .11rem;border:.01rem solid #F2F2F2;margin:0 .05rem;text-align:center;line-height:.3rem;height:.3rem;display: inline-block;}
.pagingBox a:hover{border:.01rem solid #FAB522;color:#FAB522}
.pagingBox a.act{background:#FAB522;color:#fff;border:.01rem solid #FAB522;}