﻿html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
body{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,STHeiTi,sans-serif}
body {
            background: url(../Images/bg5.jpg)  repeat-y center top ;
        }

#KefuR{width:140px;position:fixed;top:50%;margin-top:-100px;right:10px;background-color:#433f3e;box-shadow:0 0 14px rgba(0,0,0,0.2);z-index:1500;}
#KefuR h4{width:140px;height:80px;text-indent:-99em;overflow:hidden;background:url(../images/Kefu_title.jpg) no-repeat left top;}
#KefuR ul li{font-size:15px;background:url(../images/line_x.jpg) repeat-x left bottom;}
#KefuR ul li a{padding:10px 0;line-height:24px;text-align:center;color:#c59d58;background:url(../images/0.gif) no-repeat 10px center;display:block;}
#KefuR ul li a:hover{color:#ffe506;}
#KefuR ul li strong{font-weight:normal;display:block;}
#KefuR ._backtop{width:100%;height:24px;line-height:24px;text-align:center;position:absolute;font-size:14px;left:0px;text-transform:uppercase;}
#KefuR ._backtop:hover{color:#c59d58;}
#KefuR ._ewm{width:140px;height:140px;padding-top:13px;}
#KefuR ._ewm img{width:120px;height:120px;overflow:hidden;margin:0 auto;background:#fff;display:block;}



a.btn{display:block;outline:0}
a{outline:0}
.posr{}
.posa{}
.posf{}
.hide{display:none}
.clearfix:after{content:'.';display:block;height:0;visibility:hidden;overflow:hidden;clear:both}
.wrapper{position:relative;width:100%;min-width:1200px;height:auto;overflow:hidden;margin-top:0px;}
.wrapper .section{position:relative;height:340px;margin: 0 auto;}
.wrapper .section2{position:relative;height:700px;}
.wrapper .section3{position:relative;height:800px}
.wrapper .section4{position:relative;height:800px}
.wrapper .section5{position:relative;height:auto}
.wrapper .section6{position:relative;height:1000px}
.wrapper .section .w1200{width:1200px;margin:0 auto}
.wrapper .section .t{margin:0 auto;width:280px;height:31px;position:relative;top:20px}
.wrapper .section .t.t2{background-repeat: no-repeat;}
.wrapper .section .t.t3{background-repeat: no-repeat;}
.wrapper .section .t.t4{background-repeat: no-repeat;}
.wrapper .section .t.t5{background-repeat: no-repeat;}
.wrapper .section .t.t6{background-repeat: no-repeat;}
.wrapper .section.section1{height:320px;margin-top:580px;}
.wrapper .section.section2{background:url(../images/b1g2.png) top center no-repeat}
.wrapper .section.section3{background:url(../images/b1g3.jpg) top center no-repeat}
.wrapper .section.section4{background:url(../images/b1g4.jpg) top center no-repeat}
.wrapper .section.section5{background:url(../images/b1g5.jpg) top center no-repeat}
.wrapper .section.section6{background:url(../images/b1g6.jpg) top center no-repeat}
#quickLink{float:right;width:1000px;height:110px; position:absolute; overflow:hidden;z-index:999999;top:890px;left:50%;margin-left:-410px;}
.linkbox a{height:110px;position:relative;text-indent:-99em;overflow:hidden;display:block;}
.linkbox.link1{width:270px; float:left;height:110px;margin-right:0px;-webkit-animation:trans_top .5s ease-in-out .5s 1 both;animation:trans_top .5s ease-in-out .5s 1 both}
.linkbox.link1 a{background:url(../images/down.jpg) no-repeat left top ;}
.linkbox.link1 a:hover{background:url(../images/down-h.jpg) no-repeat left top ;}
.linkbox.link2{float:left;width:270px;height:110px;margin-left:285px;-webkit-animation:trans_top .5s ease-in-out .5s 1 both;animation:trans_top .5s ease-in-out .5s 1 both}
.linkbox.link2 a{background:url(../images/pay.jpg) no-repeat left top ;}
.linkbox.link2 a:hover{background:url(../images/pay-h.jpg) no-repeat left top ;}



.section1 {width:737px;height:320px;bottom:0px;background: url(../images/btn_bg789_9477890.png) bottom no-repeat;}

	#Game_show{width:1280px;position:relative;margin:10px auto 65px auto;padding-top:72px;z-index:1500;}
	#Game_show h3{text-align:center;margin-bottom:57px;}
.wrap{width: 1200px;margin: 0 auto;}
.m-main{margin-top: 0px;font-size: 16px;color: #e9e6d0;}
.m-main .title{width: 100%;height: 65px;margin-bottom: 10px;background-position: top center;background-repeat: no-repeat;background-image: url(../images/sprite-t.png);}
.main-item{margin-bottom: 0px;}

.m-list{overflow: hidden;}
.m-list li{float: left;}
.star{display: inline-block;width: 16px;height: 14px;background-image: url(../images/star.png);}
.star.full{background-position: 0 0;}
.star.half{background-position: -17px 0;}
.char-list{margin-left: 0px;overflow: hidden;}
.char-list li.item{float: left;margin-left:0px;_margin-left: 0px;}
.char-list .skill{}
.char-list .img{width: 100%;background-position: top center;background-repeat: no-repeat;}
.char-list .img-1{background: url(../images/slogan_fea3aae.png);width: 450px;height: 180px;margin-left:-420px;margin-top:-60px;}
.char-list .img-1:hover{background: url(../images/slogan_fea3aae-h.png);width: 450px;height: 180px;margin-left:-420px;margin-top:-60px;}

.char-list .img-2{background: url(../images/pay.jpg);margin-top:145px;margin-left:105px;width: 270px;height: 110px;}
.char-list .img-2:hover{background: url(../images/pay-h.jpg);margin-top:145px;margin-left:105px;width: 270px;height: 110px;}

.char-list .img-3{background: url(../images/btn_527b414.png);margin-top:145px;margin-left:10px;width:172px;height: 51px;}
.char-list .img-3:hover{background: url(../images/btn_1_527b414.png);margin-top:145px;margin-left:10px;width:172px;height: 51px;}

.char-list .img-4{background: url(../images/btn_01d36de.png);width: 172px;height:51px;margin-top:200px;margin-left:-172px;}
.char-list .img-4:hover{background: url(../images/btn_1_01d36de.png);width: 172px;height:51px;margin-top:200px;margin-left:-172px;}

.char-list .skill-wrapper{width: 100%;padding: 5px 0;background: #000;}



.section2 {overflow:hidden;width:100%;}
.m1 {overflow:hidden;width:1280px;height: 591px;margin: 0 auto;padding:10px;margin-top:50px;background: url(../images/news_bg1_21b09f2.png) no-repeat;}
.news{width: 100%;height: 540px;position:absolute;background: url(../images/news_bg.jpg) no-repeat;}
.slideBox{width: 600px;height: 540px;overflow:hidden;position:relative;float:left;margin: 9px;}
.slideBox .hd{height: 36px;overflow:hidden;position:absolute;right:5px;bottom: -5px;z-index:1;}
.slideBox .hd ul{overflow:hidden;zoom:1;float:left;}
.slideBox .hd ul li{float: left;margin-right:7px;width: 20px;height: 20px;border-radius: 50%;background-color: #5a5053;text-align: center;line-height: 36px;color: #d1bb4b;cursor: pointer;}
.slideBox .hd ul li.on{background-color: #ac1bf0;}
.slideBox .bd{position:relative;height:100%;z-index:0;}
.slideBox .bd li{zoom:1;vertical-align:middle;}
.slideBox .bd img{width: 600px;height: 540px;display:block;}


.news_list{width: 624px;height: 540px;float: left;margin-left:10px;margin-top:10px;overflow: hidden;}
.news_list .hd{height:40px;line-height:38px;position:relative;width:100%;border-bottom: 2px solid #613e21;}
.news_list .hd ul{float:left;position:absolute;left:0px;top:0px;height:32px;}
.news_list .hd ul li{width: 80px;float:left;padding:0 15px;cursor:pointer;color:#8b6d49;font-size:18px;}
.news_list .hd ul li.on{background: #e8b471;color:#000;}
.news_list .bd ul{width: 100%;height: 0px;zoom: 1;margin-top: 20px;}
.news_list .bd li{height:40px;line-height:40px;font-size:14px;}
.news_list .bd li a{color: #ffffff;width: 624px;float: left;height:40px;border-bottom:1px dashed #8b6d49;}
.news_list .bd li a i{margin-right:5px;}
.news_list .bd li a:hover{color:#e8b471;}
.news_list .bd li span{color:#a1adca;float:right;}

.n1{width:624px;height:143px;background:#111;margin-bottom:20px;}
.n1 .c{position:absolute;width:473px;height:143px;}
.n1 a{position:absolute;display:block;left:26px;top:28px;max-height:110px;overflow:hidden}
.n1 a h2{width:473px;font-size:19px;color:#e8b471;font-weight:700;}
.n1 a .p{width:473px;left:26px;color:#ffffff;font-size:14px;margin-top:12px;line-height:18px;}
.n1 a:hover h2{color:#f0c68f}
.n1 a:hover .p{color:#d8ac9b}

.section3{overflow:hidden}
.poster-main{position: relative;margin: 100px auto;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0px;}
.poster-main .poster-btn{position: absolute;top: 0px;cursor: pointer;}
.poster-main .poster-prev-btn{left: 0;background: url("../images/arrow2_left_hover_9d6c3ba.png") no-repeat center center;}
.poster-main .poster-next-btn{right: 0;background: url("../images/arrow2_right_hover_0eef97f.png") no-repeat center center;}


.section4{overflow:hidden}


.fs-container{margin: 20px auto 50px auto;position: relative;width: 30%;padding: 0 15%;max-width: 1060px;min-width: 1060px;height: 467px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.fs-container:before{content: '';position: absolute;bottom: -40px;background: transparent url(../images/shadow.png) no-repeat center center;height: 90px;width: 90%;left: 5%;opacity: 0.8;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;background-size: 100% 100%;}
.fs-wrapper{width: 100%;height: 100%;position: relative;-webkit-perspective: 1060px;-moz-perspective: 1060px;-o-perspective: 1060px;-ms-perspective: 1060px;perspective: 1060px;}
.fs-slider{width: 100%;height: 100%;position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;pointer-events: none;}
.fs-block{margin: 0;position: absolute;width: 70%;height: 100%;left: 15%;pointer-events: auto;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.fs-block:nth-child(1){-webkit-transform-origin: top right;-webkit-transform: translateX(-100%) rotateY(-35deg);-moz-transform-origin: top right;-moz-transform: translateX(-100%) rotateY(-35deg);-o-transform-origin: top right;-o-transform: translateX(-100%) rotateY(-35deg);-ms-transform-origin: top right;-ms-transform: translate(-100%);transform-origin: top right;transform: translateX(-100%) rotateY(-35deg);}
.no-touch .fs-block:nth-child(1):hover{-webkit-transform: translateX(-100%) rotateY(-30deg);-o-transform: translateX(-100%) rotateY(-30deg);transform: translateX(-100%) rotateY(-30deg);}
.fs-block:nth-child(2){z-index: 100;}
.fs-block:nth-child(3){-webkit-transform-origin: top left;-webkit-transform: translateX(100%) rotateY(35deg);-moz-transform-origin: top left;-moz-transform: translateX(100%) rotateY(35deg);-o-transform-origin: top left;-o-transform: translateX(100%) rotateY(35deg);-ms-transform-origin: top left;-ms-transform: translate(100%);transform-origin: top left;transform: translateX(100%) rotateY(35deg);}
.no-touch .fs-block:nth-child(3):hover{-webkit-transform: translateX(100%) rotateY(30deg);-o-transform: translateX(100%) rotateY(30deg);transform: translateX(100%) rotateY(30deg);}
.fs-block:after{content: '';position: absolute;width: 100%;height: 100%;z-index: 1000;pointer-events: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;border-left: 1px solid rgba(119,119,119,1);border-right: 1px solid rgba(119,119,119,1);left: -1px;}
/* Borders are only needed if we have the 3d look*/.no-csstransforms3d .fs-block:after{border: none;}
.fs-block:nth-child(1):after{background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.2)));background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);}
.fs-block:nth-child(2):after{opacity: 0.8;background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.12) 21%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.03) 70%, rgba(0,0,0,0.12) 81%, rgba(0,0,0,0.5) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(21%,rgba(0,0,0,0.12)), color-stop(31%,rgba(0,0,0,0.03)), color-stop(50%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.03)), color-stop(81%,rgba(0,0,0,0.12)), color-stop(100%,rgba(0,0,0,0.5)));background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);}
.fs-block:nth-child(3):after{background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.65) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.65)));background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);}
.fs-block figure{width: 100%;height: 100%;margin: 0;position: absolute;top: 0;left: 0;overflow: hidden;z-index: 1;}
.fs-block figure:first-child{z-index: 10;}
.fs-block figure img{position: absolute;top: 0;left: 0;display: block;}
.fs-block figcaption{padding: 0 20px;margin: 0;position: absolute;width: 100%;top: 0;overflow: hidden;height: 0%;opacity: 0;text-align: center;-webkit-transition: all 700ms cubic-bezier(0, 0, .15, 1);-moz-transition: all 700ms cubic-bezier(0, 0, .15, 1);-o-transition: all 700ms cubic-bezier(0, 0, .15, 1);-ms-transition: all 700ms cubic-bezier(0, 0, .15, 1);transition: all 700ms cubic-bezier(0, 0, .15, 1);}
.fs-block figcaption.fs-transition{height: 35%;opacity: 1;}
.fs-block figcaption h3{font-size: 40px;line-height: 40px;margin: 0;padding: 20px 0;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);font-family: 'Prata', serif;font-weight: normal;}
.fs-navigation{position: absolute;z-index: 2000;bottom: 10px;right: 15%;margin-right: 15px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.fs-navigation span{float: left;width: 37px;height: 47px;border-radius: 4px;text-indent: -90000px;cursor: pointer;opacity: 0.6;margin-right: 3px;background: rgba(0,0,0,0.4) url(../images/arrow.png) no-repeat 50% 50%;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;pointer-events: auto;}
.fs-navigation span:nth-child(2){-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.fs-navigation span:hover{opacity: 1;}
/* Transitions*/.fs-block:nth-child(1) figure{-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;}
.fs-block:nth-child(2) figure{-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;}
.fs-block:nth-child(3) figure{-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1);-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1);-o-transition: width 900ms cubic-bezier(0, 0, .15, 1);-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1);transition: width 900ms cubic-bezier(0, 0, .15, 1);}
/* Media Queries*/@media screen and (max-width: 1024px){.fs-block figcaption h3{font-size: 26px;}}
@media screen and (max-width: 768px){.fs-block figcaption{padding: 0 10px;}
.fs-block figcaption h3{font-size: 16px;padding: 10px 0;}
.fs-block figcaption p{font-size: 13px;}}

.container{width: 100%;position: relative;}
.clr{clear: both;padding: 0;height: 0;margin: 0;}
.main{width: 90%;margin: 0 auto;position: relative;margin-top:130px}
.container > header{margin: 10px;padding: 20px 10px 10px 10px;position: relative;display: block;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);text-align: center;}
.container > header h1{font-size: 34px;line-height: 34px;margin: 0;position: relative;font-weight: 300;color: #666;text-shadow: 1px 1px 1px rgba(255,255,255,0.9);}
.container > header h2{font-size: 14px;font-weight: 300;margin: 0;padding: 15px 0 5px 0;color: #888;font-family: Cambria, Georgia, serif;font-style: italic;text-shadow: 1px 1px 1px rgba(255,255,255,0.9);}
/* Header Style*/.codrops-top{line-height: 24px;font-size: 11px;background: #fff;background: rgba(255, 255, 255, 0.3);text-transform: uppercase;z-index: 9999;position: relative;font-family: Cambria, Georgia, serif;box-shadow: 1px 0px 2px rgba(0,0,0,0.2);}
.codrops-top a{padding: 0px 10px;letter-spacing: 1px;color: #333;display: inline-block;}
.codrops-top a:hover{background: rgba(255,255,255,0.6);}
.codrops-top span.right{float: right;}
.codrops-top span.right a{float: left;display: block;}
.support-note span{color: #ac375d;font-size: 16px;display: none;font-weight: bold;text-align: center;padding: 5px 0;}
.no-cssanimations .support-note span.no-cssanimations,
.no-csstransforms .support-note span.no-csstransforms,
.no-csstransforms3d .support-note span.no-csstransforms3d,
.no-csstransitions .support-note span.no-csstransitions,
.no-generatedcontent .support-note span.no-generatedcontent{display: block;}



.section5 .t{overflow:hidden}
.section5 .inc{position:relative;top:180px;width:1280px;height:750px;margin:0 auto}


.wrapper .section .t.t2{background:url(../images/title1.png) no-repeat;}
.wrapper .section .t.t3{background-position:0px -31px}
.wrapper .section .t.t4{background-position:0px -62px}
.wrapper .section .t.t5{background-position:0px -93px}
.wrapper .section .t.t6{background-position:0px -124px}
.wrapper .section .t.t2,.wrapper .section .t.t3,.wrapper .section .t.t4,.wrapper .section .t.t5,.wrapper .section .t.t6{background-image: url(../images/index_z_9210f45.png)}

.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(../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:left;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:900px;position:relative;overflow:hidden;z-index:-3}
#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: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(../images/np.png) repeat-x 0 0;}
.Topwrap{width:1200px;margin:0 auto;position:relative;height:100%;}
#Topnav{height:100px;background:url(../images/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(../images/topnav.jpg);background-repeat:no-repeat;}
#Topnav a.n11:hover{background-position:-2px -100px;}
#Topnav a.n12:hover{background-position:-226px -100px;}
#Topnav a.n13:hover{background-position:-450px -100px;}
#Topbar .entry{background:url(../images/entry.jpg) no-repeat 0 0;display:block;width:236px;height:100px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .forum{background:url(../images/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(../images/entry_1.jpg) no-repeat 0 0;}
#Topbar .forum:hover{background:url(../images/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:-750px}
.musicplay{}
.musicstop{}
.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:35px;left:50%;cursor:pointer;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;margin-left:600px;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(../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}


	.PartTitle2{padding:14px 0 14px 38px;height:35px;line-height:35px;position:relative;font-size:19px;font-weight:normal;color:#FFF;background:url(../images/icon_.png) no-repeat left center;border-bottom:1px solid #d2c9e9;}
	.PartTitle2 span{font-size:13px;font-family:'times new roman', times, serif;color:#FFF;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:#FFF;}

.ml10{margin-left:10px;}
.m5{width:100%;height:auto;overflow:hidden;padding-bottom:100px;padding-top:00px;background: url(../images/index_02.jpg) bottom center no-repeat; z-index:999999; }
.uz16_com_zb{width:1280px;height:auto;overflow:hidden;margin:0 auto;padding:10px 00px 00px 00px;padding-top:10px;padding-top:10px;padding-bottom:10px;}



.uz16_com_zb_3bg{padding:10px 10px 10px;width:395px;height:auto;overflow:hidden;float:left;background-color:rgba(0,0,0,1);position:relative;border:1px solid #000;}
.uz16_com_zb_3{padding:10px 10px 10px 10px;width:375px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(0,0,0,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.uz16_com_zb_3_t{width:375px;height:431px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.uz16_com_zb_3_d{width:375px;height:0px;float:left;background:#ece8e5;position:relative}
.uz16_com_zb_3 .role-itemst{width:365px;height:auto;float:left;position:relative;}
.uz16_com_zb_3 .role-itemst img{width:365px;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;}


.uz16_com_zb_2bg{padding:10px 10px 10px;width:608px;height:auto;overflow:hidden;float:left;background-color:rgba(0,0,0,1);position:relative;border:1px solid #000;}
.uz16_com_zb_2{padding:10px 10px 10px 10px;width:588px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(0,0,0,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.uz16_com_zb_2_t{width:588px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.uz16_com_zb_2_d{width:588px;height:0px;float:left;background:#ece8e5;position:relative}
.uz16_com_zb_2 .role-itemst{width:578px;height:auto;float:left;position:relative;}
.uz16_com_zb_2 .role-itemst img{width:578px;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;}

.uz16_com_zb_1bg{padding:10px 10px 10px;width:1248px;height:auto;overflow:hidden;float:left;background-color:rgba(0,0,0,1);position:relative;border:1px solid #000;}
.uz16_com_zb_1{padding:10px 10px 10px 10px;width:1228px;height:auto;overflow:hidden;float:left;position:relative;overflow:hidden;background-color:rgba(0,0,0,1);box-shadow:0 0px 2px rgba(211,203,234,1) inset;}
.uz16_com_zb_1_t{width:1228px;height:41px;float:left;background:#132325;line-height:41px;color:#bda575;text-align:center;font-size:16px;font-weight:bold;}
.uz16_com_zb_1_d{width:1228px;height:0px;float:left;background:#ece8e5;position:relative}
.uz16_com_zb_1 .role-itemst{width:1218px;height:auto;float:left;position:relative;}
.uz16_com_zb_1 .role-itemst img{width:1218px;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;}

