body{min-width:1200px;font-family: "Arial","SimSun"; font-size:12px; background: #130401 url(../images/bg.jpg) no-repeat center top;}
.warp{width: 1200px; margin-left: auto; margin-right: auto;}

/*a btn*/
a{text-decoration:none} 
a:hover{color:#ec4828}
/*header*/
#header{background:url(../images/brief_01.jpg) no-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; color:#fffcf3}
.brief-game ul{border-left:0;}
.brief-game ul li {cursor:pointer;text-align: center; float: left; width: 380px; position: relative;padding:6px 5px 6px 6px; background:url(../images/im2.png) no-repeat; height:500px; margin-left:9px;}
.brief-game ul li div{width: 300px;height:260px;overflow: hidden; margin-top:80px; margin-left:34px;}
.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; width:300px; height:260px; }
.brief-game ul li p { text-align:left; margin-bottom:10px;margin-left:30px}
.brief-game ul li dl { float:left; width:300px;  font-size: 14px; line-height:20px; color:#c0baac; margin-left:35px;  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:#fff; font-size: 14px; padding: 8px 0 0 5px; }
.brief-game ul li p a { display: block; font-size: 18px; color:#fb3e09;font-weight: bold; }
.brief-game li a:hover { color: #f50b0b }
.brief-game ul li h3{ width:310px;height:28px;line-height:28px; font-size: 20px; color:#f50b0b;font-weight: bold; }


.brief-game1 h2 { padding: 25px 0 10px 2px; color:#fffcf3}
.brief-game1 ul{border-left:0;}
.brief-game1 ul li {cursor:pointer;text-align: center; float: left; width: 1040px; position: relative;padding:6px 5px 6px 6px; background:url(../images/wj123.png) no-repeat; height:1000px; margin-left:66px;}
.brief-game1 ul li div{width: 900px;height:700px;overflow: hidden; margin-top:87px; margin-left:42px;}
.brief-game1 img { vertical-align: middle; transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all .8s ease-in; width:900px; height:700px; }
.brief-game1 ul li p { text-align:left; margin-bottom:10px;margin-left:50px}
.brief-game1 ul li dl { float:left; width:300px;  font-size: 14px; line-height:20px; color:#c0baac; margin-left:35px;  text-align:left}
.brief-game1 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-game1 ul li p span { position: relative; display: block; color:#fff; font-size: 14px; padding: 8px 0 0 5px; }
.brief-game1 ul li p a { display: block; font-size: 18px; color:#fb3e09;font-weight: bold; }
.brief-game1 li a:hover { color: #f50b0b }
.brief-game1 ul li h3{ width:310px;height:28px;line-height:28px; font-size: 20px; color:#f50b0b;font-weight: bold; }



.brief-dt { padding: 45px 0 30px ; color:#fffcf3}
.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);}

.download {float:left;width:225px;height:50px; background:url(../images/download-1.png) no-repeat;;text-indent:-9999em;margin-left:70px;margin-top:10px}
.download:hover{ background:url(../images/download-2.png) no-repeat;}


.hezuo {letter-spacing:1px; left: 0px; top: 0px; width: 100%;  }