﻿
.mt10{margin-left:12px;}
.ml50{margin-left:50px;}
.clearfix{zoom:1}
.warp{width:1200px;margin-left:auto;margin-right:auto;}
.microHei{font-family:"Microsoft YaHei"}
#header{background:url(../images/brief_01.jpg) repeat-x;height:61px;padding-top:0;width:100%; position:relative}
.top_logo { position:absolute; top:20px; left:0px; width:200px; height:100px; background:url(../images/bomlogo.png); z-index:1000;}
#header a.fl{height:65px}
#header .ban{float:right;width:50px;height:50px;margin-top:10px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
#header #demo{overflow:hidden;height:50px;line-height:50px;width:900px; color:#efe8e8;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:150px;}
.an_buut{position:fixed;width:235px;height:235px;background:url(../images/logo.png) no-repeat;z-index:10;left:50%;margin-left:-800px;z-index:100000;margin-top:-20px}
.an_buut img{margin-left:30px;margin-top:10px;}
.all_btn{display:block;background:url(../images/t0150d8cf4d6c98f28f.png) no-repeat}
#Version{width:100%;height:750px;position:relative;overflow:hidden;}
#Flash{width:1920px;height:750px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
#Header{margin:0 auto -290px -960px;width:1920px;height:750px;position:absolute;left:50%;}
.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:-560px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:absolute;z-index:55;}
.kv-music { position:fixed; top:0px; left:50%; margin-left:-600px; width:80px; height:100px; z-index:1000000;}



.m3{width:100%;height:auto;overflow:hidden;padding-bottom:10px; margin-top:-240px;position:relative;z-index:5000;}
.bailu123_zb{width:1062px;height:auto;overflow:hidden;margin:0 auto;padding:0px 00px 00px 00px;padding-top:00px;margin-top:20px; padding-left:65px;}
.bailu123_zb_3{width:305px;height:auto;overflow:hidden;float:left;background:#1c1316;position:relative; border:#3a3132 2px solid}
.bailu123_zb_3_t{width:305px;height:70px;float:left;background:url(../images/adv_list.jpg);line-height:70px;color:#ccbcc4;text-align:center;font-size:19px;font-weight:bold; border-bottom:#1c1316 1px solid}
.bailu123_zb_3_d{width:305px;height:10px;float:left;background:url(../images/adv_list.jpg);position:relative}
.bailu123_zb_3 .role-itemst{width:285px;height:auto;float:left;position:relative;padding:5px  10px  5px 10px;}
.bailu123_zb_3 .role-itemst img{width:275px;height:310px;overflow:hidden;display:block;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:5px;}
.bailu123_zb_3 .role-itemst img:hover{width:285px;height:315px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;padding-bottom:4px;}
.bailu123_zb_2{width:490px;height:auto;overflow:hidden;float:left;background:#1c1316;border:#3a3132 2px solid}
.bailu123_zb_2_t{width:490px;height:70px;float:left;background:url(../images/adv_list.jpg);line-height:70px;color:#ccbcc4;text-align:center;font-size:19px;font-weight:bold;border-bottom:#1c0e0d 1px solid}
.bailu123_zb_2_d{width:465px;height:10px;float:left;background:url(../images/adv_list.jpg);position:relative}
.bailu123_zb_2 .role-itemst{width:445px;height:auto;float:left;position:relative;padding:5px  10px  5px 10px;}
.bailu123_zb_2 .role-itemst img{width:462px;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;padding:5px;}
.bailu123_zb_2 .role-itemst img:hover{width:465px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;padding-bottom:4px;}
.bailu123_zb_1{width:993px;height:auto;overflow:hidden;float:left;background:#1c1316;border:#3a3132 2px solid}
.bailu123_zb_1_t{width:993px;height:40px;float:left;background:url(../images/adv_list.jpg) no-repeat left #1c1316;line-height:50px;color:#ccbcc4;text-align:center;font-size:19px;font-weight:bold;border-bottom:#1c0e0d 1px solid}
.bailu123_zb_1_d{width:993px;height:10px;float:left;background:url(../images/adv_list.jpg);position:relative}
.bailu123_zb_1 .role-itemst{width:993px;height:auto;float:left;position:relative;padding:5px  20px  5px 20px;}
.bailu123_zb_1 .role-itemst img{width:936px;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;border:#000 10px solid}
.bailu123_zb_1 .role-itemst img:hover{width:933px;height:auto;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:0px;padding-bottom:8px;}

.navlogo,.nav-box,.tj-btn {overflow: hidden }
.navlogo,.nav,.tj-btn {display: block }
.nav-box {position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+100)); background-repeat: no-repeat; margin: 0; padding: 0; z-index:1000099999; background-position: center; background-image: url(../images/nav-box.jpg); background-color: transparent; width: 162px; height: 567px; top: 30%; right: 10px }
.nav-box-2 {background-image: url(../images/nav-box-2.jpg); width: 146px; height: 519px }
.nav-box-2 .logo {height: 128px }
.nav-box-2 .nav {width: 117px; margin-bottom: 9px }
.nav-box-2 .active,.nav-box-2 .nav:hover {width: 121px }
.nav-box-2 .tj-btn {width: 100%; height: 96px; background: url(../images/goto-2.png) center no-repeat }
.nav-box-2 .tj-btn:hover {background-image: url(../images/goto-2-hover.png) }
.nav {text-align: center; width: 130px; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 12px; color: #8b8b8b; background: url(../images/icon-1.png) center right no-repeat; -webkit-transition: .2s; transition: .2s }
.nav.active,.nav:hover {background: url(../images/icon-2.png) center right no-repeat; width: 134px; color: #d1ac5c }
.nav:hover {text-decoration: none }
.navlogo {width: 150px; height: 120px; margin-top:30px;margin-left:5px}
.tj-btn {position: absolute; bottom: 0; left: 0; width: 162px; height: 106px; background: url(../images/goto.png) center no-repeat; text-indent: -99999px }
.tj-btn:hover {background-image: url(../images/goto-hover.png) }


