@charset "utf-8";
/*新闻和banner部分*/
.header_con{ width: 994px; height: 268px; border-left: 5px solid #000; border-bottom: 4px solid #000; border-top: 3px solid #000; margin-top: 8px; z-index: 999; }
.banner_area{ width: 583px; height: 268px; text-align: center; }
.news_area{ width: 411px; height: 265px; }
.slide_num{ position: absolute; width: 66px; height: 15px; right: 12px; bottom: 10px; z-index: 2; }
.slide_num span{ width:10px; height: 0; padding-top: 10px; float: left; margin:0 10px 0 0; background-color:#fff; cursor: pointer; border-radius:50%; overflow: hidden; }
.slide_num .current{ background-color: #000; width: 11px; height: 1px; border-radius:50%; }
.slide_item{ position: relative; top: 0px; left: 0px; z-index: 1; width: 583px; height: 268px; }
.slide_item li { position:absolute; width: 583px; height: 268px; top:0; left:0; opacity:0;}
.slide_item li img { width: 583px; height: 268px; display: block; }
.newsTitle{ height: 38px; }
.newsTitleList{ width: 410px; height: 38px; background-color:#23231F; font-size: 12px; font-weight: normal; padding-left: 1px}
.newsTitleList li{ float: left; margin: 0 12px; }
.newsTitleList li a{ display: inline-block; width: 43px; height: 38px; line-height: 38px; }
.total{ background: url(../images/ziti.png) no-repeat -47px 9px; }
.news{ background: url(../images/ziti.png) no-repeat -47px -37px; }
.activity{ background: url(../images/ziti.png) no-repeat -1px 10px; }
.advert{ background: url(../images/ziti.png) no-repeat -1px -16px; }
.more{ font-size: 12px; font-style: normal; width: 50px; right: 14px; position: absolute; top:11px; }
.more a{ color:#9D9C9C; }
.newsTitleList .active{ background: url(../images/btn.png) no-repeat 3px -220px; width: 43px; height: 38px; }
.newsConc .show{ display: block; }
.newsConcBox{ background-color: #000; width: 378px; height: 225px; display: none; padding: 5px 21px 0 12px; position: relative;}
.newsConcList li{ height: 35px; line-height: 35px; vertical-align: middle; border-bottom: 1px dashed #363636; font-style:normal; font-family: "宋体"; color: #B87157; font-size: 12px; }
.newsConcList strong{ color:#CDC2AD; width: 235px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.newsConcList .notice,.newsConcList strong{ float: left; padding-left: 12px; }
.newsConcList .data{ float: right; color: #B87157; }
.newsConcList .active{ border-bottom: none; }
.newsConcList .active span,.newsConcList .active strong,.newsConcList .active em{ color: #E52836; font-size: 14px; font-family: '宋体'; font-weight: bold; }
.banner_left{ width: 305px; height: 330px;background: url(../images/bg03_left.png) no-repeat left top; position: absolute; left: -81px; top: -9px; }
.banner_right{ width: 82px; height: 325px;background: url(../images/bg03_right.png) no-repeat left top; position: absolute; right: -26px; top: -37px; z-index: 0; }
/*左侧通栏*/
.sideBarLeft{ width: 710px; margin-right: 10px; }
.roleDesc{ width: 100%; height: 304px; background: url(../images/role_bg.png) repeat-x left top; }
.roleName{ left: 0; top: 28px; position: absolute; height: 210px; z-index: 999; }
.roleName li { margin-bottom: 5px; width: 78px; height: 40px; text-align: center; background: url(../images/btn.png) no-repeat -200px -16px; }
.roleName .active{ background: url(../images/btn.png) no-repeat -200px -62px; }
.roleName .active a{ color: #fff; font-size: 18px; }
.roleName li a{ height: 40px; line-height: 40px; width: 78px; color: #B1894B; font-size: 18px; display: inline-block; font-family:"Microsoft YaHei"; font-weight: normal; }
.roleShowItem{ width: 710px; height: 304px; }
.roleImg{ width: 647px; height: 354px; left: 30px; position: absolute; top:21px;}
.roleImg img{ width: 693px; height: 303px; display: block; }
.roleShowItem{ position: relative; overflow: hidden; display: none; }
.professionDesc{ width: 180px; height: 250px; background: url(../images/profession_bg.png) repeat-x left top; position: absolute; right: 10px; top: 30px; border: 1px solid #404141; padding: 10px 10px 0 14px; overflow:hidden; }
.professionLogo img{ width: 66px; height: 60px; display: block; }
.professionCon{ padding-top: 10px; }
.professionCon p{ line-height: 16px; margin-bottom: 10px;}
.professionCon .darkRed{}
.hr_line{ border-bottom: 1px solid #444444; width: 708px; height: 1px; position: absolute; left: 0; top: 17px; }
.systemIntro{ width: 710px; height: 224px;  overflow: hidden;}
.systemIntroTitle{ width: 710px; height: 38px; background: url(../images/systemIntro.png) no-repeat left top; }
.systemIntroConc{ width: 673px; height: 172px; padding: 14px 28px 0 9px; overflow: hidden;}
.systemIntroLogo{ background: url(../images/ziti.png) no-repeat left -72px; width: 100px; height: 37px; margin-left: 10px; }
.systemIntro .more{ position: static; font-family:"Microsoft YaHei"; padding:10px 10px 0 0; }
.systemList{ height: 56px; width: 693px; overflow: hidden;}
.systemListName{ background: url(../images/btn.png) no-repeat left -265px; width: 123px; height: 46px; font-size: 18px; color: #B1894B; font-weight: normal; text-align: center; line-height: 46px; margin-right: 17px; }
.systemListConc{ height: 46px; width: 551px; line-height: 46px; font-family: '宋体'; font-size: 12px; }
.systemListConc a{ color:#D5C1AB; }
.systemListConc span{ margin: 0 3px; color:#D5C1AB; }
.systemListConc .orange{ color: #D3653D; }
.gamePaint{ height: 189px; padding: 0 6px; width: 988px; background-color: #3B3B37; }
.slideItemStage{ width: 988px; height: 139px; padding-top: 40px; overflow:hidden;}
.slideItem {height: 135px; position: absolute; left: 0; width:5928px;}
.slideItem li{ float: left; margin-right: 1px;}
.slideItem li img{ border: 2px solid #090304; width: 242px; height: 135px; display: block; }
.pre_btn,.next_btn{ width: 35px; height: 50px; position: absolute; top: 50%; margin-top: -25px; }
.pre_btn{ background: url(../images/btn.png) no-repeat -2px -323px; left: -39px; }
.next_btn{ background: url(../images/btn.png) no-repeat -53px -324px; right: -39px; }
.gamePaintTit{ width: 100px; height: 37px; background: url(../images/ziti.png) no-repeat -116px -72px; position: absolute; left: 10px; top: 0; }
.SeamlessRolling{ height: 53px; padding: 12px; width: 976px; background-color: #3B3B37; }
.SeamlessRollStage{ height: 54px; width: 976px; overflow: hidden; position: relative;}
.SeamlessRollList{ margin-right: -9px; position: absolute; left: 0; top: 0; height: 54px;}
.SeamlessRollList li{ width: 115px; height: 54px; float: left; margin-right: 8px; }
.SeamlessRollList li img{ width: 115px; height: 54px; display: block; }