@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:#fde803}
/*header*/
#header{background:url("../images/brief_01.jpg"/*tpa=http://www.fhcq180.com/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: #fde803;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 #fde803 solid;background: #2e2e2e;height: 101px;color: #fde803}
#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"/*tpa=http://www.fhcq180.com/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"/*tpa=http://www.fhcq180.com/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"/*tpa=http://www.fhcq180.com/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"/*tpa=http://www.fhcq180.com/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"/*tpa=http://www.fhcq180.com/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);}

#tc_view{width:672px;height:558px;background:url("../images/tanBg.png"/*tpa=http://www.fhcq180.com/images/tanBg.png*/) no-repeat;position:absolute;z-index:15000;}
#tc_view .vClose{width:200px;height:60px;position:absolute;top:26px;left:240px;}
#tc_view .scrollV{width:450px;height:200px;position:absolute;left:118px;top:215px;overflow:hidden;}
#tc_view .scrollV ul{width:450px;position:absolute;top:0;left:0;}
#tc_view .scrollV ul li{width:450px;height:280px;padding:15px 0;}
#tc_view .scrollV h3{color:#f0d197;font-size:22px;height:40px;line-height:26px;overflow:hidden;}
#tc_view .scrollV p{sline-height:24px;color:#f0d197;line-height:24px;font-size:16px;}
#viewMask{position:absolute;left:0;top:0;z-index:9990;width:100%;opacity:0.8;filter:alpha(opacity=80);background:#000;display:none;}

#tc_view .djs{width:200px;height:60px;position:absolute;top:450px;left:240px;text-align:center;}
#tc_view .djs span{display:block;text-align:center;font-size:16px;color:#fff;}

/*窗口*/
	*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
	#window{width:100%;height:100%; position:fixed;top:0;left:0;background: url("../images/spacesbg.gif"/*tpa=http://www.fhcq180.com/images/spacesbg.gif*/) repeat left top;display:none;z-index:10000; _position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
	#float_window{position:absolute;top:50%;left:50%;padding:0px;z-index:20001;}
	#float_window .closewindow{width:52px;background:url("../images/btn_close.png"/*tpa=http://www.fhcq180.com/images/btn_close.png*/) no-repeat left bottom;height:52px;position:absolute;}
	#float_window .closewindow:hover{background-position:left top;}
	#video{width:850;height:600px;background:#000;}