.fl {
    float: left
}

.mt10 {
    margin-left: 10px;
}

.ml10 {
    margin-left: 10px;
}

.ml50 {
    margin-left: 50px;
}

.clearfix {
    zoom: 1
}

.warp {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.microHei {
    font-family: "Microsoft YaHei"
}

#header {
    background: url(../image/brief_01.jpg) top repeat-x;
    height: 80px;
    width: 100%;
    overflow: hidden
}

#header a.fl {
    height: 80px
}

#Version {
    width: 100%;
    height: 950px;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin: 0 auto;
    z-index: -2;
    margin-bottom: -115px;
}

#Flash {
    width: 1920px;
    height: 950px;
    position: absolute;
    left: 50%;
    margin: 0 auto -272px -960px;
    z-index: 0;
    z-index: 99999;
}

/* #Headers {
    margin: 0 auto -290px -960px;
    width: 1920px;
    height: 900px;
    position: relative;
    left: 50%;
    margin-left: 50px;
    line-height: 0px; 
    z-index: -1;
} */

#header .ban {
    float: right;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .9
}

#header #demo {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    width: 800px;
    color: #FFF;
    white-space: nowrap;
    float: left;
    margin-top: 10px;
    font-size: 24px;
    margin-left: 0;
    padding-left: 30px
}

#header #demo2 {
    width: 500px
}

.hao123 {
    width: 260px;
    height: 20px;
    top: 3px;
    left: 50%;
    margin-left: 400px;
    filter: alpha(opacity=20);
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .2;
    position: absolute;
    z-index: 55
}

. .ml10 {
    margin-left: 10px;
}

.m3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 0px;
    margin-top: 10px;
    position: relative;
    z-index: 180;
}

.uz16_top {
    width: 1263px;
    height: 10px;
    margin: 0 auto;
    background: url(../images/img2.png) center no-repeat;
    margin-top: 10px;
}

.uz16_foot {
    width: 1263px;
    height: 10px;
    margin: 0 auto;
    background: url(../images/img5.png) center no-repeat
}

.uz16_zb {
    width: 1239px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 0px 12px 00px 12px;
    background: url(../images/img3.png) repeat-y
}

.uz16_zb_4 {
    width: 305px;
    height: auto;
    overflow: hidden;
    float: left;
    background: #24252b;
    position: relative;
    border: #974b2b 2px solid
}

.uz16_zb_4_t {
    width: 305px;
    height: 47px;
    float: left;
    background: url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;
    line-height: 47px;
    color: #3d2a13;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-bottom: #974b2b 4px solid
}

.uz16_zb_4_d {
    width: 305px;
    height: 2px;
    float: left;
    background: #974b2b;
    position: relative
}

.uz16_zb_4 .role-itemst {
    width: 305px;
    height: auto;
    float: left;
    position: relative;
}

.uz16_zb_4 .role-itemst img {
    width: 305px;
    height: auto;
    overflow: hidden;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.uz16_zb_4 .role-itemst img:hover {
    width: 315px;
    height: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 0px;
}

.uz16_zb_3 {
    width: 402px;
    height: auto;
    overflow: hidden;
    float: left;
    background: #24252b;
    position: relative;
    border: #974b2b 2px solid
}

.uz16_zb_3_t {
    width: 402px;
    height: 47px;
    float: left;
    background: url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;
    line-height: 47px;
    color: #3d2a13;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-bottom: #974b2b 4px solid
}

.uz16_zb_3_d {
    width: 402px;
    height: 2px;
    float: left;
    background: #974b2b;
    position: relative
}

.uz16_zb_3 .role-itemst {
    width: 402px;
    height: auto;
    float: left;
    position: relative;
}

.uz16_zb_3 .role-itemst img {
    width: 402px;
    height: auto;
    overflow: hidden;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.uz16_zb_3 .role-itemst img:hover {
    width: 419px;
    height: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 0px;
}

.uz16_zb_2 {
    width: 615px;
    height: auto;
    overflow: hidden;
    float: left;
    background: #24252b;
    border: #974b2b 2px solid
}

.uz16_zb_2_t {
    width: 615px;
    height: 47px;
    float: left;
    background: url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;
    ;
    line-height: 47px;
    color: #3d2a13;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-bottom: #974b2b 4px solid
}

.uz16_zb_2_d {
    width: 615px;
    height: 2px;
    float: left;
    background: #974b2b;
    position: relative
}

.uz16_zb_2 .role-itemst {
    width: 615px;
    height: auto;
    float: left;
    position: relative;
}

.uz16_zb_2 .role-itemst img {
    width: 615px;
    height: auto;
    overflow: hidden;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.uz16_zb_2 .role-itemst img:hover {
    width: 625px;
    height: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 0px;
}

.uz16_zb_1 {
    width: 1235px;
    height: auto;
    overflow: hidden;
    float: left;
    background: #24252b;
    border: #974b2b 2px solid
}

.uz16_zb_1_t {
    width: 1235px;
    height: 47px;
    float: left;
    background: url(../images/icon_jpg_d03297f.jpg) no-repeat #fffbf8;
    ;
    line-height: 47px;
    color: #3d2a13;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-bottom: #974b2b 4px solid
}

.uz16_zb_1_d {
    width: 1235px;
    height: 2px;
    float: left;
    background: #000000;
    position: relative
}



#headers {
    margin: 0 auto 0 -800px;
    width: 1920px;
    /* height: 980px; */
    position: absolute;
    left: 50%;
    margin-left: -50%;
    /* z-index: 99999; */
    /* margin-top: -7px; */
}

#menu {
    float: right;
    width: 845px;
    height: 82px;
}

#menu ul {
    float: left;
}

#menu ul li {
    float: left;
    margin-left: 28px;
    display: inline;
}

#menu ul li a {
    float: left;
    width: 134px;
    height: 82px;
    line-height: 29px;
    text-align: center;
    font-size: 19px;
    color: #FFF;
    padding-top: 15px;
    background: url(../image/menu_bg.jpg) no-repeat left -85px;
    transition: background-position 0.2s ease-in;
}

#menu ul li.change a,
#menu ul li a:hover {
    text-decoration: none;
    background-position: left 0;
}

#menu ul li a span {
    line-height: 15px;
    font-size: 11px;
    font-family: 'times new roman', times, serif;
    color: #FFF;
    display: block;
}