@charset "utf-8";blockquote,
body,
caption,
dd,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
input,
label,
legend,
li,
object,
ol,
p,
pre,
span,
strong,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul{border: 0 none;margin: 0;outline: 0 none;padding: 0}
body,
html{font: 12px/1.25 微软雅黑, Microsoft YaHei, Helvetica, Tahoma, StSun, 宋体, SimSun, sans-serif}
ol,
ul{list-style: none}
table{border-collapse: collapse;border-spacing: 0}
:focus{outline: 0}
button::-moz-focus-inner{padding: 0;border: 0}
a{outline: 0;text-decoration: none}
a:hover{text-decoration: none}
.clear{clear: both;display: block;margin: 0;padding: 0}
.clear-after:after{content: "";display: block;height: 0;clear: both;visibility: hidden}
* .clear-after{zoom: 1}
.hide{display: none}
.error{color: red}
.clearfix:after{display: block;clear: both;height: 0;visibility: hidden;content: "."}
.clearfix{display: block;*display: inline-block}
* html .clearfix{height: 1%}
body{min-width: 1200px;}
.rel1100{margin: 0 auto;width: 1100px;position: relative;}
.bg1{background: #ebebeb url("../images/bg1.jpg") no-repeat center top;position: relative;}
.bg2{background: #ebebeb url("../images/bg2_01.jpg") no-repeat center top;position: relative;}
.bg3{background: #ebebeb url("../images/bg2_02.png") no-repeat center top;position: relative;}
body{background-color: #000;}
.g_right_menu{margin: 0;padding: 0;position: fixed;right: 88px;top: 50%;list-style-type: none;z-index: 70;margin-top: -100px;}
.g_right_menu li{/*overflow: hidden;*/}
.g_right_menu li:hover{overflow: initial;}
.g_right_menu li.step_1{width: 90px;height: 83px;background: url(../images/menu/1_normal.png) no-repeat center top;margin-bottom: 20px;}
.g_right_menu li.step_1.active{background: url(../images/menu/1_chosen.png) no-repeat center top;}
.g_right_menu li.step_2{width: 90px;height: 83px;background: url(../images/menu/2_normal.png) no-repeat center top;margin-bottom: 20px;}
.g_right_menu li.step_2.active{background: url(../images/menu/2_chosen.png) no-repeat center top;}
.g_right_menu li.step_3{width: 90px;height: 83px;background: url(../images/menu/3_normal.png) no-repeat center top;margin-bottom: 20px;}
.g_right_menu li.step_3.active{background: url(../images/menu/3_chosen.png) no-repeat center top;}
.g_right_menu li a.step1,
.g_right_menu li a.step2,
.g_right_menu li a.step3{display: inline-block;width: 199px;height: 83px;position: relative;left: -109px;}
.g_right_menu li a.step1:hover{background: url(../images/menu/step_1.png) no-repeat center top;}
.g_right_menu li a.step2:hover{background: url(../images/menu/step_2.png) no-repeat center top;}
.g_right_menu li a.step3:hover{background: url(../images/menu/step_3.png) no-repeat center top;}
.step1{}
.step1:hover{}
.step1-box{background: url(../images/step1.png) center top no-repeat;height: 688px;margin-top: 532px;box-sizing: border-box;}
.step1-box{font-size: 20px;color: #d8d8d8;width: 1100px;margin: 532px auto 0;}
.step1-box font{font-size: 32px;/*font-weight: bold;*/}
.step1-box h4{font-weight: normal;}
.step1-box p{font-size: 16px;line-height: 24px;margin-bottom: 25px;margin-top: 5px;color: #5b6150;}
.step1-box .inner{}
.btn_gf{display: inline-block;background: url(../images/btn/btn_gf.png) no-repeat center top;width: 211px;height: 59px;}
.btn_gf a{opacity: 0;display: inline-block;width: 211px;height: 59px;}
.btn_gf a:hover{opacity: 1;}
.download-box{width: 422px;height: 180px;float: right;margin-top: 307px;margin-right: 153px;}
.reg_box{text-align: center;}
.bg2 .inner{width: 1100px;margin: 200px auto 0;}
.bg3 .inner{width: 1100px;margin: 462px auto 0;}
.newplayer_box{width: 460px;display: inline-block;margin-left: 487px;}
.btn_reg{/*margin-top: 640px;*/display: inline-block;background: url(../images/btn/btn_reg.png) no-repeat center top;width: 250px;height: 76px;}
.btn_reg a{opacity: 0;display: inline-block;width: 250px;height: 76px;}
.btn_reg a:hover{opacity: 1;}
.btn_xs{/*margin-top: 640px;*/margin-right: 10px;display: inline-block;background: url(../images/btn/btn_xs.png) no-repeat center top;width: 220px;height: 65px;}
.btn_xs a{opacity: 0;display: inline-block;width: 220px;height: 65px;}
.btn_xs a:hover{opacity: 1;}
.btn_zlz{/*margin-top: 640px;*/display: inline-block;background: url(../images/btn/btn_zlz.png) no-repeat center top;width: 220px;height: 65px;}
.btn_zlz a{opacity: 0;display: inline-block;width: 220px;height: 65px;}
.btn_zlz a:hover{opacity: 1;}
.bg1_inner{height: 1212px;padding-top: 1px;}
.bg2_inner{height: 744px;padding-top: 1px;}
.bg3_inner{height: 785px;padding-top: 1px;}



.m-slide {
    position: fixed;
    left: 0px;
    top: 20%;
    width: 218px;
    height: 574px;
    background: url('../images/slide_backgimg.jpg') no-repeat top center;
    z-index: 1001;
}

.m-slide-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 28px;
    right: -30px;
    width: 30px;
    height: 140px;
    background: url("../images/slide_arrow.png") no-repeat scroll 0 0;
}

/**1200px**/
@media screen and (max-width: 1448px) {
    .m-slide{
        left: 0px;
        top: 15%;
        width: 196px;
        height: 516px;
        background: url('../images/slide_backgimg_small.jpg') no-repeat top center;
    }
    .m-slide-trigger{
        top: 26px;
        right: -26px;
        width: 27px;
        height: 124px;
        background: url("../images/slide_arrow_small.png") no-repeat scroll 0 0;
    }
}