/* - - - - - - - - - body style - - - - - - - - -*/

.ab {
    position: absolute;
}

.main {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#Floatingbar {
    width: 227px;
    height: 672px;
    position: fixed;
    top: 24%;
    right: 3px;
    margin-top: -140px;
    z-index: 3000;
    background: url(../images/floatingbg.png) no-repeat center;
}

.downlist {
    position: relative;
    top: 223px;
    left: 18px;
}

#Floatingbar ul li {
    margin-bottom: 16px;
}

#Floatingbar ul li a {
    width: 181px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    display: block;
}

#Floatingbar ul li a:hover {
    text-decoration: none;
    text-align: center;
    font-size: 22px;
    color: tomato;
    cursor: pointer;
    display: block;
}

.box {
    width: 1920px;
    height: 1080px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_01.jpg) no-repeat center;
    z-index: 999;
}

.box #Flash {
    width: 1920px;
    height: 1080px;
    position: absolute;
    left: 50%;
    margin: 0px auto -272px -960px;
}

.box #Download {
    display: flex;
    justify-content: space-between;
    width: 950px;
    height: 75px;
    text-align: center;
    position: absolute;
    top: 793px;
    left: 46%;
    margin-left: -411px;
    z-index: 51;
    border-radius: 5px;
}

.box #Download a {
    display: block;
    width: 211px;
    height: 75px;
}

.box #Download .weiduan {
    background: url(../images/q2.png) no-repeat;
}

.box #Download .btn_down_s1 {
    float: left;
    width: 211px;
    height: 75px;
    text-indent: -999em;
    background: url(../images/q1.png) no-repeat;
}

.box #Download .btn_down_s2 {
    float: left;
    width: 211px;
    height: 75px;
    text-indent: -999em;
    background: url(../images/q3.png) no-repeat;
}

.box1 {
    width: 1920px;
    height: 671px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_02.jpg) no-repeat;
}

.box1 .center {
    margin: 0 auto;
    width: 1280px;
}

.box1 .center .zb1 {
    position: relative;
    padding-top: 119px;
    width: 1500px;
    left: -323px;
    margin-left: 190px;
}

.box1 .center .zb1 li {
    float: left;
    width: 99.1px;
    height: 137px;
    position: relative;
    margin-right: 0px;
    margin-bottom: -10px;
    padding-top: 0px;
    list-style: none;
}

.box1 .center .zb1 li a {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 55px;
}

.box1 .center .zb1 li a img {
    float: left;
    width: 100%;
    height: 100%;
}

.box2 {
    width: 1920px;
    height: 551px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_03.jpg) center no-repeat;
    z-index: 999;
}

.box2 .center .zb1 {
    display: flex;
    position: relative;
    left: 423px;
    top: 139px;
    width: 1080px;
    height: 88px;
}

.box2 .center .zb1 li {
    width: 34px;
    height: 31px;
    list-style: none;
}

.box2 .center .zb1 li:not(:first-child) {
    margin-left: 112px;
}

.box2 .center .zb2 {
    display: flex;
    position: relative;
    display: flex;
    position: relative;
    left: 423px;
    top: 163px;
    width: 1080px;
    height: 88px;
}

.box2 .center .zb2 li {
    width: 34px;
    height: 31px;
    list-style: none;
}

.box2 .center .zb2 li:not(:first-child) {
    margin-left: 112px;
}


/* .box2 .center .zb2 li:last-child {
    margin: -8px 68px;
} */

.box2 .center .zb3 {
    display: flex;
    position: relative;
    left: 423px;
    top: 184px;
    width: 1080px;
    height: 88px;
}

.box2 .center .zb3 li {
    width: 34px;
    height: 31px;
    list-style: none;
}

.box2 .center .zb3 li:not(:first-child) {
    margin-left: 112px;
}

.box2 .center .zb3 li:nth-child(1) img {
    width: 36px;
    height: 30px;
}

.box2 .center .zb4 {
    display: flex;
    position: relative;
    left: 423px;
    top: 207px;
    width: 1080px;
    height: 88px;
}

.box2 .center .zb4 li {
    width: 34px;
    height: 31px;
    list-style: none;
}

.box2 .center .zb4 li:not(:first-child) {
    margin-left: 112px;
}

.box3 {
    width: 1920px;
    height: 2481px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_04.jpg) center no-repeat;
    z-index: 99;
}

.boximg {
    width: 307px;
    height: 402px;
    position: absolute;
    /* border: 1px solid red; */
}

.boximg img {
    width: 100%;
    height: 100%;
}

.boximg01 {
    margin-top: 140px;
    margin-left: 250px;
}

.boximg02 {
    margin-top: 140px;
    margin-left: 600px;
}

.boximg03 {
    margin-top: 140px;
    margin-left: 950px;
}

.boximg04 {
    margin-top: 140px;
    margin-left: 1300px;
}

.boximg05 {
    margin-top: 610px;
    margin-left: 250px;
}

.boximg06 {
    margin-top: 610px;
    margin-left: 600px;
}

.boximg07 {
    margin-top: 610px;
    margin-left: 950px;
}

.boximg08 {
    margin-top: 610px;
    margin-left: 1300px;
}

.boximg09 {
    margin-top: 1080px;
    margin-left: 250px;
}

.boximg010 {
    margin-top: 1080px;
    margin-left: 600px;
}

.boximg011 {
    margin-top: 1080px;
    margin-left: 950px;
}

.boximg012 {
    margin-top: 1080px;
    margin-left: 1300px;
}

.boximg013 {
    margin-top: 1550px;
    margin-left: 1300px;
}

.boximg014 {
    margin-top: 1550px;
    margin-left: 250px;
}

.boximg015 {
    margin-top: 1550px;
    margin-left: 600px;
}

.boximg016 {
    margin-top: 1550px;
    margin-left: 950px;
}

.boximg017 {
    margin-top: 2020px;
    margin-left: 250px;
}

.boximg018 {
    margin-top: 2020px;
    margin-left: 600px;
}

.boximg019 {
    margin-top: 2020px;
    margin-left: 950px;
}

.boximg020 {
    margin-top: 2020px;
    margin-left: 1300px;
}

.footer {
    width: 1920px;
    height: 132px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/footer.jpg) center no-repeat;
}

.footleft {
    width: 250px;
    height: 90px;
    position: absolute;
    margin-left: 340px;
    margin-top: 25px;
}

.footleft a {
    width: 250px;
    height: 90px;
    display: block;
}

.footbox {
    width: 680px;
    height: 90px;
    position: absolute;
    margin-left: 615px;
    margin-top: 25px;
}

.footbox p {
    font-size: 12px;
    color: #ffffff;
}

.footright {
    width: 250px;
    height: 90px;
    position: absolute;
    margin-left: 1340px;
    margin-top: 25px;
}

.footright a {
    width: 250px;
    height: 90px;
    display: block;
}

.show {
    display: none;
    position: absolute;
    z-index: 2600;
}

.show img {
    z-index: 999;
}