@charset "utf-8";
/*body init*/
body{min-width:1200px;font-family: "Arial","SimSun"; color:#333; font-size:12px; background-color: #fffcf3}
.warp{width: 1200px; margin-left: auto; margin-right: auto;}

/*a btn*/
a{color:#333; text-decoration:none} 
a:hover{color:#ec4828}
/*header*/
#header{background:url(../images/brief_01.jpg) repeat;height: 126px;padding-top: 0}
#header a.fl{height: 126px}
#header .nav{text-align: center;font-size: 14px;padding-left: 30px}
#header .nav li{float: left}
#header .nav li a{color: #bea067;width: 158px;margin-left: 1px;display: block;height: 104px;padding-top: 22px}
#header .nav li.cur a,#header .nav li a:hover{border-bottom: 3px #ffca00 solid;background: #130d0a;background: rgba(19,13,10,0.48);filter: alpha(opacity = 48);height: 101px;color: #e4c18f}
#header .nav li a em{transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;display: block;width:28px;height: 32px;margin:0 auto 10px auto;background:url(../images/brief-nav.png) no-repeat}
#header .nav li a span{position: relative;}
#header .nav li.cur a .nav-icon01,#header .nav li a:hover .nav-icon01{background-position:0 -32px }
#header .nav li a .nav-icon02{background-position:-32px 0 ;width:24px }
#header .nav li.cur a .nav-icon02,#header .nav li a:hover .nav-icon02{background-position:-32px -32px }
#header .nav li a .nav-icon03{background-position:-60px 0 ;width:38px }
#header .nav li.cur a .nav-icon03,#header .nav li a:hover .nav-icon03{background-position:-60px -32px }
#header .nav li a .nav-icon04{background-position:-104px 0 ;width:27px }
#header .nav li.cur a .nav-icon04,#header .nav li a:hover .nav-icon04{background-position:-104px -32px }
#header .nav li a .nav-icon05{background-position:-137px 0 ;width:25px }
#header .nav li.cur a .nav-icon05,#header .nav li a:hover .nav-icon05{background-position:-137px -32px }
#header .nav li a .nav-icon06{background-position:-168px 0 ;width:33px }
#header .nav li.cur a .nav-icon06,#header .nav li a:hover .nav-icon06{background-position:-168px -32px }

/*css reset*/
.mainbanner { height: 625px; overflow: hidden; position: relative; }
.mainbanner_window { left: 50%; width: 1920px; height: 625px; overflow: hidden; margin-left: -960px; position: absolute; }
.mainbanner_window ul { width: 999999px; height: 625px; position: relative; }
.mainbanner_window li { background: rgb(204, 204, 204); width: 1920px; height: 625px; text-align: center; font-size: 0px; float: left; display: inline; }
.mainbanner_list { top: 585px;position: absolute;text-align: center;width: 1200px}
.mainbanner_list span{display: inline-block;}
.mainbanner_list span a { margin:0 7px;background: url("../images/btn-brief.png") no-repeat; width: 17px; height: 17px; display: inline-block; }
.mainbanner_list .active a { background-position: 0 -130px; width: 65px; }
.mainbanner_nav{width: 1200px;margin:0 auto;position: relative;display: none}
.mainbanner_nav a { background: url('../images/btn-banner.png'); position: absolute; z-index: 1000; top: 260px; cursor: pointer; width: 46px; height: 72px;}
.mainbanner_nav a.left { right: 0;background-position: -46px 0; }
.mainbanner_nav a.right:hover{background-position: 0 -81px;}
.mainbanner_nav a.left:hover{background-position: -46px -81px;}
.brief-game h2 { padding: 25px 0 10px 2px; }
.brief-game ul{border:1px #ccc solid;border-left:0;background: #fff}
.brief-game ul li {cursor:pointer;text-align: center; float: left; width: 227px; position: relative;padding:6px 5px 6px 6px;border-left: 1px #ccc solid }
.brief-game ul li div{width: 227px;height: 188px;overflow: hidden;}
.brief-game img { vertical-align: middle; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all .8s ease-in; }
.brief-game ul li p { text-align: left}
.brief-game li:hover img { transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: all .8s ease-in; }
.brief-game ul li p span { position: relative; display: block; color: #666; font-size: 14px; padding: 8px 0 0 5px; }
.brief-game ul li p a { display: block; font-size: 18px; color: #450707;font-weight: bold; }
.brief-game li a:hover { color: #f50b0b }
.brief-dt { padding: 45px 0 30px }
.brief-dt-l { width: 545px }
.brief-dt-tit { line-height: 24px; border-bottom: 1px #eeece6 solid; padding: 0 3px 10px; margin-bottom: 12px }
.brief-news-tab li { float: left; }
.brief-news-tab li a { margin: 0 5px; }
.brief-news-tab a { color: #999 }
.brief-news-tab a:hover, .brief-news-tab li.cur a { color: #f01d27 }
.news-more { background: url("../images/btn-brief.png") 0 -22px; width: 14px; height: 14px; margin-top: 8px }
.news-more:hover{background-position: -14px -22px}
.brief-news-container {overflow: hidden; position: relative; width: 100%; }
.brief-news-wrapper { width: 1300px; }
.brief-news-container .swiper-slide { width: 545px;float: left; overflow: hidden; }
.brief-news-container .swiper-slide ul li { height: 26px; line-height: 26px; padding: 2px 2px; }
.brief-news-container .swiper-slide ul li span { float: right; color: #999; }
.brief-news-container .swiper-slide ul li a { display: block; overflow: hidden; height: 26px; width: 455px; color: #999 }
.brief-news-container .swiper-slide ul li a:hover { color: #f01d27 }

.game-layer{display: none;z-index: 1025;width:1196px;height: 436px;position: fixed;top:50%;left: 50%;margin:-220px 0 0 -600px;background: #fff;border:1px #ccc solid;padding:2px;}
.game-layer-clo{background: url(../images/btn-brief.png) no-repeat 0 -36px;width: 47px;height: 47px;position: absolute;right:0px;}
.game-layer-clo:hover{background-position: 0 -83px}
.game-layer-img{border:1px #a1a1a1 solid;}
.game-layer-img img{display: block;}
.game-layer-btn{position: absolute;font-size: 18px;bottom: 100px;left:83px;}
.game-layer-btn a{margin-right: 15px;display: inline-block;background: #fff; background: rgba(255, 255, 255, 0.22); filter: alpha(opacity = 22);width: 120px;text-align: center;height: 45px;line-height: 45px}
.game-layer-btn a em{position: relative;color: #fff}
.game-layer-btn a:hover em{color: #f00}
.ui-popup-backdrop{display: none;opacity: 0.5; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; z-index: 1024; background: rgb(0, 0, 0);}