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

/*top*/

.clearfix{zoom:1}
.warp{width: 1200px; margin-left: auto; margin-right: auto;}
.microHei{font-family:"Microsoft YaHei"}


#Version{width:100%;height:900px;position:relative;overflow:hidden;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:900px;position:relative;left:50%;}

/*header*/
.top_logo { position:fixed; top:-30px; left:50%; margin-left:-720px; width:235px; height:235px; background:url(../images/top_logo.png); z-index:1000;}
#header{background:url(../images/brief_01.jpg) repeat-x;height: 80px;padding-top: 0; width:100%;}
#header a.fl{height: 80px}
#header .ban { float:right; width:60px; height:60px; margin-top:20px;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:#d2d2ca;white-space:nowrap;float:left;margin-top:10px;font-size:24px;margin-left:150px;}
.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:-500px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:absolute;z-index:55;}

.g_fl{width:264px;height:740px;position:absolute;left:30px;top:-733px; z-index:100;background:url(../images/g_flBg.png) 1px top no-repeat; transition:all ease-in 1s; -ms-transition:all ease-in 1s; -moz-transition:all ease-in 1s; -webkit-transition:all ease-in 1s;}
.fl_btn1{width:264px;height:107px; float:left; margin-top:18px;}
.fl_btn1 a{width:264px;height:107px; float:left;}
.fl_btn1 a:hover{background:url(../images/fl_btn1C.png) left top no-repeat;}
.fl_btn2{width:264px;height:107px; float:left;}
.fl_btn2 a{width:264px;height:107px; float:left;}
.fl_btn2 a:hover{background:url(../images/fl_btn2C.png) left top no-repeat;}
.fl_btn3{width:264px;height:107px; float:left;}
.fl_btn3 a{width:264px;height:107px; float:left;}
.fl_btn3 a:hover{background:url(../images/fl_btn3C.png) left top no-repeat;}
.fl_btn4{width:264px;height:107px; float:left;}
.fl_btn4 a{width:264px;height:107px; float:left;}
.fl_btn4 a:hover{background:url(../images/fl_btn4C.png) left top no-repeat;}
.fl_closeBtn{width:264px;height:107px; float:left;}
.fl_closeBtn a{width:264px;height:107px; float:left;}

.m3 { width:100%; height:auto; overflow:hidden; padding-bottom:30px; margin-top:-30px; padding-bottom:50px;}


.m3_zb { width:1010px; height:auto; overflow:hidden;  margin:0 auto; padding:20px 00px 00px 00px ;  }



.m3_zb_3 { width:325px;  height:auto; overflow:hidden;  float:left; border:#966a2b 2px solid; border-radius:15px; background:#1c1412;}
.m3_zb_3 .role-itemsy { width: 285px; height: auto; float: left; position: relative;  margin-left:20px; margin-top:10px; margin-bottom:10px;}
.m3_zb_3 .role-itemsy img { width:285px; height:auto; overflow:hidden; border-radius:10px;padding-bottom:10px;}
.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;text-shadow:1px 5px 10px #580404;color:#c2a269; position: absolute; line-height: 24px;font-size:16px ;cursor:pointer }
.role-itemsy:hover .role-dec { top:0px; left:0px; }