﻿/*- - - - - - - - -样式属index.html - - - - - - - -*/


.musicbox{width:47px;height:47px;position:absolute;z-index:500;top:10px;left:50%;cursor:pointer;margin-left:-730px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}
.container{width: 100%;height: 80px;background: url(../images/t-r-b.png) repeat-x;}
.rongyu{position:fixed;width:150px;height:305px;text-indent:-9999rem;background:url(../images/rongyu.png) no-repeat center center;left:0px;top:0px;z-index:100}
.rongyu:hover{cursor:pointer;background:url(../images/rongyu_hover.png) no-repeat center center;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s}





	#m1{width:1920px;height:900px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/228ps.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
	#m2{width:1920px;height:5500px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/index_02.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
	#m3{height:auto;position:relative;min-width:1280px;margin:0 auto;padding-top:50px;background:url(../images/index_02.png) no-repeat center top;}
	#m4{height:auto;position:relative;min-width:1280px;margin:0 auto;padding-bottom:0px;background:url(../images/index_03.png) no-repeat center bottom;}


/*浮动条*/
#Floatingbar{width:157px;position:fixed;top:50%;right:0px;margin-top:-150px;background-color:#e5e5e5;box-shadow:0 3px 14px rgba(0,0,0,0.4);z-index:150000;font-size:12px;background-color:#ffffff;font-family:'Microsoft YaHei';}
#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.png) no-repeat center bottom;list-style-type:none;background-color:#333333;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:7px;cursor: pointer;}
#Floatingbar ul li a{color:white;}
#Floatingbar ul li a:hover{color:white;}
#Floatingbar ul li img{margin-left:5px;vertical-align:middle;}
#Floatingbar .btn_backtop{height:31px;line-height:31px;text-align:center;color:#fff;background-color:#676767;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#507129;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url(../images/arrow.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}


#music_btn {color: #FFFFFF; margin-left: 58px;}

.NewsList{margin:0 18px;width: 814px;height:506px;position: absolute;top: 325px;margin-left: 620px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);background-color:#edf1fa;}
.NewsList li{width: 814px;height:46px;line-height:62px;overflow:hidden;color:#5fa0d6;padding-right:8px;border-bottom:1px dotted #5fa0d6;font-size:16px;list-style: none;}
.NewsList li a{margin-left:5px;color:#5fa0d6;}
.NewsList li time{float:right;color:#5fa0d6;}
.NewsList li .lx{margin:0 8px;color:#5fa0d6;}


#Download{width: 764px;height: 172px;text-align:center;position:absolute;top:850px;left:50%;margin-left: -396px;z-index:5100;border-radius:5px;background:url("../images/228psdown.png") no-repeat left top;}
#Download .btn_down_s1{float:left;width: 240px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 99px;height: 91px;text-indent:-999em;margin-left: -10px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 4px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;margin-top: 42px;}



.daohang{width:1920px;height:60px;left:50%;margin-left:-960px;overflow:hidden;position:relative;background:url(../images/daohang.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
#downloaddh{width:1400px;height:51px;position:absolute;top:-5px;left:50%;margin-left:280px;z-index:1500;}
#downloaddha{float:left;width:1400px;height:51px;overflow:hidden;margin-right:20px;margin-top:10px}
#downloaddha .btn_downa{float:left;width:110px;height:51px;;position:relative;text-indent:-9999em;background:url(../images/d1.png) no-repeat left bottom;display:block;}
#downloaddha .btn_downa:hover{text-decoration:none;;background:url(../images/d1.png) no-repeat left top;}
#downloaddha .btn_downb{float:left;width:110px;height:51px;position:relative;text-indent:-9999em;background:url(../images/d2.png) no-repeat left bottom;display:block;margin-left:20px;}
#downloaddha .btn_downb:hover{text-decoration:none;background:url(../images/d2.png) no-repeat left top;}
#downloaddha .btn_downc{float:left;width:110px;height:51px;position:relative;text-indent:-9999em;background:url(../images/d3.png) no-repeat left bottom;display:block;margin-left:20px;}
#downloaddha .btn_downc:hover{text-decoration:none;background:url(../images/d3.png) no-repeat left top;}
#downloaddha .btn_downd{float:left;width:110px;height:51px;position:relative;text-indent:-9999em;background:url(../images/d4.png) no-repeat left bottom;display:block;margin-left:20px;}
#downloaddha .btn_downd:hover{text-decoration:none;background:url(../images/d4.png) no-repeat left top;}



#Layer2{position:absolute;width:1018px;height:565px;z-index:2;left:450px;top:80px}
#Layer4{position:absolute;width:1920px;height:132px;z-index:2;left:50%;margin-top:0;margin-left:-960px;background-image:url(../images/db.jpg);background-repeat:no-repeat}
#Layer5{position:absolute;width:700px;height:90px;z-index:1;left:777px;top:24px}




.fl{float:left}
.fr{float:right}
.mt10{margin-left:12px;}
.ml50{margin-left:50px;}
.clearfix{zoom:1}
.warp{width:1280px;margin-left:auto;margin-right:auto;}
.microHei{font-family:"Microsoft YaHei"}
#header{background:url(img/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(img/top_logo.png);z-index:1000;}
#header a.fl{height:65px}
#header .ban{float:left;width:50px;height:50px;margin-top:20px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#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(img/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:1080px;position:relative;overflow:hidden;z-index:-3}
#Flash{width:1920px;height:1080px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:1080px;position:absolute;left:50%;z-index:-2;line-height:0px;}
.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:absolute;top:0px;left:50%;margin-left:560px;width:80px;height:100px;z-index:1000;}

#Topbar{height:110px;background:url(img/np.png) repeat-x 0 0;}
.Topwrap{width:1200px;margin:0 auto;position:relative;height:100%;}
#Topnav{height:100px;background:url(img/topnav.jpg) no-repeat 0 0;width:672px;float:left;}
#Topnav li{float:left;}
#Topnav a{display:block;width:222px;height:100px;margin-left:2px;text-indent:-999em;}
#Topnav a:hover{background-image:url(img/topnav.jpg);background-repeat:no-repeat;}
#Topnav a.n1:hover{background-position:-2px -100px;}
#Topnav a.n2:hover{background-position:-226px -100px;}
#Topnav a.n3:hover{background-position:-450px -100px;}
#Topbar .entry{background:url(img/entry.jpg) no-repeat 0 0;display:block;width:236px;height:100px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .forum{background:url(img/forum.jpg) no-repeat 0 0;display:block;width:236px;height:100px;margin-left:7px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .entry:hover{background:url(img/entry_1.jpg) no-repeat 0 0;}
#Topbar .forum:hover{background:url(img/forum_1.jpg) no-repeat 0 0;}
.musicbox{width:65px;height:100px;position:fixed;z-index:500;top:0px;left:50%;cursor:pointer;margin-left:900px}
.musicplay{background:url(img/musicplay.png) no-repeat}
.musicstop{background:url(img/musicstop.png) no-repeat}
.loop-v-box,.first-v-box{ position:absolute; width:1920px; height:900px; left:50%; margin-left:-960px; top:0;  overflow:hidden;}
.first-v-box{ z-index:10;}
#loop-v,#enter-v{ width:100%;}
.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;}
.topbg{height:100px;width:100%;background:#000}
.top{height:100px;position:relative;z-index:10000;width:1280px;}
.logo{width:220px;height:80px;position:absolute;top:10px;left:8px;cursor:default;}
.logo img{width:100%;height:100%;}
.logo2{width:50px;height:50px;position:absolute;top:5px;left:50%;cursor:pointer;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;margin-left:830px;z-index:999999;}
.logo2 img{width:100%;height:100%;}
.mainnav{width:800px;position:absolute;top:0;left:400px;overflow:hidden;}
.mainnav ul{width:100%;}
.mainnav:hover{}
.mainnav:hover ul{}
.mainnav li{width:111px;float:left;position:relative;text-align:center;height:auto!important;overflow:hidden}
.mainnav li:hover{background:url(img/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}


	.PartTitle2{padding:14px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#ffeab7;background:url(../images/icon_.png) no-repeat left center;border-bottom:1px solid #6b4b15;}
	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#ffeab7;text-transform:uppercase;}
	.PartTitle2 .more{position:absolute;font-size:12px;color:#fff;right:5px;padding-right:27px;background:url(../images/icon_more.png) no-repeat right center;}
	.PartTitle2 .more:hover{color:#ffeab7;}

.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:10px;margin-top:100px;background: url(../images/footb1g.png) bottom no-repeat; z-index:999999; }
.zb_zb{width:1350px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}


.zb_zb_3bg{padding:10px 10px 10px;width:423px;height:auto;overflow:hidden;float:left;background-color:#61a3d8;position:relative}
.zb_zb_3{padding:10px 10px 10px 10px;width:403px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#072f4f;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_3_t{width:403px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_3_d{width:403px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_3 .role-itemst{width:390px;height:auto;float:left;position:relative;}
.zb_zb_3 .role-itemst img{width:390px;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;}


.zb_zb_2bg{padding:10px 10px 10px;width:650px;height:auto;overflow:hidden;float:left;background-color:#61a3d8;position:relative}
.zb_zb_2{padding:10px 10px 10px 10px;width:630px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#072f4f;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_2_t{width:630px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_2_d{width:630px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_2 .role-itemst{width:620px;height:auto;float:left;position:relative;}
.zb_zb_2 .role-itemst img{width:620px;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;}

.zb_zb_1bg{padding:10px 10px 10px;width:1330px;height:auto;overflow:hidden;float:left;background-color:#61a3d8;position:relative}
.zb_zb_1{padding:10px 10px 10px 10px;width:1310px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:#072f4f;box-shadow:0 0px 14px rgba(0,0,0,0.3) inset;}
.zb_zb_1_t{width:1310px;height:41px;float:left;background:#FFF;line-height:41px;color:#feac2a;text-align:center;font-size:16px;font-weight:bold;}
.zb_zb_1_d{width:1310px;height:0px;float:left;background:#FFF;position:relative}
.zb_zb_1 .role-itemst{width:1300px;height:auto;float:left;position:relative;}
.zb_zb_1 .role-itemst img{width:1300px;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;}

