﻿/*全局样式*/

.w100 {
    width: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/*原文件配置*/

.w1280 {
    width: 1280px;
    margin-right: auto;
    margin-left: auto;
}

body {
    color: #000;
    background: #f1f3f8;
    font: 12px/20px 'Microsoft YaHei', arial, sans-serif;
    min-width: 1200px;
}

/*最小宽度1200px是为了适应移动端预览*/
a {
    color: #000;
}

input {
    outline: none;
}

a:hover {
    color: #ffffff;
}

input, textarea {
    outline: none;
}

/*按钮专用 end*/
.btn_com {
    display: inline-block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    background: #417be7;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

.btn_com:hover {
    color: #ffffff;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

.input_com {
    border: 2px solid #0099d9;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 16px;
}

/*块级转化*/
.di_in {
    display: inline-block;
}

.di_no {
    display: none;
}

.di_bl {
    display: block;
}

/*原文件配置  end*/

/* 到顶部间距 */
.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 50px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

/* 到左边间距 */

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 25px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 35px;
}

.ml45 {
    margin-left: 35px;
}

.ml50 {
    margin-left: 50px;
}

/* 字体大小 */

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font22 {
    font-size: 22px;
}

.font24 {
    font-size: 24px;
}

.font26 {
    font-size: 26px;
}

.font28 {
    font-size: 28px;
}

.font30 {
    font-size: 30px;
}

/*纵向居中*/
.v_middle {
    vertical-align: middle;
}

/*横向居中*/
.te-align {
    text-align: center;
}

/*相对定位*/
.p_r {
    position: relative;
}

.p_a {
    position: absolute;
}

/* 白色背景 */
.bgfff {
    background: #000;
}

/*全局样式 end*/
.ells_one {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ells {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*首页*/
.top-falsh {
    width: 100%;
    height: 835px;
    position: relative;
}
.over_x{ overflow-x:hidden;}

.flash_box{ 
    width: 1920px;
    height: 930px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;

	
	}


.top-falsh .big1 {
    width: 100%;
    height: 216px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/top_big_01.jpg") no-repeat top center;
}

.top-falsh .big2 {
    width: 100%;
    height: 182px;
    position: absolute;
    top: 216px;
    left: 0;
    background: url("../images/top_big_02.jpg") no-repeat top center;
}

.top-falsh .big3 {
    width: 100%;
    height: 186px;
    position: absolute;
    top: 398px;
    left: 0;
    background: url("../images/top_big_03.jpg") no-repeat top center;
}

.top-falsh .big4 {
    width: 100%;
    height: 195px;
    position: absolute;
    top: 584px;
    left: 0;
    background: url("../images/top_big_04.jpg") no-repeat top center;
}

.top-falsh .big5 {
    width: 100%;
    height: 155px;
    position: absolute;
    top: 774px;
    left: 0;
    background: url("../images/top_big_05.jpg") no-repeat top center;
}

.top-nav-box {
    position: absolute;
    top: 0;
    right: 50%;
    width: 1288px;
	margin-right:-644px;
    height: 100px;
}

.top-nav-box .top-nav {
    padding-left: 40px;
    padding-top: 2px;
	float:right;
}

.top-nav ul {
}

.top-nav ul li {
    text-align: center;
    float: left;
    width: 178px;
    padding: 26px 0;
}

.top-nav li a {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

.top-nav li span {
    font-size: 12px;
    color: #faeac8;
    display: block;
    text-align: center;
}

.top-nav li:hover {
    background: rgba(255, 255, 255, .5);
    cursor: pointer;
}

.top-nav li a:hover {
    color: #faeac8;
}

.main {
    position: relative;
    height: auto;
    width: 100%;
    margin-top: -232px;
    overflow: hidden;
}

.main:after{
display: block;
content: "";
    position: absolute;
    top: 326px;
    background: #150d09;
    width: 100%;
    height: 100%;
}
.main .warp-main {
    position: relative;
    z-index:99;
}

.warp-top .quotations {
    background: #453f39;
    height: 28px;
    font-size: 13px;
    color: #e3d8ce;
    line-height: 28px;
    width: 959px;
    margin: 35px auto;
    margin-bottom: 40px;
    overflow: hidden;
}

.warp-top .quotations label {
    display: block;
    float: left;
    vertical-align: middle;
    width: 88px;
    text-align: center;
    color: #bb9568;
    background: #000;
}

.warp-top .quotations span {
    display: block;
    float: left;
    margin-left: 24px;
    width: 845px;
}

.warp-top-con {
}

.warp-top-con .con-l {
    width: 293px;
}

.warp-top-con .con-l .cz {
    display: block;
    width: 293px;
    height: 149px;
    background: url("../images/warp-top-img_44.jpg") no-repeat top center;
}
.warp-top-con .con-l .cz:hover{ background-position:bottom center;}

.warp-top-con .con-l .xz-address {
    width: 291px;
    height: 149px;
    background: url("../images/xz-bg_50.jpg") no-repeat top center;
}

.warp-top-con .con-l li {
    float: left;
    width: 50%;
    height: 74px;
}

.warp-top-con .con-l li a {
    font-size: 16px;
    color: #e3d8ce;
    display: block;
    text-align: center;
    line-height: 74px;
}
.warp-top-con .con-l li a:hover{
    color: #a90202;
}
.warp-top-con .con-l li dl {
}

.warp-top-con .con-l dl dt {
    display: block;
    text-align: center;
    color: #9f8f80;
    font-size: 16px;
    line-height: 44px;
}

.warp-top-con .con-l dl dd {
}

.warp-top-con .con-l dl dd a {
    display: inline;
    text-decoration: underline;
    line-height: 15px;
    color: #e3d8ce;
    font-size: 12px;
}

.warp-top-con .con-l dl dd .link1 {
    padding-left: 16px;
}

.warp-top-con .con-l dl dd .link2 {
    padding-left: 24px;
}

.warp-top-con .con-c {
    width: 553px;
    height: 298px;
    margin-left: 8px;
}

.warp-top-con .con-c img {
    width: 553px;
    height: 298px;
    display: block;
}
.warp-top-con .con-c img:hover{
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    transition: all .5s;
}
.warp-top-con .con-r {
    margin-left: 10px;
}

.warp-top-con .con-r .small-banner {
    width: 416px;
    height: 298px;
    display: block;
    overflow: hidden;
    position: relative;
}

.small-banner li {
    float: left;
}

.small-banner li img {
    width: 416px;
    height: 298px;
}
.small-banner li img:hover{
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    transition: all .5s;
}
.small-banner .btns {
    position: absolute;
    z-index: 10;
    right: 30px;
    bottom: 16px;
    text-align: center;
}

.small-banner .btns span {
    display: inline-block;
    width: 23px;
    height: 25px;
    background: url("../images/small-btn.png") no-repeat 0 0;
    margin: 0 5px;
}

.small-banner .btns span.on {
    background-position: -33px 0;
}

.warp-public-title {
    margin-bottom: 15px;
}

.warp-public-title {
    height: auto;
    overflow: hidden;
}

.warp-public-title .txt {
    width: 68px;
    color: #e3d8ce;
    font-size: 16px;
    line-height: 22px;
    float: left;
}

.warp-public-title .line {
    width: 100%;
    height: 1px;
    margin-left: 80px;
    background: #3c3d3c;
    margin-top: 10px;
    position: relative;
}

.warp-public-title .small-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 2%;
    height: 1px;
    z-index: 3;
    background: #e3d8ce;
}

.warp-news {
    margin-top: 26px;
}

.warp-news .left-news {
    width: 542px;
}

.warp-news .left-news .left-news-con {
    background: #e3d8ce;
    padding: 14px 30px 14px 30px;
}

.new-con-title {
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #312926;
}

.new-con-title li {
    float: left;
    width: 63px;
    position: relative;
    margin-right: 41px;
}

.new-con-title li a {
    line-height: 24px;
    color: #9d896e;
    font-size: 15px;
}

.new-con-title li.on a {
    color: #312926;
}

.new-con-title li.on:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #312926;
}

.new-con-title li:last-child {
    margin-right: 0;
}

.left-news-bd {
}

.left-news-bd .news-bd-title {
    padding-top: 19px;
    padding-bottom: 16px;
    border-bottom: 1px solid #312926;
}

.news-bd-title .left-img {
    width: 111px;
}

.news-bd-title .left-img img {
    width: 111px;
    height: 65px;
    display: block;
}

.news-bd-title .right-text {
    width: 358px;
}

.news-bd-title .right-text h6 {
    color: #a90202;
    font-size: 16px;
    font-weight: normal;
}

.news-bd-title .right-text p {
    color: #312926;
    font-size: 13px;
    line-height: 18px;
    margin-top: 7px;
}

.news-bd-title .right-text p a {
    color: #a90202;
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
}

.news-bd-title .right-text p a:hover {
    cursor: pointer;
    color: #b73030;
}

.new-bd-con {
    margin-top: 12px;
    height: auto;
    overflow-y: auto;
    height: 290px;
}

.new-bd-con li {
    margin-top: 14px;
    padding-left: 22px;
    background: url("../images/lis-bg.png") no-repeat left center/11px 11px;
}

.new-bd-con li a {
    font-size: 13px;
    color: #312926;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; display:inline-block;
}
.new-bd-con li span{ float:right;line-height: 30px; color:#9d896e;}
.new-bd-con li a:hover{
    color: #a90202;
}
.right-news {
    width: 730px;
}

.right-news .right-news-con {
    background: #e3d8ce;
    padding-top: 19px;
    padding-left: 20px;
    padding-right: 40px;
    padding-bottom: 21px;
}

.right-news .right-news-box {
    overflow-y: auto;
    height: 426px;
    width: 678px;
}

.right-news .right-news-con .right-news-text {
    background: #c8beb4;
    width: 600px;
    padding: 13px 16px 14px 16px;
    margin-bottom: 13px;
}

.right-news-text h3 {
    font-size: 18px;
    color: #c00000;
    line-height: 22px;
}

.right-news-text p {
    font-size: 12px;
    color: #312926;
    line-height: 25px;
    margin-top: 10px;
}

.hot-activity {
    margin-top: 24px;
}

.hot-info {
}

.hot-info .hot-info-list {
    overflow: hidden;
    width: 1280px;
}

.hot-info-list ul {
    width: 1284px;
    margin-right: -7px;
}

.hot-info-list li {
    float: left;
    position: relative;
    margin-right: 7px;
}

.hot-info-list li a {
    display: block;
}

.hot-info-list li img {
    width: 314px;
    height: 176px;
    display: block;transition: all 0.5s;
}
.hot-info-list li:hover{
    -webkit-filter: brightness(150%);
    filter: brightness(150%);
    transition: all 0.5s;

}
.hot-info-list li:hover img{ transform:scale(1.1);transition: all 0.5s;}
.hot-info-list li .img-text {
    position:absolute;
    z-index: 3;
    left: 24px;
    top:76px;transition: all 0.5s;
}

.hot-info-list li .img-text h6 {
color: #fff;
    font-size: 24px;
}

.hot-info-list li .img-text p {
line-height:30px;
    font-size: 12px;
    color: #b28d8d;
}
.hot-info-list li:hover .img-text{ top:56px;transition: all 0.5s;}
.hot-info-list li:hover .img-text .look-btn { margin-top:auto; transition: all 0.5s; display:block;}
.hot-info-list li .img-text .look-btn { transition: all 0.5s; display:none; transition: all 0.5s;
    width: 59px;
    height: 22px;
    border: 1px solid #FFF;
    color: #fff;
    text-align: center;
    line-height: 22px;
}
.hot-info-list li .img-text .look-btn:hover{
    color: #b28d8d;
    cursor: pointer;
}
.game-info{
    margin-top: 23px;
}
.game-info .left-game{
    width: 542px;
}
.game-info .right-game{
    width: 729px;
}
.game-man-lis{}
.game-man-lis li{
    float: left;
    cursor: pointer;
	border-left:1px solid #e3d8ce;
	height:448px;
}
.game-man-lis li .mask-bg{
    float: left; background:#312926; width:80px; height:100%;
}
.game-man-lis li .mask-bg strong{ font-size:24px; color:#e3d8ce; width:24px; display:block; line-height:35px; margin-left:auto; margin-right:auto; margin-top:112px;}
.game-man-lis li .mask-bg span{ font-size:12px; color:#7e7c7a; transform:rotate(90deg); display:block; margin-top:50px;}
.game-man-lis li .mask-bg img{
    width: 80px;
    height: 448px;
}
.game-man-lis li .game-img-box{
    float: left;
    width:0px;
    overflow: hidden; position:relative;

}
.game-img-box strong{ width:38px; font-size:38px; line-height:40px; display:inline-block; position:absolute; top:118px; left:235px; color:#312926; font-weight: normal;}
.game-img-box span{ font-size:16px; line-height:17px; width:16px; display:inline-block; position:absolute; top:205px; left:242px; color:#663333;}
.game-img-box p{ font-size:13px; line-height:24px; position:absolute; bottom:50px; left:130px; color:#333333; min-width:160px;}
.game-img-box div{ position:absolute; left:125px; bottom:25px; min-width:160px;}
.game-img-box div label{ font-size:14px; color:#b4201f;}
.game-img-box div em{ background:url(../images/block_s.png) no-repeat center center; width:18px; height:18px; vertical-align:middle; display:inline-block;}
.game-img-box div em.on{ background:url(../images/red_s.png) no-repeat center center;}
.game-man-lis li:first-child .game-img-box{
	display:block;
	width:293px;
	}

.game-man-lis li .game-img-box img{
    width: 293px;
    height: 448px;
}
.game-man-lis li img:hover{
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    transition: all 0.2s;
}
.equipment-banner li img:hover{
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    transition: all 0.2s;
}
.game-banner-bg{
    height: 448px;
    background: url("../images/game-img_11.jpg") no-repeat top center;
    position: relative;
}
.game-banner-bg .game-banner-box{
    position: absolute;
    width: 660px;
    height: 376px;
    left: 50%;
    top: 50%;
    margin-left: -340px;
    margin-top: -202px;
    padding: 10px;
    border: 1px solid #ccc1b6;
}
.game-banner{
    text-align: center;
    height: auto;
    overflow: hidden;
}
.game-banner li a{
    width:642px;
    height: 374px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.game-banner li img{
    width:642px;
    height: 374px;
    display: block;
}
.game-banner li img:hover{
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    transition: all 0.2s;
}
 .prev,
 .next{
    position: absolute;
    display: block;
    z-index: 10;
    top: 50%;
    width: 46px;
    height: 46px;
    margin-top: -23px;
}
.prev{
    left: 10px;
    background: url("../images/arrow.png") no-repeat  0 0;
}
.next{
    right: 10px;
    background: url("../images/arrow.png") no-repeat  right 0;
}
.pub-bg{
    background: #312926;
}
.kefu{
    margin-top: 23px;
    padding-bottom: 46px;
}
.kefu .kefu-left{
    width: 315px;
}

.kefu-con{
    height: auto;
    overflow:hidden;
}
.kefu-con .code{
    width: 258px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.kefu-con .code img{
    width: 258px;
    height: 258px;
    display: block;
}
.kefu-con .code p{
    font-size: 14px;
    color: #e3d8ce;
    line-height: 26px;
	
}
.kefu-con .code p span{
    font-size: 18px;
    color: #b00101;
}
.live-broadcast {
    margin-top: 23px;
    padding-top:20px;
    padding-bottom: 24px;
    border-top: 1px solid #453c38;
    border-bottom: 1px solid #453c38;
    font-size: 14px;
    color: #e3d8ce;
    text-align: center;
}

.live-broadcast p a{
    font-size: 18px;
    color: #b00101;
    display:inline;
	font-family:"Times New Roman";
	font-weight:bold;
}
.live-broadcast p a:hover{
    cursor: pointer;
    text-decoration: underline;
    color: #ffffff;
}
.kefu-qq{
    width: 316px;
    height: 120px;
    padding-top: 38px;
    padding-bottom:24px;
    background: url("../images/kefu-bg_03.jpg") no-repeat top center;
}

.kefu-qq dl .kefu-icon{
    width: 83px;
    display:inline-block;
    border-left: 1px dotted #857e76;
    text-align: center;

}
.kefu-qq dl {
    height: auto;
    overflow: hidden;
    text-align: center;
}
.kefu-qq dl dd{
    display: block;
    margin-top:40px;
}
.kefu-qq dl .kefu-icon span{
    width: 77px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    text-indent: 22px;
    padding-top: 9px;
    padding-bottom: 7px;
    margin-left: 5px;
}
.kefu-qq dl .kefu-icon1 span{
    background: url("../images/kefu-qq_03.jpg") no-repeat left center;
}
.kefu-qq dl .kefu-icon2 span{
    background: url("../images/kefu-qq_07.jpg") no-repeat left center;
}
.kefu-qq dl .border0{
    border-left: 0;
}

.kefu .equipment{
    width: 950px;
}
.equipment-con{
position: relative;
    overflow: hidden;
    height: auto;
    padding-bottom: 40px;
}
.equipment-con .prev{
    left: 5px;
}
.equipment-con .next{
    right: 5px;
}
.equipment-banner-box{
    width: 836px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
	overflow:hidden;
}
.equipment-banner{
    width: 836px;
	height: 373px;
    margin-right: -20px;
}
.equipment-banner li{
    text-align: center;
    float:left;
    margin-right: 20px;
	display:inline;
}
.equipment-banner li img{
    width: 268px;
    height: 330px;
}
.equipment-banner li p{
    font-size: 14px;
    color: #e3d8ce;
    line-height: 32px;
}
.custom-ad{
    height: 92px;
    background: url("../images/kefu-imgs_21.jpg") no-repeat left center;
    margin-top: 10px;
    text-align: center;
}
.custom-ad h2{
    font-size: 38px;
    color: #e3d8ce;
    font-weight: normal;
    line-height: 92px;
}
#footer{width:100%;position:relative;overflow:hidden;color:#e3d8ce;margin:0 auto;background:url(../images/footerbg.jpg) repeat-x center top;background-color:#000000;z-index:1500;}
	#footer .center{padding:20px 0;width:1240px;margin:0 auto;}
	#footer .bomlogo{float:left;width:450px;text-align:center;position:relative;display:inline;}
	#footer .tips{color:#c00000;margin-bottom:5px;}
	#footer .box{float:right;width:660px;line-height:24px;text-align:right;margin-right:6px;display:inline;}
	#footer ul{position:relative;color:#e3d8ce;margin:0px -5px 25px 0px;}
	#footer ul li{display:inline;}
	#footer ul li a{color:#e3d8ce;padding:0 5px;vertical-align: middle;}
	#footer ul li a:hover{color:#c00000;}
	#footer p a{font-size:14px;font-family:'times new roman', times, serif;font-weight:bold;color:#c00000;text-decoration:underline;vertical-align: middle;}
	#footer p a:hover{color:#c00000;}
/*滚动条*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 10px;
    height: 100%;
    background: #312926;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background:#272423;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}
.left-news-com { display:block; position:relative; background:#e3d8ce; height:300px;}
.left-news-com .new-bd-con{ position:absolute; z-index:-1; width:100%; top:0;}
.left-news-com .new-bd-con:first-child{  z-index:1;}


		/*视频*/
		#Video{background-color:#000;}
		/*轮播广告*/
		#playBanner{float:right;width:383px;height:292px;position:relative;overflow:hidden;background-color:#000;}
		/*图片轮播样式*/
		#playBanner .conbox{width:9999em;position:absolute;}
		#playBanner .conbox div{float:left;width:383px;height:292px;overflow:hidden;}
		#playBanner .conbox div img{width:100%;height:100%;display:block;}
		#playBanner .switcher{float:right;position:absolute;right:10px;bottom:11px;z-index:99;}
		#playBanner .switcher a{margin:0 2px;float:left;width:21px;height:21px;line-height:21px;text-align:center;overflow:hidden;font-size:14px;font-family:arial;color:#323232;background:url(../images/nav_a_bg.png) no-repeat right top;background-color:#fde94a;border-radius:10px;cursor:pointer;display:inline;}
		#playBanner .switcher a.cur,#playBanner .switcher a:hover{color:#fff;background-color:#fdfff9;background-position:left top;}