﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

textarea {
    resize: none;
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: bottom;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

abbr, acronym {
    border: 0;
}

.clear {
    zoom: 1;
}

    .clear:after {
        content: "";
        display: block;
        clear: both;
    }

a {
    text-decoration: none;
    cursor: pointer;
    outline-style: none;
}

    a:focus, input:focus, textarea:focus, select:focus {
        outline-style: none;
    }

body {
    font-family: "microsoft yahei";
    font-size: 16px;
}

.main {
    width: 1200px;
    margin: 0 auto;
    margin-top: 184px;
}
/*导页*/
.dyWrap {
    min-width: 1200px;
    height: 900px;
    overflow: hidden;
}

.dyPart {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 900px;
}

.dyBox {
    height: 900px;
    overflow: hidden;
    position: relative;
}

.dyBox01 {
    background: url(../img/bg01.html) no-repeat 50% 0;
}

.dyBox02 {
    background: url(../img/dy_bg02.html) no-repeat 50% 0;
}

.dyBox03 {
    background: url(../img/dy_bg03.html) no-repeat 50% 0;
}

.dyBox04 {
    background: url(../img/dy_bg04.html) no-repeat 50% 0;
}

.dyNextPage {
    display: block;
    position: absolute;
    width: 68px;
    height: 41px;
    left: 50%;
    margin-left: -34px;
    top: 880px;
    z-index: 990;
}

    .dyNextPage a {
        display: block;
        width: 68px;
        height: 41px;
    }

        .dyNextPage a.dyNext {
            background: url(../img/dy_nextBtn.html) no-repeat;
        }

        .dyNextPage a.dyPre {
            background: url(../img/dy_pre.html) no-repeat;
            display: none;
        }

.dyBox .dylogo {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 185px;
    height: 120px;
}

.dyBox .dyTop {
    top: 42px;
    right: 50px;
}

.dyBox .tvideo {
    display: block;
    margin-left: -258px;
    top: 108px;
}
/*box01*/
.dyWrap .main {
    position: relative;
    height: 900px;
    z-index: 99;
}

.dyTop {
    position: absolute;
    height: 40px;
    right: 0;
    top: 40px;
    z-index: 990;
}

    .dyTop li {
        float: left;
        margin-left: 10px;
        width: 40px;
        position: relative;
    }

        .dyTop li a {
            display: block;
            width: 100%;
            height: 40px;
            background: url(../img/dy_btn01.html) no-repeat;
            text-indent: -999px;
            overflow: hidden;
        }

            .dyTop li a.a01 {
                background-position: -897px 0;
            }

            .dyTop li a.a02 {
                background-position: -947px 0;
            }

            .dyTop li a.a03 {
                background-position: -997px 0;
            }

            .dyTop li a.a01:hover {
                background-position: -897px -69px;
            }

            .dyTop li a.a02:hover {
                background-position: -947px -69px;
            }

            .dyTop li a.a03:hover {
                background-position: -997px -69px;
            }

        .dyTop li.last {
            width: 130px;
        }

.dyNavBox {
    background: url(../img/dy_cBox.html) no-repeat;
    width: 140px;
    height: 176px;
    position: absolute;
    left: -52px;
    top: 50px;
    text-align: center;
    color: #744935;
    display: none;
}

    .dyNavBox img {
        margin: 15px 0 8px;
    }

.dyAd {
    padding: 200px 0 0 146px;
    width: 511px;
    height: 311px;
}

.dyBtn {
    padding: 155px 0 0 164px;
    height: 59px;
}

    .dyBtn a {
        height: 100%;
        float: left;
        width: 285px;
        margin-right: 10px;
        text-indent: -999px;
        overflow: hidden;
        background: url(../img/dy_btn01.html) no-repeat;
    }

        .dyBtn a.a02 {
            background-position: -295px 0;
        }

        .dyBtn a.a03 {
            background-position: -590px 0;
        }

        .dyBtn a.a01:hover {
            background-position: 0 -69px;
        }

        .dyBtn a.a02:hover {
            background-position: -295px -69px;
        }

        .dyBtn a.a03:hover {
            background-position: -590px -69px;
        }

.dyPf {
    position: fixed;
    _position: absolute;
    width: 210px;
    height: 255px;
    right: 35px;
    top: 200px;
    z-index: 999;
}

    .dyPf a {
        display: block;
        height: 100%;
        width: 100%;
        text-indent: -999px;
        overflow: hidden;
        z-index: 999;
        background: url(../img/dy_pf.html) no-repeat;
    }

        .dyPf a:hover {
            background-position: -210px 0;
        }
/*box02*/
.dtit {
    text-align: center;
    padding-top: 108px;
    position: relative;
    z-index: 2;
}

.dSlide {
    width: 1180px;
    height: 753px;
    position: relative;
    margin: -49px 10px 0;
    *float: left;
    z-index: 1;
}

    .dSlide .img {
        position: absolute;
        transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    }

        .dSlide .img img {
            width: 100%;
        }

    .dSlide .img3 {
        width: 1180px;
        height: 753px;
        top: 0;
        left: 0%;
        z-index: 99;
    }

    .dSlide .img4, .dSlide .img2 {
        width: 60%;
        height: 80%;
        top: 20%;
        left: 40%;
        z-index: 2;
        opacity: .8;
    }

    .dSlide .img5, .dSlide .img1 {
        width: 40%;
        height: 60%;
        top: 20%;
        left: 40%;
        z-index: 1;
    }

    .dSlide .img2 {
        left: 0;
    }

.dPre, .dNext {
    z-index: 9;
    display: block;
    width: 59px;
    height: 104px;
    background: url(../img/dy_btn02.html) no-repeat;
    position: absolute;
    top: 456px;
}

.dPre {
    left: 30px;
}

.dNext {
    right: -20px;
    background-position: -59px 0;
}

.dPre:hover {
    background-position: 0 -125px;
}

.dNext:hover {
    background-position: -59px -125px;
}
/*box03*/
.dTs {
    width: 1145px;
    height: 770px;
    position: relative;
    margin: -122px 0 0 55px;
    z-index: 0;
}

.dImg {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    cursor: pointer;
}

.dNum {
    position: absolute;
    bottom: 60px;
    left: 470px;
}

    .dNum li {
        float: left;
        width: 12px;
        height: 12px;
        border: 1px solid #6b420f;
        border-radius: 100%;
        text-indent: -999px;
        overflow: hidden;
        margin-right: 12px;
        cursor: pointer;
        background: #e6d3b4;
    }

        .dNum li.on {
            background: #6b420f;
            z-index: 99;
        }
/*box04*/
.dyZy {
    margin-top: 14px;
    position: relative;
    height: 600px;
}

.dZyTab {
    background: url(../img/dy_tab.html) no-repeat;
    height: 227px;
    width: 80px;
    margin: 134px 0 0 9px;
    padding-top: 20px;
}

    .dZyTab li {
        height: 28px;
        padding-bottom: 62px;
    }

        .dZyTab li.li02 {
            height: 30px;
            padding-bottom: 60px;
        }

        .dZyTab li.li03 {
            height: 29px;
            padding-bottom: 0;
        }

        .dZyTab li a {
            display: block;
            height: 100%;
            text-indent: -999px;
            overflow: hidden;
        }

        .dZyTab li.on a {
            background: url(../img/dy_tab.html) no-repeat;
        }

            .dZyTab li.on a.a01 {
                background-position: -86px -20px;
            }

            .dZyTab li.on a.a02 {
                background-position: -86px -110px;
            }

            .dZyTab li.on a.a03 {
                background-position: -86px -200px;
            }

.dZyCont {
    width: 1020px;
    height: 600px;
    position: absolute;
    left: 180px;
    top: 0;
    display: none;
}

.dZyTit {
    height: 90px;
    overflow: hidden;
    background: url(../img/dy_line01.html) no-repeat 0 100%;
}

.dTxt {
    padding-top: 8px;
    width: 436px;
}

    .dTxt p.p01 {
        padding: 0 26px 22px 18px;
        background: url(../img/dy_line02.html) no-repeat 0 100%;
        color: #6b1900;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .dTxt p.p02 {
        padding-left: 8px;
        height: 28px;
        line-height: 28px;
        color: #692c00;
        font-size: 16px;
    }

        .dTxt p.p02 span {
            float: left;
            background: url(../img/dy_titBg.html) no-repeat;
            width: 87px;
            height: 28px;
            text-align: center;
            font-size: 14px;
            color: #692c00;
            margin-right: 16px;
        }

.dBtn {
    margin: 32px 0 0 4px;
    width: 350px;
    height: 260px;
    position: relative;
    z-index: 990;
}

    .dBtn a {
        display: block;
        width: 170px;
        height: 170px;
        text-indent: -999px;
        overflow: hidden;
        float: left;
    }

.dBtn01 a {
    background: url(../img/dy_zyBtn01.html) no-repeat;
}

.dBtn02 a {
    background: url(../img/dy_zyBtn02.html) no-repeat;
}

.dBtn03 a {
    background: url(../img/dy_zyBtn03.html) no-repeat;
}

.dBtn a.a02 {
    margin-left: 10px;
    background-position: -180px 0;
}

.dBtn a.a03 {
    margin: -80px 0 0 90px;
    background-position: -360px 0;
}

.dBtn a.a01:hover {
    background-position: 0 -180px;
}

.dBtn a.a02:hover {
    background-position: -180px -180px;
}

.dBtn a.a03:hover {
    background-position: -360px -180px;
}

.dZyBox {
    position: relative;
    z-index: 990;
}

.dLine {
    position: absolute;
    left: 105px;
    top: 140px;
    background: url(../img/dy_line.html) no-repeat;
    width: 471px;
    height: 471px;
    z-index: 1;
}

.dMan {
    position: absolute;
    z-index: 99;
}

.dMan01 {
    left: 464px;
    top: -51px;
}

.dMan02 {
    left: 402px;
    top: -87px;
}

.dMan03 {
    left: 464px;
    top: -207px;
}

.dyZyTc {
    background: url(../img/dy_tcBg.html) no-repeat;
    width: 929px;
    height: 603px;
    z-index: 999;
    display: none;
}

.dyClose {
    position: absolute;
    width: 39px;
    height: 39px;
    top: 0;
    right: 86px;
    background: url(../img/dy_close.html) no-repeat;
}

.dTctit {
    text-align: center;
    background: url(../img/dy_tcTitBg.html) no-repeat 50% 50%;
    color: #5b2f00;
    font-size: 28px;
    margin: 55px 0 25px;
}

.dTcbox {
    width: 546px;
    height: 415px;
    padding: 7px 0 0 188px;
}

.dScroll {
    width: 510px;
    height: 415px;
    float: left;
    position: relative;
    overflow: hidden;
}

.dTcTxt {
    width: 510px;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 30px;
    color: #32243b;
}

.dVscrollbar {
    position: relative;
    width: 5px;
    height: 415px;
    float: right;
    overflow: hidden;
}

.dTrack {
    position: relative;
    width: 1px;
    height: 415px;
    background: #ae936f;
    margin-left: 2px;
}

.dThumb {
    position: absolute;
    width: 5px;
    left: -2px;
    top: 0;
    background-color: #ae936f;
    cursor: pointer;
    height: 200px;
}

.tcImg {
    background: url(../img/dy_tcImgBg.html) no-repeat 50% 0;
    text-align: center;
    padding: 17px 0;
    margin-bottom: 20px;
}

.dyZyTc p {
    color: #452400;
    line-height: 24px;
}


.animate .dyAd {
    -webkit-animation: scale1 .4s ease-in 0.4s both;
    animation: scale1 .4s ease-in 0.4s both;
}

.animate .dyBtn {
    animation: floatUp 0.6s 0.8s ease both;
}

.animate .dMan {
    animation: floatDown 1.5s ease both;
}

.animate .dZyBox {
    animation: floatUp 1.5s ease both;
}

.animate .dtit {
    -webkit-animation: animate 2s both ease-in-out 0.3s 1;
    animation: animate 2s both ease-in-out 0.3s 1;
}

.dyClose:hover {
    -webkit-animation: close 0.5s both ease-in-out 1;
    animation: close 0.5s both ease-in-out 1;
}

.dyNextPage {
    -webkit-animation: bounce 2s 0s linear infinite both;
    -moz-animation: bounce 2s 0s linear infinite both;
    -o-animation: bounce 2s 0s linear infinite both;
    animation: bounce 2s 0s linear infinite both;
}

@-webkit-keyframes bounce {
    0%,50%,100% {
        -webkit-transform: translateY(0);
    }

    25%,75% {
        -webkit-transform: translateY(-6px);
    }
}

@-moz-keyframes bounce {
    0%,50%,100% {
        -moz-transform: translateY(0);
    }

    25%,75% {
        -moz-transform: translateY(-6px);
    }
}

@-o-keyframes bounce {
    0%,50%,100% {
        -o-transform: translateY(0);
    }

    25%,75% {
        -o-transform: translateY(-6px);
    }
}

@keyframes bounce {
    0%,50%,100% {
        transform: translateY(0);
    }

    25%,75% {
        transform: translateY(-6px);
    }
}
/*scale1*/
@-webkit-keyframes scale1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(10,10);
    }

    80% {
        -webkit-transform: scale(.9,.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
    }
}

@keyframes scale1 {
    0% {
        opacity: 0;
        transform: scale(10,10);
    }

    80% {
        transform: scale(.9,.9);
    }

    100% {
        opacity: 1;
        transform: scale(1,1);
    }
}
/*scale2*/
@-webkit-keyframes scale2 {
    0% {
        opacity: 0.8;
        -webkit-transform: scale(.9,.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1,1);
    }
}

@keyframes scale2 {
    0% {
        opacity: 0.8;
        transform: scale(.9,.9);
    }

    100% {
        opacity: 1;
        transform: scale(1,1);
    }
}
/*scale1*/
@keyframes floatUp {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(0,600px)
    }

    100% {
        opacity: 100;
        filter: alpha(opacity=10000);
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translate(0,0)
    }
}
/*floatDown*/
@keyframes floatDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(0,-600px)
    }

    100% {
        opacity: 100;
        filter: alpha(opacity=10000);
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translate(0,0)
    }
}
/*bounceIn*/
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    70% {
        -webkit-transform: scale(.9)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    100% {
        transform: scale(1)
    }
}
/*animate*/
@-webkit-keyframes animate {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -1500px, 0);
    }

    60% {
        -webkit-transform: translate3d(0, 10px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        opacity: 1;
    }
}

@keyframes animate {
    0%, 60%, 75%, 90%, 100% {
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -1500px, 0);
    }

    60% {
        transform: translate3d(0, 10px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    100% {
        transform: none;
        opacity: 1;
    }
}

@keyframes close {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes close {
    0% {
        -webkit-transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg)
    }
}

@-moz-keyframes close {
    0% {
        -moz-transform: rotateZ(0deg);
    }

    100% {
        -moz-transform: rotateZ(360deg)
    }
}

@-o-keyframes close {
    0% {
        -o-transform: rotateZ(0deg);
    }

    100% {
        -o-transform: rotateZ(360deg)
    }
}
/*首页*/
.bg {
    position: relative;
    background: #FFEDE2 url(../img/bg02.jpg) no-repeat 50% 100%;
    width: 100%;
    min-width: 1000px;
    /*padding-bottom: 100px;*/
    overflow: hidden;
}

#ym_spcontainer1 {
    width: 1057px !important;
    height: 580px !important;
}

#ym_spcon1 {
    width: 1000px !important;
    height: 562px !important;
    padding: 9px !important;
}

#ym_spclosebtn1 {
    width: 39px !important;
    height: 39px !important;
}

.flash {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 900px;
}

.header {
    z-index: 2;
    position: relative;
    height: 600px;
    overflow: hidden;
}

    .header .logo {
        z-index: 5;
        position: absolute;
        left: 50%;
        margin-left: -590px;
        /*top: 30px;*/
        width: 219px;
        height: 133px;
    }

    .header .ad {
        position: absolute;
        top: 238px;
        left: 50%;
        margin-left: -454px;
        width: 511px;
        height: 311px;
    }

.tvideo {
    display: none;
    position: absolute;
    top: 153px;
    left: 50%;
    margin-left: -251px;
    width: 122px;
    height: 69px;
}

    .tvideo img {
        display: block;
        border: 2px solid #B7906E;
        width: 118px;
        height: 65px;
    }

    .tvideo i {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -17px;
        margin-left: -15px;
        display: block;
        width: 30px;
        height: 34px;
        background: url(../img/tvideoicon.html) no-repeat;
    }

.homebg .tvideo {
    display: block;
}

.nav {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 3;
}

    .nav .navbg {
        position: absolute;
        width: 1920px;
        height: 0px;
        background: #470F00;
        top: 0;
        left: 50%;
        margin-left: -960px;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -webkit-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        overflow: hidden;
    }

    .nav .menu {
        position: relative;
        left: 58%;
        top: 20px;
        width: 500px;
        height: 54px;
        margin: 0 0 0 -354px;
        padding-bottom: 0px;
        background: url(../img/navline01.png) no-repeat left bottom;
        z-index: 2;
    }

    .nav .menulist {
        width: auto;
        overflow: hidden;
    }

        .nav .menulist li {
            float: left;
            width: 124px;
            line-height: 36px;
            text-align: center;
        }

        .nav .menulist a {
            display: block;
            font-size: 24px;
            color:#0a0a0a;
            font-weight:bold;
        }

        .nav .menulist li.wx {
            width: 40px;
            height: 40px;
            padding-left: 43px;
        }

            .nav .menulist li.wx a {
                display: block;
                width: 40px;
                height: 40px;
                background: url(../img/icon.png) no-repeat 0 -127px;
            }

        .nav .menulist li.qq a {
            display: block;
            width: 40px;
            height: 40px;
            background: url(../img/icon.png) no-repeat -50px -127px;
        }

        .nav .menulist li.qq {
            width: 40px;
            height: 40px;
            padding-left: 10px;
        }

        .nav .menulist a:hover {
            /*color: #FEEDB3;*/
        }

    .nav .sublist {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0px;
        margin-top: 8px;
        height: 0px;
        overflow: hidden;
        -webkit-transition: all .5s ease 0.3s;
        transition: all .5s ease 0.3s;
    }

        .nav .sublist li {
            float: left;
            width: 124px;
            height: auto;
            line-height: 42px;
            text-align: center;
            overflow: hidden;
        }

        .nav .sublist a {
            display: block;
            width: 100%;
            font-size: 14px;
            color: #FFBF7A;
        }

        .nav .sublist li.ewm {
            width: 176px;
        }

            .nav .sublist li.ewm img {
                display: block;
                width: 90px;
                height: 90px;
                margin: 0 auto;
            }

            .nav .sublist li.ewm span {
                display: block;
                margin-bottom: 11px;
                color: #D8B896;
                line-height: 36px;
            }

            .nav .sublist li.ewm p {
                color: #F5B877;
                line-height: 16px;
            }

    .nav a:hover {
        color: #FEEDB3;
    }

    .nav.on .navbg {
        height: 300px;
    }

    .nav.on .menu {
        background: url(../img/navline02.html) no-repeat left bottom;
    }

    .nav.on .menulist li.wx a {
        background-position: 0 -167px;
    }

    .nav.on .menulist li.qq a {
        background-position: -50px -167px;
    }

    .nav.on .menulist a {
        /*color: #FEEDB3;*/
    }

    .nav.on .sublist {
        height: auto;
    }

.container {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
}

.part {
    margin-bottom: 20px;
}

.fl {
    float: left;
}

.part01 {
    height: 280px;
}

.part02 {
    height: 220px;
}

.part03 {
    height: 360px;
}

.part04 {
    height: 500px;
    position: relative;
    width: 100%;
}

.part05 {
    height: 130px;
}

.part06 {
    height: 182px;
    background: #FFF;
    margin: 0 300px 20px 300px;
    width: 600px;
}
/*游戏下载*/
.gamedown {
    width: 260px;
    height: 100%;
}

    .gamedown .downbtn {
        display: block;
        width: 100%;
        height: 120px;
        background: url(../img/down.jpg) no-repeat;
        text-indent: -999px;
        overflow: hidden;
    }

        .gamedown .downbtn:hover {
            background-position: 0 -120px;
        }

    .gamedown .downlink {
        width: 100%;
        height: 160px;
        background: url(../img/down.jpg) no-repeat 0 -240px;
        overflow: hidden;
    }

        .gamedown .downlink a {
            display: block;
            float: left;
            width: 130px;
            height: 80px;
            font-size: 16px;
            color: #EACCB8;
            text-align: center;
            line-height: 80px;
        }

            .gamedown .downlink a:hover {
                color: #FEE49F;
            }
/*焦点图*/
.figure {
    position: relative;
    width: 530px;
    height: 100%;
}

    .figure .figbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 530px;
        height: 280px;
        display: none;
    }

    .figure .fignum {
        position: absolute;
        right: 30px;
        bottom: 30px;
        height: 10px;
    }

        .figure .fignum li {
            float: left;
            width: 10px;
            height: 10px;
            margin-right: 10px;
            background: url(../img/icon.png) no-repeat;
            font-size: 0;
            line-height: 0;
            cursor: pointer;
        }

            .figure .fignum li.on {
                background-position: -10px 0;
            }
/*新闻公告*/
.news {
    position: relative;
    width: 410px;
    height: 100%;
    background: #FFF;
}

    .news .newtab {
        width: 410px;
        height: 49px;
        border-bottom: 1px solid #DDDDDD;
    }

        .news .newtab li {
            position: relative;
            float: left;
            width: 80px;
            height: 49px;
            text-align: center;
        }

            .news .newtab li a {
                display: block;
                height: 44px;
                padding-top: 5px;
                font-size: 18px;
                color: #333333;
                line-height: 44px;
            }

                .news .newtab li a .line {
                    position: absolute;
                    width: 0;
                    height: 3px;
                    background: #B5865C;
                    bottom: 0px;
                    _bottom: -1px;
                    left: 0;
                    -webkit-transition: all .5s ease 0s;
                    transition: all .5s ease 0s;
                    overflow: hidden;
                }

            .news .newtab li.on a {
                color: #A67447;
            }

                .news .newtab li.on a .line {
                    width: 100%;
                }

    .news .more {
        position: absolute;
        top: 19px;
        right: 33px;
        width: 17px;
        height: 17px;
        background: url(../img/icon.png) no-repeat 0 -20px;
        -webkit-transition: all .2s linear 0.03s;
        transition: all .2s linear 0.03s;
    }

        .news .more:hover {
            background: url(../img/icon.png) no-repeat 0 -37px;
        }

    .news .newlist {
        width: 374px;
        padding: 2px 18px 14px 18px;
    }

    .news .newbox {
        width: 374px;
        display: none;
    }

    .news .newtit {
        height: 35px;
        line-height: 40px;
        text-align: center;
    }

        .news .newtit a {
            display: block;
            font-size: 18px;
            color: #A86A33;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .news .newshow {
        height: 180px;
        overflow: hidden;
    }

        .news .newshow li {
            height: 30px;
            font-size: 16px;
            line-height: 30px;
            vertical-align: middle;
        }

            .news .newshow li span {
                float: left;
                width: 56px;
                color: #B5865C;
            }

            .news .newshow li a {
                float: left;
                width: 280px;
                height: 30px;
                color: #5D5D5D;
                overflow: hidden;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .news .newshow li a.redTitle, .news .newshow li a:hover {
                    color: #803C00;
                }

            .news .newshow li em {
                float: right;
                font-size: 16px;
                font-style: normal;
                color: #ACACAC;
            }
/*其他页面*/
.otherpage {
    width: 100%;
    height: 100%;
    background: url(../img/opbg.html) no-repeat;
}

    .otherpage ul li {
        position: relative;
        float: left;
        width: 299px;
        height: 220px;
        margin-right: 1px;
        overflow: hidden;
    }

        .otherpage ul li .opbg {
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 50%;
            width: 200%;
            height: 0;
            border-radius: 50%;
            padding: 0 0 200%;
            margin: -100% 0 0 -100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            opacity: 0;
            -webkit-transition: all .3s ease-out 0s;
            -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
            display: none\9;
        }

        .otherpage ul li .opbg01 {
            background: #5D351A url(../img/opbg01.html) no-repeat 50% 50%;
        }

        .otherpage ul li .opbg02 {
            background: #5D351A url(../img/opbg02.html) no-repeat 50% 50%;
        }

        .otherpage ul li .opbg03 {
            background: #5D351A url(../img/opbg03.html) no-repeat 50% 50%;
        }

        .otherpage ul li .opbg04 {
            background: #5D351A url(../img/opbg04.html) no-repeat 50% 50%;
        }

        .otherpage ul li a {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 2;
            width: 299px;
            height: 220px;
        }

        .otherpage ul li:hover .opbg {
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: .9;
            display: block\9;
        }
/*职业介绍*/
.career {
    position: relative;
    width: 620px;
    height: 360px;
    background: url(../img/careerbg.jpg) no-repeat;
}

    .career .cartab {
        z-index: 3;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 240px;
        height: 48px;
        border-bottom: 1px solid #DDD;
    }

        .career .cartab li {
            position: relative;
            float: left;
            width: 80px;
            height: 48px;
            text-align: center;
        }

            .career .cartab li a {
                display: block;
                height: 44px;
                padding-top: 4px;
                line-height: 44px;
                font-size: 16px;
                color: #333;
            }

            .career .cartab li .carline {
                position: absolute;
                left: 0px;
                bottom: 0px;
                display: block;
                width: 0;
                height: 3px;
                background: #B5865C;
                webkit-transition: all .2s linear;
                -moz-transition: all .2s linear;
                -ms-transition: all .2s linear;
                -o-transition: all .2s linear;
                transition: all .2s linear;
                overflow: hidden;
            }

            .career .cartab li.on .carline {
                width: 100%;
            }

    .career .carpart {
        width: 620px;
        height: 360px;
    }

    .career .carbox {
        display: none;
        width: 620px;
        height: 360px;
    }

    .career .carintro {
        position: relative;
        z-index: 2;
        width: 276px;
        padding: 66px 0px 0 24px;
        font-size: 12px;
        color: #666666;
        line-height: 24px;
    }

        .career .carintro h2 {
            height: 52px;
            font-size: 24px;
            color: #895323;
            overflow: hidden;
        }

        .career .carintro p {
            font-size: 12px;
            color: #333333;
            line-height: 24px;
        }

        .career .carintro .carmore {
            float: right;
            display: block;
            width: 70px;
            height: 23px;
            background: url(../img/icon.png) no-repeat -30px 0;
            text-indent: -999px;
            overflow: hidden;
        }

        .career .carintro .carvideo {
            position: relative;
            clear: both;
            display: block;
            width: 150px;
            height: 90px;
            margin-top: 9px;
        }

            .career .carintro .carvideo i {
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -10px 0 0 -8px;
                display: block;
                width: 16px;
                height: 19px;
                background: url(../img/icon.png) no-repeat 0 -64px;
            }

    .career .carole {
        z-index: 1;
        position: absolute;
        right: 0px;
        top: 0px;
    }
/*游戏资料*/
.gamedata {
    width: 540px;
    height: 100%;
    background: #FFF;
    padding: 0 20px;
}

    .gamedata ul li {
        height: 70px;
        padding: 13px 0 6px 0px;
        border-bottom: 1px solid #F1F1F1;
        overflow: hidden;
        vertical-align: middle;
    }

        .gamedata ul li.none {
            border: none;
        }

    .gamedata .gdtit {
        float: left;
        width: 89px;
        padding-right: 10px;
        color: #94593C;
        background-position: -47px -33px;
        text-align: center;
    }

        .gamedata .gdtit i {
            display: block;
            width: 42px;
            height: 42px;
            margin: 0 auto 4px;
            background: url(../img/icon.png) no-repeat;
        }

            .gamedata .gdtit i.i01 {
                background-position: -47px -33px;
            }

            .gamedata .gdtit i.i02 {
                background-position: -47px -75px;
            }

            .gamedata .gdtit i.i03 {
                background-position: -89px -33px;
            }

            .gamedata .gdtit i.i04 {
                background-position: -89px -75px;
            }

    .gamedata .gdlink {
        float: left;
        width: 440px;
        margin-top: 3px;
        border-left: 1px dashed #C9C9C9;
    }

        .gamedata .gdlink a {
            position: relative;
            float: left;
            width: 80px;
            color: #333333;
            line-height: 32px;
            text-align: center;
            padding-left: 10px;
        }

            .gamedata .gdlink a i {
                position: absolute;
                right: 20px;
                top: 13px;
                display: block;
                width: 3px;
                height: 5px;
                background: url(../img/icon.png) no-repeat -138px 0;
                overflow: hidden;
                opacity: 0;
                filter: alpha(opacity=0);
                -webkit-transition: all .3 linear;
                transition: all .3 linear;
                -webkit-transition: all .3s ease-in;
                transition: all .3s ease-in;
            }

            .gamedata .gdlink a:hover {
                color: #B45A1E;
            }

                .gamedata .gdlink a:hover i {
                    right: 10px;
                    opacity: 1;
                    filter: alpha(opacity=100);
                }
/*游戏特色*/
.featurebox {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    overflow: hidden;
}

    .featurebox img {
        display: none;
    }

        .featurebox img.on {
            display: block;
        }

.featureul {
    position: absolute;
    left: 30px;
    top: 62px;
    width: 139px;
    height: 347px;
    background: url(../img/featurebg.png) no-repeat;
    padding-top: 54px;
}

    .featureul li {
        height: 44px;
        line-height: 44px;
    }

        .featureul li a {
            display: block;
            height: 44px;
            padding-left: 18px;
            color: #FFE6BF;
        }

            .featureul li a i {
                float: left;
                width: 10px;
                height: 10px;
                background: url(../img/icon.png) no-repeat -27px -33px;
                margin: 17px 8px 0 0;
                _margin: 15px 8px 0 0;
                overflow: hidden;
            }

        .featureul li.on a i {
            background-position: -27px -43px;
        }
/*视频原画壁纸*/
.video {
    height: 100%;
    overflow: hidden;
}

    .video li {
        float: left;
        width: 400px;
        height: 130px;
    }

        .video li.li01 {
            background: url(../img/video.html) no-repeat right 0;
        }

        .video li.li02 {
            background: url(../img/painting.html) no-repeat right 0;
        }

        .video li.li03 {
            background: url(../img/wallpaper.html) no-repeat right 0;
        }

        .video li a {
            display: block;
            width: 120px;
            height: 100%;
            background: url(../img/videoicon.html) no-repeat center 0;
            color: #FFF;
            line-height: 182px;
            text-align: center;
            -webkit-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
        }

        .video li.li01 a {
            background-color: #AD8761;
            background-position: center 33px;
        }

        .video li.li02 a {
            background-color: #533420;
            background-position: center -98px;
        }

        .video li.li03 a {
            background-color: #825041;
            background-position: center -227px;
        }

        .video li a:hover {
            width: 100%;
        }
/*官方微信*/
.officialwx {
    width: 289px;
    height: 125px;
    border-right: 1px solid #EBEBEB;
    padding: 25px 0 0 40px;
    margin: 8px 0px 12px;
}

    .officialwx img {
        float: left;
        width: 110px;
        height: 110px;
        margin-right: 37px;
    }

    .officialwx h2 {
        padding-top: 11px;
        font-size: 20px;
        font-weight: bold;
        color: #333333;
        line-height: 28px;
    }

    .officialwx span {
        margin-bottom: 9px;
        font-size: 10px;
        color: #D5B9A6;
        line-height: 16px;
    }

    .officialwx p {
        color: #88481E;
        line-height: 20px;
        font-size: 18px;
        padding-top: 5px;
    }
/*官方Q群*/
.officialqq {
    width: 232px;
    height: 118px;
    border-right: 1px solid #EBEBEB;
    padding: 32px 0 0 37px;
}

    .officialqq img {
        float: left;
        width: 48px;
        height: 48px;
        margin-right: 23px;
    }

    .officialqq h2 {
        margin-bottom: 3px;
        font-weight: bold;
        font-size: 20px;
        color: #333;
    }

    .officialqq p {
        color: #88481E;
    }

.sy_box {
    padding-bottom: 18px;
}
/*合作媒体*/
.partner {
    width: 566px;
    height: 148px;
    padding: 22px 0 0 34px;
}

    .partner h2 {
        font-size: 20px;
        font-weight: bold;
        color: #333333;
        line-height: 72px;
    }

    .partner .partnerlist {
        position: relative;
        width: 540px;
        height: 56px;
        overflow: hidden;
    }

        .partner .partnerlist ul {
            position: absolute;
            left: 0px;
            top: 0px;
        }

            .partner .partnerlist ul li {
                float: left;
                width: 115px;
                height: 56px;
                margin-right: 20px;
            }

                .partner .partnerlist ul li a {
                    display: block;
                    width: 115px;
                    height: 56px;
                }

/*二级公共*/
.sContainer {
    overflow: hidden;
}

.sLeft {
    float: left;
    width: 260px;
}

    .sLeft .gamedown {
        margin-bottom: 10px;
        float: none;
    }

    .sLeft .xc {
        width: 260px;
        height: 619px;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
        /*background: url(../img/sXc.jpg) no-repeat;*/
    }

    .sLeft .xc01 {
        background-position: 0 0;
    }

    .sLeft .xc02 {
        background-position: -260px 0;
    }

    .sLeft .xc03 {
        background-position: -520px 0;
    }

    .sLeft .xc a {
        display: block;
        width: 260px;
        height: 190px;
        text-indent: -999px;
        overflow: hidden;
        z-index: 3;
        position: absolute;
        top: 0;
        left: 0;
    }

    .sLeft .xc span {
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        width: 200%;
        height: 0;
        border-radius: 50%;
        padding: 0 0 200%;
        margin: -100% 0 0 -100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        -webkit-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        display: none\9;
    }

    .sLeft .xc01 span {
        background: #773C20 url(../img/sXc01.jpg) no-repeat 50% 50%;
    }

    .sLeft .xc02 span {
        background: #773C20 url(../img/sXc02.jpg) no-repeat 50% 50%;
    }

    .sLeft .xc03 span {
        background: #773C20 url(../img/sXc03.jpg) no-repeat 50% 50%;
    }

    .sLeft .xc:hover span {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: .9;
        display: block\9;
    }

.sRight {
    float: right;
    width: 930px;
    background: #ffffff;
    min-height: 900px;
    /*_height: 880px;*/
}

.sPos {
    background: #96705D;
    height: 60px;
    line-height: 60px;
    padding-left: 36px;
    position: relative;
}

    .sPos h3 {
        font-size: 24px;
        color: #fff4e6;
        height: 60px;
        overflow: hidden;
    }

        .sPos h3 b {
            float: left;
            font-weight: 100;
        }

        .sPos h3 i {
            float: left;
            margin: 21px 14px 0 10px;
            width: 1px;
            height: 20px;
            background: #DFB57D;
            overflow: hidden;
        }

        .sPos h3 span {
            font-size: 14px;
            float: left;
            color: #dfb57d;
            line-height: 64px;
        }

.sTxt {
    position: absolute;
    right: 60px;
    top: 20px;
    height: 26px;
    line-height: 26px;
    color: #fff4e6;
    background: url(../img/sIcon.html) no-repeat 0 10px;
    padding-left: 13px;
}

    .sTxt a {
        color: #fff4e6;
    }

    .sTxt span {
        color: #ffca84;
    }

.sTab {
    overflow: hidden;
}

    .sTab li {
        float: left;
        width: 130px;
        height: 40px;
    }

        .sTab li a {
            display: block;
            width: 130px;
            height: 40px;
            background: url(../img/sTab.png) no-repeat;
            text-align: center;
            line-height: 40px;
            color: #B5865C;
            font-size: 18px;
        }

        .sTab li.on a {
            background-position: 0 -40px;
            color: #fff;
        }

/*游戏资讯-详情页*/
.news_detail {
    padding: 30px 45px;
}

.newsd_tit {
    text-align: center;
    height: 103px;
    border-bottom: 1px solid #DDDDDD;
    font-size: 24px;
    line-height: 44px;
    color: #4d4d4d;
}

    .newsd_tit span {
        display: block;
        font-size: 16px;
        line-height: 38px;
    }

.newsd_txt {
    padding: 43px 20px 0 26px;
    width: 794px;
    line-height: 26px;
    color: #727170;
}

    .newsd_txt p {
        padding-bottom: 26px;
    }

/*游戏资讯-列表页*/
.news_cont {
    padding: 20px 45px;
}

.sTab_news {
    padding-left: 22px;
    height: 59px;
    width: 769px;
}

    .sTab_news li {
        margin-right: 30px;
    }

.news_con li a {
    display: block;
    padding: 10px 88px 10px 22px;
    border-top: 1px solid #DDDDDD;
    position: relative;
    width: 730px;
    overflow: hidden;
    color: #4d4d4d;
    line-height: 26px;
    font-size: 16px;
}

    .news_con li a h4.news_tit {
        overflow: hidden;
        width: 730px;
    }

        .news_con li a h4.news_tit span {
            float: left;
            width: 600px;
        }

        .news_con li a h4.news_tit i {
            font-style: normal;
            float: right;
            color: #727170;
        }

    .news_con li a div.news_txt {
        font-size: 14px;
        padding: 21px 0 0 8px;
        width: 504px;
        height: 49px;
        overflow: hidden;
        color: #727170;
    }

    .news_con li a b.news_arrow {
        display: block;
        width: 14px;
        height: 25px;
        background: url(../img/sNews_icon.html) no-repeat;
        position: absolute;
        left: 778px;
        top: 70px;
        opacity: 0;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
    }

    .news_con li a:hover {
        color: #ac5100;
    }

        .news_con li a:hover h4.news_tit i, .news_con li a:hover p.news_txt {
            color: #ba783a;
        }

        .news_con li a:hover b.news_arrow {
            left: 800px;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
            filter: alpha(opacity=100);
        }
/*分页*/
.page {
    text-align: center;
    padding: 59px 0 50px;
}

    .page a {
        display: inline-block;
        padding: 0 6px;
        color: #888888;
        margin: 0 6px;
        height: 24px;
        line-height: 24px;
        border: 1px solid #fff;
    }

        .page a.page_fh {
            padding: 0 10px;
        }

            .page a.page_fh:hover {
                border: 1px solid #D5AA84;
                color: #d5aa84;
                text-decoration: none;
            }

        .page a:hover, .page a.page_on {
            text-decoration: underline;
            color: #ab5509;
        }

/*游戏资料-列表页*/
.game_list {
    padding: 51px 45px;
}

.game_txt {
    margin-bottom: 49px;
    overflow: hidden;
}

    .game_txt h2 {
        padding: 0 0 0 47px;
        font-size: 20px;
        line-height: 58px;
        color: #b27c63;
        border-bottom: 1px solid #DDDDDD; /*background: url(../img/sGame_icon.jpg) no-repeat;*/
    }

    .game_txt .h2_02 {
        background-position: 0 -58px;
    }

    .game_txt .h2_03 {
        background-position: 0 -116px;
    }

    .game_txt .h2_04 {
        background-position: 0 -174px;
    }

.game_cont {
    overflow: hidden;
}

    .game_cont dt, .game_cont dd {
        float: left;
    }

    .game_cont dt {
        margin: 20px 32px 0 5px;
        width: 100px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 18px;
        color: #8a582b;
        background: url(../img/sGame_icon.html) no-repeat 0 -232px;
        overflow: hidden;
    }

    .game_cont dd {
        margin-top: 20px;
        width: 695px;
        font-size: 16px;
        min-height: 36px;
        line-height: 36px;
        overflow: hidden;
    }

        .game_cont dd a {
            margin-right: 30px;
            display: inline-block;
            color: #645d55;
        }

            .game_cont dd a:hover {
                color: #b55424;
            }

            .game_cont dd a span {
                font-size: 14px;
                color: #b55424;
            }

/*下载中心*/
.sDown {
    padding: 0 45px 110px;
    width: 840px;
}

.sTab_down {
    padding: 40px 0 19px 260px;
    width: 580px;
    border-bottom: 1px solid #ddd;
}

    .sTab_down li {
        margin-right: 60px;
    }

.sDown_tit {
    margin: 50px 0 0 15px;
    color: #4d4d4d;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    background: url(../img/sDown_icon.html) no-repeat 0 0;
    padding-left: 35px;
}

.sDown_txt {
    font-size: 16px;
    line-height: 36px;
    color: #727170;
    padding: 10px 0 30px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    _display: inline-block;
}

    .sDown_txt a {
        margin-left: 20px;
        color: #b27c63;
    }

    .sDown_txt h4 {
        padding: 20px 0 0 20px;
        font-size: 14px;
        color: #969595;
    }

    .sDown_txt p {
        margin-left: 20px;
    }

.sDown_btn {
    position: absolute;
    top: 0px;
    right: 95px;
    display: block;
    text-indent: -999px;
    width: 220px;
    height: 80px;
    overflow: hidden;
    background: url(../img/sDown_btn.html) no-repeat;
}

.sDown_btn01 {
    background-position: 0 0;
}

.sDown_btn02 {
    background-position: -220px 0;
}

.sDown_btn01:hover {
    background-position: 0 -80px;
}

.sDown_btn02:hover {
    background-position: -220px -80px;
}

.sDown_yel {
    color: #b27c63;
    font-size: 16px;
    margin-right: 40px;
}

.sHelp {
    position: absolute;
    top: 82px;
    left: 225px;
    padding-top: 28px;
}

.sHelp_ico {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 8px;
    left: 170px;
    _left: 140px;
    width: 19px;
    height: 19px;
    background: url(../img/sHelp.html) no-repeat;
}

.sHelp_txt {
    background: url(../img/sHelp_bg.html) repeat-y;
    width: 334px;
    min-height: 108px;
    _height: 108px;
    padding: 10px 15px;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
}

    .sHelp_txt a, .sHelp_txt a:hover {
        color: #fff;
        text-decoration: underline;
    }

.sHelp_txt {
    display: none;
}

.sDown_note {
    color: #969595;
    font-size: 14px;
    line-height: 24px;
    width: 612px;
    position: relative;
}

    .sDown_note p {
        padding-left: 24px;
        position: relative;
    }

        .sDown_note p i {
            position: absolute;
            top: 0;
            left: 0;
            *top: -3px;
            _top: -5px;
            _left: -24px;
            font-style: normal;
        }

.sDown_table {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

    .sDown_table tr th {
        height: 50px;
        border-bottom: 1px solid #e4cdc3;
        color: #b27c63;
        font-size: 18px;
    }

    .sDown_table tr td {
        padding: 20px 0 10px;
        color: #4d4d4d;
        font-size: 14px;
    }

        .sDown_table tr td a {
            color: #4d4d4d;
        }

/*视觉盛宴*/
.sTab_vid {
    padding: 40px 0 19px 260px;
    width: 580px;
    border-bottom: 1px solid #ddd;
}

    .sTab_vid li {
        margin-right: 60px;
    }

.vid_tablist {
    padding: 20px 15px 0;
    width: 810px;
    overflow: hidden;
}

.vid_cont {
    display: none;
    width: 810px;
}

    .vid_cont ul {
        overflow: hidden;
        width: 810px;
    }

        .vid_cont ul li {
            position: relative;
            float: left;
            margin: 0 15px 15px 0;
            width: 260px;
            height: 170px;
            overflow: hidden;
            _display: inline;
        }

            .vid_cont ul li a {
                display: block;
                height: 100%;
                width: 100%;
            }

.vid_yh a i {
    background: url(../img/sVid_icon.html) no-repeat;
}
/*游戏原画*/
.vid_yh a b {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.vid_yh a i {
    position: absolute;
    top: 63px;
    left: 109px;
    width: 42px;
    height: 43px;
    background-position: 0 -35px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.vid_yh a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

.vid_yh a:hover b {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.vid_yh a:hover i {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*精美壁纸*/
.vid_cont ul.vid_bz li {
    background: #000;
    filter: alpha(Opacity=100);
    opacity: 1;
}

.vid_bz li a img {
    display: block;
    width: 260px;
    height: 170px;
    -ms-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

    .vid_bz li a img:hover {
        filter: alpha(Opacity=60);
        opacity: 0.6;
    }

.vid_bz li p {
    display: none;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding-left: 30px;
    width: 230px;
    height: 40px;
    overflow: hidden;
}

    .vid_bz li p a {
        float: left;
        margin-right: 20px;
        width: 90px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        color: #391200;
        background: #e4c19f;
        overflow: hidden;
    }

        .vid_bz li p a:hover {
            color: #a65200;
        }

.dSlide .img2 {
    perspective: 1300px;
}

    .dSlide .img2 img {
        transform: rotateY(45deg) perspective(1300px) translateX(-50px) translateY(15px);
    }

.dSlide .img4 {
    perspective: 1300px;
}

    .dSlide .img4 img {
        transform: rotateY(-45deg) perspective(1300px) translateX(50px) translateY(15px);
    }

.adList {
    height: 220px;
}

    .adList ul {
        height: 100%;
    }

        .adList ul li {
            width: 300px;
            float: left;
        }

            .adList ul li.li01 {
                padding-top: 1px;
            }

            .adList ul li.li03 {
                padding-top: 5px;
            }

            .adList ul li.li04 {
                padding-top: 2px;
            }

            .adList ul li a {
                display: block;
                height: 100%;
                position: relative;
                color: #9d674b;
                font-size: 24px;
                font-weight: bold;
            }

                .adList ul li a i {
                    position: absolute;
                    background: url(../img/sy_ico.png) no-repeat;
                    width: 24px;
                    height: 24px;
                    left: 32px;
                    bottom: 47px;
                }

                .adList ul li a:hover i {
                    left: 46px;
                    transition: all 0.4s ease-in-out;
                    -webkit-transition: all 0.4s ease-in-out;
                }

                .adList ul li a span {
                    position: absolute;
                    left: 20px;
                    top: 87px;
                    display: block;
                }

.gamedata {
    position: relative;
}

    .gamedata ul li {
        width: 460px;
    }

    .gamedata .gdlink {
        width: 360px;
    }

.sy_more {
    position: absolute;
    top: 20px;
    right: 20px;
    background: url(../img/sy_moreBg.jpg) no-repeat;
    width: 48px;
    height: 320px;
}

    .sy_more i {
        display: block;
        background: url(../img/sy_more.png) no-repeat;
        width: 28px;
        height: 28px;
        margin: 233px 0 0 10px;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }

    .sy_more:hover i {
        background: url(../img/sy_more.png) no-repeat;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.flashBg {
    position: absolute;
    left: 50%;
    top: 0;
    height: 900px;
    z-index: 1;
    width: 1920px;
    margin-left: -960px;
}

.dyLogo {
    position: absolute;
    display: block;
    left: 0;
    top: 10px;
}

.qdTc {
    width: 375px;
    height: 173px;
    position: relative;
    display: none;
}

.qdClose {
    width: 39px;
    height: 39px;
    background: url(../img/qd_close.html) no-repeat;
    position: absolute;
    top: 0;
    right: -49px;
}

.dyTop li a.a04 {
    background: url(../img/dy_sina.html) no-repeat;
}

    .dyTop li a.a04:hover {
        background-position: 0 -50px
    }

.nav .menulist li.sina {
    width: 40px;
    height: 40px;
    padding-left: 43px;
}

    .nav .menulist li.sina a {
        display: block;
        width: 40px;
        height: 40px;
        background: url(../img/icon.png) no-repeat -91px -127px;
    }

.nav.on .menulist li.sina a {
    background-position: -91px -167px;
}

/*特色视频*/
.vwrap {
    background: url(../img/sdsg_vBg_01.html) repeat-y 50% 0;
    min-width: 996px;
}

    .vwrap .main {
        width: 996px;
        position: relative;
        overflow: hidden;
    }

.vwrapT {
    background: url(../img/sdsg_vBg.html) no-repeat 50% 0;
}

.h1829 {
    height: 1829px;
}

.vNav {
    font-size: 14px;
    padding: 26px 15px 0 0;
    text-align: right;
}

    .vNav a {
        color: #000;
        margin: 0 4px;
    }

.vpart01 {
    padding-top: 264px;
    height: 400px;
    overflow: hidden;
}

.vPlay {
    width: 575px;
    float: left;
}

.vBtn {
    width: 421px;
    float: left;
    height: 400px;
    background: #c0cbdd;
}

    .vBtn li {
        cursor: pointer;
        padding: 10px 13px;
        height: 80px;
        width: 395px;
        position: relative;
        color: #4b4a4a;
        font-size: 14px;
        float: left;
    }

.vmb {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    width: 421px;
    height: 100px;
    background: url(../img/sdsg_onBg.html) no-repeat;
}

.vleft {
    width: 155px;
    height: 80px;
}

.vright {
    position: absolute;
    left: 187px;
    top: 12px;
    width: 215px;
}

    .vright h3 {
        color: #333;
        padding-left: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        background: url(../img/sdsg_vPlay.html) no-repeat 0 2px;
    }

    .vright p {
        line-height: 22px;
        padding-top: 10px;
    }

.vBtn li.on .vmb {
    display: block;
}

.vBtn li.on {
    background: #42577a;
    color: #e1e1e1;
}

    .vBtn li.on h3 {
        color: #fff;
        background-position: 0 -19px;
    }

.vpart02 h3 {
    position: relative;
}

    .vpart02 h3 a {
        position: absolute;
        font-size: 18px;
        color: #9c4f5e;
        top: 59px;
        left: 242px;
    }

.vtit01 {
    height: 123px;
}

.vtit02 {
    height: 123px;
}

.vpart02 h3.vtit02 a {
    left: 207px
}

.vtit03 {
    height: 124px;
}

.vVideo {
    overflow: hidden;
    width: 996px;
}

    .vVideo li {
        width: 324px;
        float: left;
        margin-left: 12px;
        overflow: hidden;
        height: 198px;
    }

        .vVideo li.nom {
            margin-left: 0;
        }

        .vVideo li a {
            display: block;
            height: 198px;
            width: 324px;
            position: relative;
            z-index: 1;
            background: #000;
            filter: alpha(opacity=100);
            opacity: 1;
            transition: all 0.3s ease-in 0s;
        }

            .vVideo li a span {
                zoom: 1;
                display: block;
                width: 258px;
                color: #fcfcff;
                font-size: 16px;
                padding-left: 66px;
                position: absolute;
                left: 0;
                bottom: 0;
                z-index: 99;
                height: 47px;
                line-height: 47px;
                zoom: 1;
                background: url(../img/sdsg_vtitBg.html) no-repeat 0 -47px;
            }

            .vVideo li a i {
                display: none;
            }

            .vVideo li a:hover img {
                position: relative;
                z-index: -1;
                display: block;
                filter: alpha(opacity=80);
                _filter: normal;
                opacity: 0.8;
                transition: all 0.3s ease-in 0s;
            }

            .vVideo li a:hover i {
                display: block;
                transition: all 0.3s ease-in 0s;
                z-index: 99;
                width: 54px;
                height: 54px;
                position: absolute;
                left: 135px;
                top: 53px;
                background: url(../img/sdsg_vBtn.html) no-repeat;
            }

            .vVideo li a:hover span {
                display: block;
                transition: all 0.3s ease-in 0s;
                width: 258px;
                background-position: 0 0;
            }
/*特色视频 二级*/
.vTab {
    height: 105px;
    width: 507px;
    background: url(../img/sdsg_vTab.html) no-repeat;
}

    .vTab li {
        width: 169px;
        float: left;
    }

        .vTab li a {
            display: block;
            height: 105px;
        }

        .vTab li.on a {
            background: url(../img/sdsg_vTab.html) no-repeat;
        }

            .vTab li.on a.a01 {
                background-position: 0 -105px;
            }

            .vTab li.on a.a02 {
                background-position: -169px -105px;
            }

            .vTab li.on a.a03 {
                background-position: -338px -105px;
            }

.vBox {
    min-height: 1000px;
    _height: 1000px;
    padding-bottom: 104px;
}

    .vBox .vpart02 {
        padding-top: 300px;
    }

    .vBox .vVideo {
        padding-top: 22px;
    }

        .vBox .vVideo li {
            margin-bottom: 17px;
        }

    .vBox .vVideo {
        display: none;
    }

        .vBox .vVideo.on {
            display: block;
        }
/*特色视频 分页*/
.pagination {
    text-align: center;
    padding-top: 63px;
    height: 32px;
    overflow: hidden;
}

.item, .up, .next, .total, .fir, .las {
    _float: left;
    font-style: normal;
    margin-left: 5px;
    display: inline-block;
    padding: 7px 10px;
}

.pagination .item {
    cursor: pointer;
    color: #666;
    background: #fff;
    border: 1px solid #b9c0cc;
}

    .pagination .up, .pagination .next, .pagination .item.on, .fir, .las {
        cursor: pointer;
        background: #5aa2c9;
        padding: 8px 10px;
        color: #fff;
        border: none;
    }

.pagination .disabled, .pagination .disabled {
    background: #ccc;
}


.part07 {
    height: 130px;
    background: url(../img/lb_bg.html) no-repeat;
    padding-left: 120px;
}

    .part07 ul {
        overflow: hidden;
        background: #fff;
    }

        .part07 ul li {
            float: left;
            width: 216px;
            height: 100%;
        }
