*{padding: 0;margin:0;border:0;list-style: none;}
a{text-decoration: none;transition: all 0.5s;}
.gm-offical-top .sign-box .btn{font-size: 12px; color: #333;}



body{position: relative;width: 100%;min-width: 1300px;font-size: 14px;font-family: Arial; background-color: #060617;}
.wrap{position: relative;width: 100%;height: 3400px;overflow: hidden;}
.bg,.bg2{position: absolute;top: 0;left: 50%;width: 1920px;height: 100%;margin-left: -960px;z-index: 0;}
.bg2{height: 934px;}
.bg img{display: block;}
.bgBox{position: absolute;top: 984px;left: 50%;width: 1920px;height: 888px;margin-left: -960px;z-index: 1;}
.main{position: relative;width: 1300px;margin: 0 auto;}

/*语言选择*/
#language{ position: fixed; right: 68px; top: 80px; z-index: 99;}
#language li { float: left; display: block; position: relative; z-index: 999;cursor: pointer;}
#language li img{ margin-right: 5px; vertical-align: -2px;}
#language li a { height: 36px; display: block;text-decoration: none; zoom: 1; padding: 14px 37px 0 35px; background: #291a3d; border-radius: 10px; color: #ffffff;}
#language li a:hover, #language li a.hov {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
#language ul { position: absolute; display: none; margin: 0; padding: 0; list-style: none;}
#language ul li { width: 91px; float: left; text-align: center;}
#language ul li:hover { border-left: 0 solid transparent; border-right: 0 solid transparent;}
#language ul a { display: block; height: 20px; line-height: 20px; padding: 8px 5px; text-transform: uppercase; border-radius: 0; border: 0; color: #ffffff;}
#language ul li:last-child a{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
#language ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; color: #000000; background: #fff;}
.arrow{ width: 10px; height: 7px; background: url(../png/arrow.png) no-repeat; position: absolute; right: 13px; top: 19px;}

.r2_games{position: absolute;top: 19px;left: 130px;}
.part1,.part2,.part3,.part4,.part5{position:absolute;top: 0;left: 50%;margin-left: -960px; width: 1920px;height: 934px;}
.part2{top:934px; height: 888px;}
.download{position: absolute;top: 550px;left: 50%;margin-left: -300px; width: 600px;height: 250px; background: url("https://r2cdn2.r2games.com/en/gamesite/gameshub/images/download.webp") no-repeat; transform: scale(.95); -webkit-animation: down 2s steps(25) infinite;animation: down 2s steps(25) infinite;}
.download:hover{ background: url("https://r2cdn2.r2games.com/en/gamesite/gameshub/images/download2.webp") no-repeat;}
.slogan,.part2_title{position: absolute;text-align: center;width: 100%;}
.slogan{top: 620px;left: -85px;}
.part2_title{top: 30px;left: -45px;}
.part2_logo{position: absolute;top: 200px;right: -100px;width: 700px;}
.part2_logo div{position: absolute;}
.daw_logo{top: 20px;right: 335px;}
.loa_logo{top: 86px;right: 160px;}
.tr_logo{top: 208px;right: 300px;}
.do_logo{top: 210px;right: 96px;}
.got_logo{top: 278px;right: 374px;}
.ef_logo{top: 300px;right: 160px;}
.loap_logo{top: 448px;right: 430px;}
.cs_logo{top: 400px;right: 208px;}

.part3{top: 1822px; height: 703px;}
.part3Slide .bd{position: absolute;top: 0;left: 50%;width: 1300px;margin-left: -650px;height: 680px;}
.part3Slide .bd li{position: absolute;top: 80px;left: 60px;}
.part3Slide .bd .txt{ width: 600px; position: absolute; left: 623px; top: 170px; color: #ffffff; font-size: 36px; line-height: 45px;}
.part3Slide .hd{position: absolute;top: 620px;left: 598px;width: 104px;height: 15px;}
.part3Slide .hd li{float: left; width: 15px;height: 15px;margin-right: 8px;background: url("../png/diss.png") center no-repeat;}
.part3Slide .hd li.on{ width: 50px;background: url("../png/diss2.png") center no-repeat;}

.part4{top: 2522px; height: 420px;background-color: #000;}
.part4_title{position: absolute;top: 30px;left: 0;width: 100%;text-align: center;font-size: 36px;font-weight: bold;color: #fff;}
.part4_screen{position: absolute;top: 106px;left: -5px;width: 1400px;}
.part4_screen li{float: left;margin-right: 13px;cursor: pointer;}

/*点击弹出窗 兼容IE*/
.mask{display: none;width: 100%; height: 100%; background: #000; opacity: .7;filter:alpha(opacity=70); position: fixed; left: 0; top: 0; z-index:1;}
.pop{display: none;position: fixed;top: 0;left: 0; width: 100%; height: 100%;z-index:2;}
.popBox{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.close{position: absolute;top: 0;right: -42px; width: 34px;height: 29px; background: url("../png/close.png") no-repeat;}
.close:hover{background: url("../png/close2-2.png") no-repeat;}

.part5{top: 2992px; height: 408px;}
.part5_infoBox{position: absolute;top: 0;left: 206px;width: 883px;height: 180px;border: 2px solid #ffffff;border-radius: 20px;}
.part5_download{position: absolute;top: 50px;right: 40px;width: 330px;height: 79px; background: url("../png/part5_download.png") no-repeat;}
.part5_download:hover{background: url("../png/part5_download2.png") center no-repeat;}
.part5_infoBox p{padding: 10px 0 0 35px;color: #ffffff;line-height: 36px;font-size: 24px;}
.part5_infoBox span{display: inline-block; font-size: 30px;font-weight: bold;margin-bottom: 10px;}
.part5_link{ width: 100%; text-align: center; color: #ffffff; font-size: 26px; position: absolute; left: 0; bottom: 150px;}
.part5_link:hover{ color: #f64a0b; text-decoration: underline;}

/*Footer*/
.footer{position: absolute;bottom: 0;left: 50%;margin-left: -960px;padding-bottom: 10px; height: 85px;width:1920px;background-color: #000000;}
.footer .inner { position: relative; min-width: 960px; max-width: 1200px; margin: 0 auto;}
.footer .footer-hd { margin-left:33.21%; overflow: hidden; zoom:1;}
.footer .footer-hd li { float:left; margin-top:26px; color: #b2b1af;}
.footer .footer-hd li a {float:left;color: #b2b1af;}

.footer p{padding-top:20px; color: #b2b1af; text-align: center; font-size:12px;}
.footer .i-separation {position:relative; top:5px; float:left; width:0; height:10px; margin:0 17px 0 17px; border-right: 1px solid #b2b1af;}


@-webkit-keyframes down{
    to{
        background-position: 0 -12500px;
    }
}
@keyframes down{
    to{
        background-position: 0 -12500px;
    }
}


@media screen and (max-width: 1800px) {
    .wrap{height: 3230px;}
    .bg,.bgBox,.part1,.part2,.part3,.part4,.part5{ -webkit-transform:perspective(1px) scale(0.95);-moz-transform:perspective(1px) scale(0.95);-ms-transform:perspective(1px) scale(0.95);-o-transform:perspective(1px) scale(0.95);transform:perspective(1px) scale(0.95);-webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
    .bg,.bgBox,.part1,.part2,.part3,.part4,.part5{-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;}
    .bgBox{top: 934.8px;}
    .part2{top: 887.3px;}
    .part3{top: 1730.9px;}
    .part4{top: 2395.9px;}
    .part5{top: 2842.4px;}
}

@media screen and (max-width: 1700px) {
    .wrap{height: 3060px;}
    .bg,.bgBox,.part1,.part2,.part3,.part4,.part5{ -webkit-transform:perspective(1px) scale(0.9);-moz-transform:perspective(1px) scale(0.9);-ms-transform:perspective(1px) scale(0.9);-o-transform:perspective(1px) scale(0.9);transform:perspective(1px) scale(0.9);}
    .bgBox{top: 885.6px;}
    .part2{top: 840.6px;}
    .part3{top: 1639.8px;}
    .part4{top: 2269.8px;}
    .part5{top: 2692.8px;}
}

@media screen and (max-width: 1600px) {
    .wrap{height: 2890px;}
    .bg,.bgBox,.part1,.part2,.part3,.part4,.part5{ -webkit-transform:perspective(1px) scale(0.85);-moz-transform:perspective(1px) scale(0.85);-ms-transform:perspective(1px) scale(0.85);-o-transform:perspective(1px) scale(0.85);transform:perspective(1px) scale(0.85);}
    .bgBox{top: 836.4px;}
    .part2{top: 793.9px;}
    .part3{top: 1548.7px;}
    .part4{top: 2143.7px;}
    .part5{top: 2543.2px;}
}

@media screen and (max-width: 1500px) {
    .wrap{height: 2720px;}
    .bg,.bgBox,.part1,.part2,.part3,.part4,.part5{ -webkit-transform:perspective(1px) scale(0.8);-moz-transform:perspective(1px) scale(0.8);-ms-transform:perspective(1px) scale(0.8);-o-transform:perspective(1px) scale(0.8);transform:perspective(1px) scale(0.8);}
    .bgBox{top: 787.2px;}
    .part2{top: 747.2px;}
    .part3{top: 1457.6px;}
    .part4{top: 2143.7px;}
    .part5{top: 2543.2px;}
}

@media screen and (max-width: 1400px) {
    .wrap{height: 2550px;}
    .bg,.bgBox,.part1,.part2,.part3,.part4,.part5{ -webkit-transform:perspective(1px) scale(0.75);-moz-transform:perspective(1px) scale(0.75);-ms-transform:perspective(1px) scale(0.75);-o-transform:perspective(1px) scale(0.75);transform:perspective(1px) scale(0.75);}
    .bgBox{top: 738px;}
    .part2{top: 700.5px;}
    .part3{top: 1366.5px;}
    .part4{top: 1891.5px;}
    .part5{top: 2244px;}
}