.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:800px; color:#000;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:20px;}
.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:900px;position:relative;overflow:hidden; margin-top:113px;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
#Header{margin:0 auto -290px -960px;width:1920px;height:900px;position:absolute;left:50%;}
.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:-520px;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:-760px; width:80px; height:100px; z-index:1000000;}

/*a12*/
#Download{width: 280px;height: auto; overflow:hidden;margin-bottom: 16px; float:right; }
#Download .box{width: 280px;height: 149px;overflow: hidden;background:#fff;display: block}
#Download .box:hover{background-position: right top}
#Download h3{height: 90px;visibility: hidden}
#Download p{line-height: 19px;text-align: center}
#Download p a{color: #fff;margin-right: 14px}
#Download ul{float: left; width:280px;line-height: 42px; margin-left:15px;}
#Download ul li{float: left; width:124px; margin:0px 0px 2px 3px}
#Download ul li a{width: 124px;text-align: center;color: #fff;display: block;background: url(../images/a_bg3.png) repeat left top; height:42px;}
#Download ul li a:hover{font-weight: bold;color: #faf805;text-decoration: none;background: url(../images/a_bg3.png) no-repeat -126px 0px;}


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

/*a13*/
.m3_div { margin:0 auto; width:1200px; overflow:hidden; margin-bottom:50px;}
.m3_zb { width:1200px; height:auto; overflow:hidden;  margin:0 auto; padding:10px 00px 00px 00px ;}

.m3_zb_3 { width:369px;  height:auto;  padding:20px 10px 10px 10px;float:left;   background:#2a0e06  url(../images/img03.png) left top no-repeat; border:#413620 2px solid; position:relative; }
.in01 { position:absolute; width:371px; height:35px; background:url(../images/icon02.png) no-repeat; top:0px;  left:50px;}
.m3_zb_3 .role-itemsy { width: 370px; height: auto; float: left; position: relative; }
.m3_zb_3 .role-itemsy img { width:365px; height:auto; overflow:hidden; margin-top:10px;  border:#413620 2px solid;border-radius:15px;}
.m3_zb_3 .role-itemsy .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_3 .role-itemsy .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_3 .role-itemsy .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsy:hover .role-dec { top:0px; left:0px; }


.m3_zb_2 { width:572px;  height:auto; padding:20px 10px 10px 10px;float:left;   background:#2a0e06  url(../images/img03.png) left top no-repeat; border:#413620 1px solid; position:relative; }
.in02 { position:absolute; width:572px; height:35px; background:url(../images/icon02.png) no-repeat; top:0px; left:150px;}
.m3_zb_2 .role-itemsk { width: 570px; height: auto; float: left; position: relative; }
.m3_zb_2 .role-itemsk img { width:565px; height:auto; overflow:hidden; margin-top:10px;  border:#4136201 2px solid;border-radius:15px;}
.m3_zb_2 .role-itemsk .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_2 .role-itemsk .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_2 .role-itemsk .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }


.m3_zb_1 { width:1178px;  height:auto;  padding:20px 10px 10px 10px;float:left;   background:#2a0e06  url(../images/img03.png) left top no-repeat; border:#413620 1px solid; position:relative; margin-bottom:10px}
.in03 { position:absolute; width:1180px; height:35px; background:url(../images/icon02.png) no-repeat; top:0px; left:455px;}
.m3_zb_1 .role-itemsk { width: 1180px; height: auto; float: left; position: relative; }
.m3_zb_1 .role-itemsk img { width:1170px; height:auto; overflow:hidden; margin-top:10px;  border:#413620 2px solid;border-radius:15px;}
.m3_zb_1 .role-itemsk .role-dec { position: absolute; width: 100%; height: 100%; left: -300%; transition: all 0.5s; }
.m3_zb_1 .role-itemsk .role-dec-bg { width: 100%; height: 100%; position: absolute; top:0px; left:0; background-color: #000; opacity: 0.7; }
.m3_zb_1 .role-itemsk .role-dec-cont { padding: 18px; color: #FFFFFF; position: absolute; line-height: 24px; }
.role-itemsk:hover .role-dec { top:0px; left:0px; }

/*top*/
 .nav-wrap{position:absolute;top:0;left:0;width:100%;height:114px;z-index:2;background:url(../images/nav_bg_ceca5f5.png) no-repeat top center}
 .nav-wrap .logo-wrap{width:1200px;margin:0 auto;position:relative;display:block;height:114px}
 .nav-wrap .logo-wrap .logo{position:absolute;left:-50px;top:0px;display:block;width:200px;height:100px;background:url(../images/bomlogo.png) no-repeat;z-index:10;text-indent:-99999px}
.nav-wrap .logo-wrap .gw{position:absolute;right:0;top:30px;width:1000px;height:40px}
.nav-wrap .logo-wrap .gx{font-size:24px;line-height:30px;color:#9c9474;position:absolute;top:32px;left:315px}
 .nav-wrap .logo-wrap .gx .tn-steps-txt{font-size:14px;line-height:30px;color:#9c9474;text-align:right;position:absolute;right:0;bottom:-30px;width:250px}
.nav-wrap .logo-wrap .gx .tn-steps-txt em{font-style:normal}
.nav-wrap .gw .enter{width:125px;height:40px;background:url(../images/down1.png) no-repeat;float:left;text-indent:-99999px;margin-left:20px}
 .nav-wrap .gw .downl{width:125px;height:40px;background:url(../images/down1.png) -133px top no-repeat;float:left;text-indent:-99999px;margin-left:20px}
 .nav-wrap .gw .enter:hover{background:url(../images/down2.png) no-repeat}
 .nav-wrap .gw .downl:hover{background:url(../images/down2.png) -133px top no-repeat}

.nav-wrap .gx .enter{width:125px;height:40px;background:url(../images/gw_bg_1aad5fb.png) no-repeat;float:left;text-indent:-99999px}
 .nav-wrap .gx .downl{width:125px;height:40px;background:url(../images/gw_bg_1aad5fb.png) -133px top no-repeat;float:right;text-indent:-99999px}
 .nav-wrap .gx .enter:hover{background:url(../images/gw_bgh_4e3f689.png) no-repeat}
 .nav-wrap .gx .downl:hover{background:url(../images/gw_bgh_4e3f689.png) -133px top no-repeat}

.area1{background-image:url(../images/bg1v1.jpg);position:relative;z-index:2;}
.area1 .main{height:120px;background-image:url(../images/bg1v1.jpg);}

.logo{position:absolute;left:-58px;top:12px;width:200px;height:100px;line-height:310px;overflow:hidden;background:url(../images/bomlogo.png) no-repeat;}
.paynews{position:absolute;top:0;width:134px;height:120px;overflow:hidden; color:#FFF; line-height:120px; font-size:24px; text-align:center; font-weight:bold;text-decoration:none;}
.paynews1{left:330px;}
.paynews2{left:464px;}
.paynews3{left:598px;}
.paynews5{left:732px;}
.paynews6{left:866px;}
.paynews:hover{-webkit-transition:opacity .2s; background:#000;text-decoration:none;}
.paynews4{position:absolute;top:0;left:-10px;width:120px; z-index:155555;}
.paynews4 i{position:absolute;top:0;margin-top:-15px;left:0;width:120px;height:195px;overflow:hidden;background:url(../images/spr.png) no-repeat ;cursor:pointer;z-index:155555;}
.paytyu02 { position:absolute; top:30px; right:-80px;}
/*top---*/