@charset "utf-8";

@import url(../css/wf_logo.css);

/*global*/

.c:after{content:"\0020";height:0;display:block;clear:both;}

.c{zoom:1;}

.none{font-size:0;height:0;line-height:0;visibility:hidden;display:none;}

.t{display:block;text-indent:-9999px;text-align:left;}

object,embed{display:block;vertical-align:top;*display:inline;}

/*page*/

body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,sans-serif;min-width:1200px; background:#000312;}

.wf_logo{left: 50%; margin-left:-80px; top: 0;}

.sub-content-box:after{content: '';display: block; font-size: 0; clear: both;}

/*导航*/

.nav-top{ position: absolute; width: 1920px;height: 112px; top: 0px; left: 50%; margin-left: -960px; background: url(../images/top.png); z-index: 1;}

.nav-box{position: absolute; top: 37px;left: 0; width: 1200px;height: 26px; line-height: 26px; z-index: 2;}

.nav-name{position: relative; float: left; width: 150px; height: 26px;  text-align: center; }

.nav-name dt{width: 150px; height: 26px;}

.nav-name dl.nav-act:hover,.nav-name dl:hover{background: url(../images/nav-bg.png) center 0 no-repeat;}

.nav-name dl:hover dd{display: block;}

.nav-name dt a{display:inline-block; width: 150px; height: 26px;color:#fff;font-size: 14px;}

.nav-name dl:hover dt a{
	color: #FCADFC;
}

.nav-space{position: relative; float: left; width: 11px; height: 26px; color: #225b7d; transform: rotate(30deg);}

.nav-empty{float: left; width: 255px; height: 26px;}

.nav-name dd{display: none; padding-top: 16px; height: 166px;}

.nav-name dd p{background: url(../images/nav-line.png) center bottom no-repeat;}

.nav-name dd a{display: block; line-height: 32px; text-align: center; color: #dcf1ff;}

.nav-name dd a:hover{
	color: #FCADFC;
}

/*slogan */

.slogan{position: absolute; right: 0px; top: 165px;width: 624px;height: 339px; background: url(../images/SLO.png); z-index: 10; pointer-events:none; z-index: 1; }



/*leftbar*/

.leftbar .download_btn a,.left_btns a,.serv_btn a,.art_btn,.social a,.game_ann,.right_cont .news_tab a,.backtotop a {background: url(../images/left_sp.png) no-repeat;}

.con-left .download_btn,.con-left .left_btns{display: none;}

.leftbar {width: 320px; float: left;font-size: 13px; margin-right: 26px;}

.leftbar .download_btn {width: 320px; height: 166px; margin-bottom: 25px;}

.leftbar .download_btn a {display: block; width: 100%; height: 100%; background-position: 0 0;}

.leftbar .download_btn a:hover {background-position: -330px 0;}

.left_btns {width: 320px; height: 69px; margin-bottom: 25px;}

.left_btns a {width: 154px; height: 69px; float: right;}

.left_btns a.left_btn1 {background-position: 0 -186px; margin-right: 12px;} 

.left_btns a.left_btn2 {background-position: -170px -186px;} 

.left_btns .left_btn1:hover {background-position: -330px -186px; margin-right: 12px;} 

.left_btns .left_btn2:hover {background-position: -500px -186px;} 

.serv_btn {width: 320px; height: 120px; margin-bottom: 26px;}

.serv_btn a {background-position: 0 -275px; width: 100%; height: 100%; display: block;}

.serv_btn a:hover {background-position: 0 -275px;}

.art_btn {position: relative; width: 313px; height: 213px; background-position: 0 -415px; padding: 7px 0 0 7px; margin-bottom: 26px;}

.art_btn img,.art_btn:hover img{border: solid 1px #1d5071;vertical-align: top;}

.art_btn span{display: inline-block; position: absolute; top: 50%;left: 50%; margin: -22.5px 0 0 -113px; width: 226px;height: 45px;  background: url(../images/yscl.png) no-repeat 0 0 ;}

.art_btn:hover span em{display: inline-block;width: 226px;height: 45px; background: url(../images/yscl.png) no-repeat 0 -45px; -webkit-animation: showWidth 1s 1 linear forwards;animation: showWidth 1s 1 linear forwards; }

.social {width: 320px; margin-bottom: 25px;}

.social a {width: 135px; height: 185px; float: left; padding: 20px 0 0 15px; position: relative;}

.social a em {
	width: 100%;
	height: 21%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	line-height: 300%;
	color: #78a6d5;
	text-align: center;
}

.social a.social_wx {background-position: 0 -655px; margin-right: 20px;}

.social a.social_wb {background-position: -170px -655px;}

.game_ann {width: 320px; height: 74px; background-position: 0 -880px; padding-top: 60px;}

.game_ann p {text-align: center; line-height: 16px; color: #78a6d5; }



.right_cont {width: 850px; min-height:500px; border:2px solid #1b3b56; float: left; background: rgba(6,18,44,0.5); }

.right_cont .news_tab {width: 860px;}

.right_cont .news_tab a {width: 210px; height: 66px; float: left; background-position: -440px -464px; text-align: center; padding-top: 10px; color: #48c7ec; font-size: 24px; font-weight: 700; margin-right: 4px;}

.right_cont .news_tab a em {display: block; font-size: 10px; color:#66a1cc; font-weight: 300;}

.right_cont .news_tab a:hover,.right_cont .news_tab .active {color:#e8de96;}



.news_list {padding: 40px 30px;}

.news_list li {color: #78a6d5; line-height: 50px; border-bottom: 1px dashed #123046;}

.news_list li span {float: right;}

.news_list li a {color: #78a6d5;}

.news_list li a:hover {color: #d8b773;}



.backtotop {width: 40px; height: 40px; display: none; position: fixed;right: 50%;margin-right: -640px;bottom: 110px;z-index: 1;}

.backtotop a {display: block; width: 100%; height: 100%; background-position: -610px -595px; }



@-webkit-keyframes showWidth {

  0% {width:0;opacity: 0;}

  100% {width:100%;opacity: 1;}

}



@keyframes showWidth {

  0% {width:0;opacity: 0;}

  100% {width:100%;opacity: 1;}

}