﻿.fl{float:left}
.fr{float:right}
.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:fixed; top:0px; left:50px; width:235px; height:235px; background:url(../images/top_logo.png); z-index:1000;}
#header a.fl{height:65px}
#header .ban{float:right;width:50px;height:50px;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:1000px; color:#da9e6f;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;}

#Version{width:100%;height:850px;position:relative;overflow:hidden;}
#Flash{width:1920px;height:850px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:50;}
#Header{margin:0 auto -290px -960px;width:1920px;height:850px;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;}


.mzb{width:100%;height:auto;overflow:hidden;padding-bottom:10px; position:relative; z-index:180; padding-top:5px; background:url(../images/ing.png) no-repeat top}
.bailu123_zb{width:1280px;height:auto;overflow:hidden;margin:0 auto;padding:0px 00px 00px 00px;padding-top:00px;margin-top:20px; }
.bailu123_zb_3{width:400px;height:auto;overflow:hidden;float:left;background:url(../images/zb_3_z.png) repeat-y;position:relative; }
.bailu123_zb_3_t{width:400px;height:35px;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:400px;height:20px;float:left;background:url(../images/zb_3_d.png)  repeat;position:relative}
.bailu123_zb_3 .role-itemst{width:380px;height:auto;float:left;position:relative;padding:5px  10px  5px 20px;}
.bailu123_zb_3 .role-itemst img{width:360px;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-radius:10px}
.bailu123_zb_3 .role-itemst img:hover{width:360px;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;border-radius:10px}
.bailu123_zb_2{width:620px;height:auto;overflow:hidden;float:left;background:url(../images/zb_2_z.png) repeat-y;}
.bailu123_zb_2_t{width:620px;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:620px;height:20px;float:left;background:url(../images/zb_2_d.png)  repeat;position:relative}
.bailu123_zb_2 .role-itemst{width:600px;height:auto;float:left;position:relative;padding:5px  10px  5px 20px;}
.bailu123_zb_2 .role-itemst img{width:580px;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-radius:10px}
.bailu123_zb_2 .role-itemst img:hover{width:580px;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;border-radius:10px}
.bailu123_zb_1{width:1270px;height:auto;overflow:hidden;float:left;background:url(../images/zb_1_z.png) repeat-y}
.bailu123_zb_1_t{width:1270px;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:1270px;height:34px;float:left;background:url(../images/zb_1_d.png)  repeat;position:relative}
.bailu123_zb_1 .role-itemst{width:1240px;height:auto;float:left;position:relative;padding:5px  20px  5px 30px;}
.bailu123_zb_1 .role-itemst img{width:1220px;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-radius:10px}
.bailu123_zb_1 .role-itemst img:hover{width:1220px;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:5px;border-radius:10px}



.btn_payss{position:absolute;left:0px;top:0px;width:100%;height:100%;text-indent:-99em;overflow:hidden;z-index:999999;;zoom:1}

i{font-style:normal;}
a:hover{color:#ffde00; text-decoration:none}
.ht1{overflow:hidden;text-indent:-9999px;}
.area{width:1000px; margin:0 auto;}
.area{width:1200px; margin:0 auto;}
/*----*/

.top{height:100px; position:relative; z-index:10000; width:1280px}
.logo{width:220px; height:65px; position:absolute; top:25px; left:8px; cursor:default;}
.logo img{width:100%; height:100%;}
.logo2{width:50px; height:50px; position:absolute; top:35px; right:40px; cursor:default;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.logo2 img{width:100%; height:100%;}
.mainnav{width:800px; /*height:102px; */position:absolute; top:0; left:400px; overflow:hidden; }
.mainnav ul{width:100%;}
.mainnav:hover{/*height:333px;*/}
.mainnav:hover ul{}
.mainnav li{width:111px; float:left; position:relative; text-align:center; height:auto!important; overflow:hidden}
.mainnav li:hover{background:url(../images/mainnav_noshadow.png) no-repeat;}

.mainnav li .tit{width:100%; height:68px; color:#ffffff; display:block; text-align:center; padding:36px 0 0;}
.mainnav li .tit em{display:block; width:100%; font-size:14px; transition:all 0.2s ease-in-out;}
.mainnav li .tit span{font-size:8px;color:#b79450; font-size:8px; display:block;-webkit-transform:scale(0.7); -webkit-transform-origin:center; font-weight:100;}
.mainnav li .detail_list{width:100%; padding:4px 0 0; overflow:hidden; display:block!important; height:0;}
.mainnav li .detail_list a{display:block; width:84px; height:24px; line-height:24px; text-align:center; vertical-align:baseline; margin:12px auto; color:#ffffff; font-size:12px; transition:all 0.1s ease-in;}
.mainnav li .detail_list a:hover{background:#fedd45; border-radius:3px; box-shadow:3px 3px 5px #3b3b3b; color:#000000;}
.mainnav ul li:hover .tit em{color:#ffde45;}
.mainnav li.li01{height:102px; background-position:1000px 1000px}
.mainnav li.li02{height:333px; background-position:0 0}
.mainnav li.li03{height:333px; background-position:-111px 0}
.mainnav li.li04{height:333px; background-position:-222px 0}
.mainnav li.li05{height:333px; background-position:-333px 0}
.mainnav li.li06{height:333px; background-position:-444px 0}
.mainnav li.li07{height:333px; background-position:-555px 0}
.mainnav li.li08{height:333px; background-position:-666px 0}
