html, body{height: 100%;}
.navBox{top:-.06rem;height: .9rem;background: none;}
.navList{width: auto;padding-right: 36px;}
.navList ul li{line-height: .8rem;width: 144px;display: inline-block;}
.navList ul li a{color: #fff;opacity: .7;}
.navList ul li a:hover,.navList ul li a.act{opacity: 1;color: #fff;}
.navList ul li a:after{background: #fff;}
.navList ul li .navLi{color: #fff;opacity: .7;}
.navList ul li .navLi:hover,.navList ul li .navLi.act{opacity: 1;color: #fff;}
.navList ul li .navLi:after{background: #fff;}
.navList ul li .navDiv{ display: none;
    position: absolute;
    color: #fff;
    background: none;
    line-height: 45px;
    width: 90%;
    left: 5%;
    top: 80px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-bottom: 20px;}
.navBox.act{background-color: rgba(255,255,255,0.9);}
.navBox.act .navList ul li a,.navBox.act .navList ul li .navLi{color: #000;}
.navBox.act .navList ul li a:hover{color: #ffaa0d;}
.navBox.act .navList ul li a:after{background: #ffaa0d;}
.swiperContainer,.swiperGt{width: 100%;height: 100%;}
.pagination{position: fixed;width: .35rem;top: 50%;z-index: 9;right: 1rem;height: 2.9rem;margin-top: -.96rem;overflow: hidden;}
.pagination span{width: .35rem;height: .35rem;display: block;margin-bottom: .16rem;float: left;background: url("../../img/company/pt.png") no-repeat 0 0 / .35rem auto;opacity: 1;}
.pagination span.swiper-pagination-bullet-active{background: url("../../img/company/ptA.png") no-repeat 0 0 / .35rem auto;}

.ssTop{-webkit-animation: gfadeIn 1s 0.2s both;-moz-animation: gfadeIn 1s 0.2s both;animation: gfadeIn 1s 0.2s both;}
@-webkit-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes gfadeIn{0%{opacity:0;}100%{opacity:1;}}

.ssOne{
    background: #FDB31C url("../../img/company/ssOne.jpg") no-repeat top right / 100% auto;
    overflow: hidden;
}

.ssTwo{
    background: #1D62E4 url("../../img/company/ssTwo.jpg") no-repeat top right / 100% auto;
}

.ssThree{
    background: #473888 url("../../img/company/ssThree.jpg") no-repeat top right / 100% auto;
}

.ssFour{
    background: #141726 url("../../img/company/ssFour.jpg") no-repeat top right / 100% auto;
}

.ssOne.swiper-slide-active .textBar,
.ssTwo.swiper-slide-active .textBar,
.ssThree.swiper-slide-active .textBar,
.ssFour.swiper-slide-active .textBar,
.ssOne.swiper-slide-active .twHome{
    opacity: 1;
    top: 55%;
}

/** 关于奔雷 **/
.ssOne.swiper-slide-active .desc,.ssOne.swiper-slide-active .btnBar,
.ssTwo.swiper-slide-active .gameBox, .ssTwo.swiper-slide-active .btnBar,
.ssThree.swiper-slide-active .btnBar, .ssThree.swiper-slide-active .newsTop, .ssThree.swiper-slide-active .newsList ul li, .ssThree.swiper-slide-active .newsList,
.ssFour.swiper-slide-active .jobBox a{-webkit-animation: gupUp 1.2s 1s both;-moz-animation: gupUp 1.2s 1s both;animation: gupUp 1.2s 1s both;}
.ssOne.swiper-slide-active .desc,.ssTwo.swiper-slide-active .gameBox, .ssThree.swiper-slide-active .newsTop,.ssFour.swiper-slide-active .jobBox a:nth-child(1) {-webkit-animation-delay: .7s;-moz-animation-delay: .7s;animation-delay: .7s;}
.ssOne.swiper-slide-active .btnBar{-webkit-animation-delay: 1.2s;-moz-animation-delay: 1.2s;animation-delay: 1.2s;}
.ssOne .textBar .title{background-image: url("../../img/company/t1.png");}
.textBar{width: 100%;position: absolute;top: 80%;left: 0;opacity: 0;color: #fff;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .8s .25s;-moz-transition: all .8s .25s;-o-transition: all .8s .25s;transition: all .8s .25s;}
.textBar .title{height: 1.5rem;width: 5rem;background-size: 4.5rem auto;background-repeat: no-repeat;margin-bottom: .5rem;font-size: 0;}
.textBar .desc{font-size: .2rem;width: 6rem;line-height: .3rem;margin-top: .5rem;}
.textBar .desc p{text-indent: .4rem;margin-bottom: .2rem;}
.textBar .btnBar{margin-top: .5rem;width: 100%;}
.textBar .btnBar a{color: #fff;position: relative;padding-right: .4rem;margin-right: .4rem;display: inline-block;font-size: .3rem;font-style: italic;background: url("../../img/company/arrow.png") no-repeat right 0.07rem / .15rem auto;opacity: .8;}
.textBar .btnBar a:hover{transform: translateY(-10px);opacity: 1;}

.twHome{position: absolute;right: .5rem;top: 80%;width: 9.77rem;height: 6.2rem;margin-top: -3.71rem;-webkit-transition: all .8s .25s;-moz-transition: all .8s .25s;-o-transition: all .8s .25s;transition: all .8s .25s;}
.twHomeBg{width: 9.77rem;height: 6.2rem;position: absolute;left: 0;top: 0;z-index: 5;}
.cloud4{position: absolute;top: 4.1rem;left: 8.8rem;width: .87rem;height: .62rem;background: url("../../img/company/cloud4.png") no-repeat 0 0/.87rem auto;z-index: 7;-webkit-animation: cloud4 2.4s infinite linear alternate;-moz-animation: cloud4 2.4s infinite linear alternate;-ms-animation: cloud4 2.4s infinite linear alternate;-o-animation: cloud4 2.4s infinite linear alternate;animation: cloud4 2.4s infinite linear alternate;}
@-webkit-keyframes cloud4{100%{top:4.7rem;margin-left:-1rem}}
@-moz-keyframes cloud4{100%{top:4.7rem;margin-left:-1rem}}
@-ms-keyframes cloud4{100%{top:4.7rem;margin-left:-1rem}}
@-o-keyframes cloud4{100%{top:4.7rem;margin-left:-1rem}}
@keyframes cloud4{100%{top:4.7rem;margin-left:-1rem}}

.plane{width: .37rem;height: .6rem;background: url("../../img/company/plane.png") no-repeat 0 0 / .37rem auto;top: 1.36rem;position: absolute;left: 7.75rem;-webkit-animation: plane 1.5s infinite linear alternate;-moz-animation: plane 1.5s infinite linear alternate;-ms-animation: plane 1.5s infinite linear alternate;-o-animation: plane 1.5s infinite linear alternate;animation: plane 1.5s infinite linear alternate;}
@-webkit-keyframes plane{100%{top:1.06rem}}
@-moz-keyframes plane{100%{top:1.06rem}}
@-ms-keyframes plane{100%{top:1.06rem}}
@-o-keyframes plane{100%{top:1.06rem}}
@keyframes plane{100%{top:1.06rem}}

.san{width: .38rem;height: .59rem;background: url("../../img/company/san.png") no-repeat 0 0 / .38rem auto;top: 0rem;position: absolute;left: 2.2rem;-webkit-animation: san 1.5s infinite linear alternate;-moz-animation: san 1.5s infinite linear alternate;-ms-animation: san 1.5s infinite linear alternate;-o-animation: san 1.5s infinite linear alternate;animation: san 1.5s infinite linear alternate;}
@-webkit-keyframes san{100%{top:.3rem}}
@-moz-keyframes san{100%{top:.3rem}}
@-ms-keyframes san{100%{top:.3rem}}
@-o-keyframes san{100%{top:.3rem}}
@keyframes san{100%{top:.3rem}}

.kuai{top: 5.7rem;left: 5rem;z-index: 9;-webkit-animation: kuai 1.4s infinite linear alternate;-moz-animation: kuai 1.4s infinite linear alternate;-ms-animation: kuai 1.4s infinite linear alternate;-o-animation: kuai 1.4s infinite linear alternate;animation: kuai 1.4s infinite linear alternate;}
@-webkit-keyframes kuai{100%{top:5.9rem;margin-left:.5rem}}
@-moz-keyframes kuai{100%{top:5.9rem;margin-left:.5rem}}
@-ms-keyframes kuai{100%{top:5.9rem;margin-left:.5rem}}
@-o-keyframes kuai{100%{top:5.9rem;margin-left:.5rem}}
@keyframes kuai{100%{top:5.9rem;margin-left:.5rem}}

.kuai2{top: 3.5rem;left: 9.1rem;z-index: 9;-webkit-animation: kuai2 1.2s infinite linear alternate;-moz-animation: kuai2 1.2s infinite linear alternate;-ms-animation: kuai2 1.2s infinite linear alternate;-o-animation: kuai2 1.2s infinite linear alternate;animation: kuai2 1.2s infinite linear alternate;}
@-webkit-keyframes kuai2{100%{top:3.7rem;margin-left:.3rem}}
@-moz-keyframes kuai2{100%{top:3.7rem;margin-left:.3rem}}
@-ms-keyframes kuai2{100%{top:3.7rem;margin-left:.3rem}}
@-o-keyframes kuai2{100%{top:3.7rem;margin-left:.3rem}}
@keyframes kuai2{100%{top:3.7rem;margin-left:.3rem}}

.kuai,.kuai2{width: .66rem;height: .48rem;background: url("../../img/company/kuai.png") no-repeat 0 0 / .66rem auto;position: absolute;}

.tree{width: 1.27rem;height: 1rem;background: url("../../img/company/tree.png") no-repeat 0 0 / 1.27rem auto;position: absolute;top: 2.55rem;left: 0;-webkit-animation: tree 1s infinite linear alternate;-moz-animation: tree 1s infinite linear alternate;-ms-animation: tree 1s infinite linear alternate;-o-animation: tree 1s infinite linear alternate;animation: tree 1s infinite linear alternate;}
@-webkit-keyframes tree{100%{top:2.7rem;margin-left:-.2rem}}
@-moz-keyframes tree{100%{top:2.7rem;margin-left:-.2rem}}
@-ms-keyframes tree{100%{top:2.7rem;margin-left:-.2rem}}
@-o-keyframes tree{100%{top:2.7rem;margin-left:-.2rem}}
@keyframes tree{100%{top:2.7rem;margin-left:-.2rem}}

/** 平台游戏 **/
.ssTwo .textBar .title{background-image: url("../../img/company/t2.png");}
.gameBox{height: 4.12rem;width: 100%;}
.gameList{height: 4.12rem;width: 100%;overflow: hidden;}
.gameList li{width: 2.4rem;float: left;height: 4.12rem;position: relative;overflow: hidden;background-color: #232729;}
.gameList li.act{width: 4.8rem;}
.gimg{position: absolute;right: -.10rem;top: 0;width: 2.9rem;height: 4.12rem;z-index: 3;}
.gBg{position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: #000;opacity: .6;z-index: 4;}
.gameList li.act .gBg{opacity: 0;z-index: 1;}
.gameList li.act .gameIntroduce{z-index: 2;left: 0;opacity: 1;}
.gameList li.act .gimg{right: 0;}
.gameIntroduce{width: 1.48rem;height: 4.12rem;padding: 0 .21rem;position: absolute;left: 1rem;opacity: 0;top: 0;}
.gameIco{height: .65rem;width: 100%;margin-top: .46rem;margin-bottom: .16rem;position: relative;}
.gameIco img{display: block;margin: 0 auto;height: .65rem;}
.gameIco a:hover img{top:-.04rem;}

.gameIntroduce h3{font-size: .24rem;height: .24rem;width: 100%;text-align: center;line-height: .24rem;overflow: hidden;}
.gameIntroduce span{overflow: hidden;font-size: .14rem;width: 100%;text-align: center;display: block;line-height: .3rem;}
.gameIntroduce p{color: #919394;font-size: .12rem;line-height: .2rem;margin: .1rem 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.gameBtn{width: 100%;text-align: center;padding-top: .2rem;}
.gameBtn a{color: #fff;border-bottom: .01rem solid #fff;padding-bottom: .03rem;font-size: .16rem;}

/** 新闻动态 **/
.ssThree .textBar .title{background-image: url("../../img/company/t3.png");}
.newsBox{height: 3.8rem;width: 100%;}
.newsTop{width: 6.52rem;float: left;height: 3.8rem;position: relative;background: linear-gradient(to right,#462F92,#342C9A);background: -webkit-gradient(to right,#462F92,#342C9A);background: -o-linear-gradient(to right,#462F92,#342C9A);background: -moz-linear-gradient(to right,#462F92,#342C9A);}
.swiperBanner{width: 6.52rem;float: left;height: 3.8rem;overflow: hidden;}
.swiperBanner .swiper-slide{width: 6.52rem;height: 3.8rem;}
.sbImg,.sbImg img{width: 6.52rem;height: 2.84rem;display: block;overflow: hidden;}
.swiperBanner .swiper-slide a:hover .sbImg img,.jobBox a:hover img,.jobBox a:hover .jobBg{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.sbTxt{height: .66rem;padding: .14rem .34rem;}
.sbTxt p{font-size: .18rem;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: .4rem;line-height: .4rem;}
.sbTxt span{font-size: .16rem;background: url("../../img/company/newsTime.png") no-repeat 0 center / .15rem auto;padding-left: .24rem;}
.newsList{float: right;width: 7rem;height: 3.8rem;}
.newsList ul{border-top: .01rem solid #745F88;}
.newsList ul li{border-bottom: .01rem solid #745F88;background: url("../../img/company/newsList.png") no-repeat 0 center / .25rem auto;height: .75rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: .18rem;line-height: .75rem;padding: 0 .1rem 0 .4rem;}
.newsList ul li a,.swiperBanner .swiper-slide a .sbTxt{color: #fff;opacity: .6;}
.newsList ul li a:hover,.swiperBanner .swiper-slide a:hover .sbTxt{opacity: 1;}
.newsList ul li span{float: right;color: #9989D1;}
.newsPagination{position: absolute;width: 100%;text-align: center;z-index: 9;height: .05rem;line-height: .05rem;left: 0;top: 2.6rem;}
.newsPagination span{opacity: .5;background: #fff;height: .05rem;width: .4rem;display: inline-block;margin: 0 .05rem;border-radius: 0;}
.newsPagination span.swiper-pagination-bullet-active{opacity: 1;}


.ssThree.swiper-slide-active .newsList ul li:nth-child(1),
.ssThree.swiper-slide-active .newsList,.ssFour.swiper-slide-active .jobBox a:nth-child(2){
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}

.ssThree.swiper-slide-active .newsList ul li:nth-child(2){
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

.ssThree.swiper-slide-active .newsList ul li:nth-child(3){
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

.ssThree.swiper-slide-active .newsList ul li:nth-child(4){
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.ssThree.swiper-slide-active .newsList ul li:nth-child(5){
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.ssThree.swiper-slide-active .btnBar{
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    animation-delay: 2.2s;
}

.ssFooter{
    height: 170px;
    background: #0E1320;
    width: 100%;
    margin-top: -.01rem;
}