
.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:#000;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:1096px;position:relative;overflow:hidden;padding-top:120px}
#Flash{width:1920px;height:1096px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
#Header{margin:0 auto -290px -960px;width:1920px;height:1096px;position:absolute;left:50%;}
.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:100px;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:10px; left:50%; margin-left:500px; width:100px; height:100px; z-index:1000000;}




.m3{width:100%;height:auto;overflow:hidden;padding-bottom:10px; margin-top:-180px; position:relative; z-index:180; padding-top:5px; background:url(../images/ing.png) no-repeat top}
.bailu123_zb{width:1140px;height:auto;overflow:hidden;margin:0 auto;padding:0px 00px 00px 00px;padding-top:00px;margin-top:20px; }
.bailu123_zb_3{width:372px;height:auto;overflow:hidden;float:left;background:url(../images/zb_3_z.png) repeat-y;position:relative; }
.bailu123_zb_3_t{width:372px;height:47px;float:left;background:url(../images/zb_3_t.png)  no-repeat;line-height:47px;color:#fff;text-align:center;font-size:16px;font-weight:bold; padding-top:10px}
.bailu123_zb_3_d{width:372px;height:34px;float:left;background:url(../images/zb_3_d.png)  repeat;position:relative}
.bailu123_zb_3 .role-itemst{width:352px;height:auto;float:left;position:relative;padding:5px  10px  5px 10px;}
.bailu123_zb_3 .role-itemst img{width:345px;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_3 .role-itemst img:hover{width:352px;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_2{width:562px;height:auto;overflow:hidden;float:left;background:url(../images/zb_2_z.png) repeat-y;}
.bailu123_zb_2_t{width:562px;height:47px;float:left;background:url(../images/zb_2_t.png)  no-repeat;line-height:47px;color:#fff;text-align:center;font-size:16px;font-weight:bold;padding-top:10px}
.bailu123_zb_2_d{width:562px;height:34px;float:left;background:url(../images/zb_2_d.png)  repeat;position:relative}
.bailu123_zb_2 .role-itemst{width:532px;height:auto;float:left;position:relative;padding:5px  10px  5px 10px;}
.bailu123_zb_2 .role-itemst img{width:522px;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:522px;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:1138px;height:auto;overflow:hidden;float:left;background:url(../images/zb_1_z.png) repeat-y}
.bailu123_zb_1_t{width:1138px;height:47px;float:left;background:url(../images/zb_1_t.png) no-repeat;line-height:47px;color:#fff;text-align:center;font-size:16px;font-weight:bold; padding-top:10px}
.bailu123_zb_1_d{width:1138px;height:34px;float:left;background:url(../images/zb_1_d.png)  repeat;position:relative}
.bailu123_zb_1 .role-itemst{width:1088px;height:auto;float:left;position:relative;padding:5px  20px  5px 20px;}
.bailu123_zb_1 .role-itemst img{width:1088px;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:10px;}
.bailu123_zb_1 .role-itemst img:hover{width:1088px;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;}


 .fixtop{position:fixed; left: 0px; width: 100%; background: url(../images/daoh.png) no-repeat 50% 0;border-bottom: 2px solid #ae0e0c;z-index: 999;}
            .fixtopon{position: fixed;top:0px;left: 0px; height: 121px; width: 100%; background: url(../images/daoh.png) no-repeat 50% 0;border-bottom: 2px solid #ae0e0c;z-index: 999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop + 0));}
            .daohang{width: 998px;margin:0 auto;height: 121px; color:#b6ad78; }
              @media screen and (-webkit-min-device-pixel-ratio:0){.daohang{width: 1000px;margin:0 auto;height: 121px;}}
            .y0,.y1,.y3,.y4{width: 154px;height: 121px;float: left; color:#bdae97; font-weight:bold;font-size:20px;  text-align:center; line-height:141px;}
            .y2{width: 155px;height: 121px;float: left; color:#bdae97; font-weight:bold;font-size:20px;  text-align:center; line-height:141px;}
           
            .y0 a,.y1 a,.y3 a,.y4 a{display: block;width: 154px;height: 121px;  color:#bdae97; text-indent:20px;}
             .y2 a{display: block;width: 155px;height: 121px;  color:#bdae97; text-indent:20px;}
            
           
           
            .y0 a:hover{background: url(../images/hover1.jpg) no-repeat ; color:#ce001e; }
            .y1 a:hover{background: url(../images/hover2.jpg) no-repeat ;  color:#ce001e;}
            .y2 a:hover{background: url(../images/hover3.jpg) no-repeat ;  color:#ce001e;}
            .y3 a:hover{background: url(../images/hover4.jpg) no-repeat ;  color:#ce001e;}
            .y4 a:hover{background: url(../images/hover5.jpg) no-repeat ;  color:#ce001e;}
          
           
           
            .guan{float: left;width: 200px;height: 100px; background:url(../images/bomlogo.png); margin-left:-100px; margin-top:10px;text-indent:20000px}
            .guan a{display: block;width: 200px;height: 100px;}
            .dow{float: left;width: 80px;height: 121px;text-indent: -9999px;}
            .dow a{display: block;width: 80px;height: 121px;}
	    .xiaoshan { width:50px; height:50px; margin-right:40px;  margin-top:40px; float:right}

/****-*/

.music-widget-wrap{left: -150px;top:50px;width: 100px;position: absolute; z-index:1000;}
.music-widget{position: absolute;right: 0;top: 0}
.music-widget:after{content: '.';display: block;height: 0;visibility: hidden;clear: both;overflow: hidden}
.music-widget .circle{float: left;margin-top: -6px;display: block;width: 32px;height: 32px;position: relative;background-repeat: no-repeat}
.music-widget .circle span{float: left;display: block;width: 4px;height: 15px;background: #e23a3f;position: absolute;bottom: 8px}
.music-widget .circle .col-1{height: 9px;left: 8px}
.music-widget .circle .col-2{height: 12px;left: 14px}
.music-widget .circle .col-3{height: 15px;left: 20px}
.music-widget .text{float: left;margin-left: 10px;color: #fff;font-size: 14px;font-weight: 400; background:#F00; }
.music-widget.muted .circle{background-repeat: no-repeat}
.music-widget.muted .circle span{visibility: hidden}
.music-widget .circle{background-position: 0 0}
.music-widget.muted .circle{background-position: -32px 0}
.music-widget.muted .circle,.music-widget .circle{background-size: 64px 32px;background-image: url(../images/music.png)}


