@charset "utf-8";
/*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(/Skins/ol/Images/top.png); z-index: 1;}
/*slogan */
.slogan{position: absolute; right: 0px; top: 165px;width: 624px;height: 339px; background: url(/Skins/ol/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(/Skins/ol/Images/left_sp.png) no-repeat;}
.con-left .download_btn,.con-left .left_btns{display: none;}
.leftbar {width: 320px; float: left;font-size: 14px; 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(/Skins/ol/Images/yscl.png) no-repeat 0 0 ;}
.art_btn:hover span em{display: inline-block;width: 226px;height: 45px; background: url(/Skins/ol/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: 150px; height: 42px; position: absolute; bottom: 0px; left: 0px; line-height: 42px; color: #78a6d5; text-indent: 4em;}
.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;}
}