@charset "utf-8";

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

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

.hide{display: none;}

.main{ overflow-x:hidden; }

.header{  margin: 0 auto; background: url(../images/header.jpg) no-repeat center top;}

.content{  margin: 0 auto; background: url(../images/content.jpg) no-repeat center top; }

.header-box{position: relative; width: 1200px; height: 1135px; margin: 0 auto;}

.content-box{position: relative; width: 1200px; height: 1004px; margin: 0 auto;}

.content-video{position: absolute; top: 0;left: 50%; margin-left:-960px; z-index: 0; pointer-events:none;  }



/*btns*/

.btn-box{position: absolute; width: 600px;height: 270px; top: 473px; right: 0;}

.btns{position: absolute;background: url(../images/btn.png); overflow: hidden;}

.btn-down{top:0;left:0;width: 324px;height: 170px; background-position: 0 0;}

.btn-down:hover{background-position: 0 -170px;}

.btn-pay{top:0;left:351px;width: 249px;height: 170px; background-position: 0 -340px;}

.btn-pay:hover{background-position: 0 -510px;}

.btn-gift{top:190px;left:0;width: 324px;height: 88px; background-position: 0 -680px;}

.btn-gift:hover{background-position: 0 -768px;}

.btn-reg{top:190px;left:351px;width: 249px;height: 88px; background-position: 0 -856px;}

.btn-reg:hover{background-position: 0 -944px;}



/*轮播*/

.play-box{position: absolute; top: 788px; right: 0;width: 593px;height: 288px;}

.play-panel{width: 593px;height: 288px; overflow: hidden;}

.play-panel ul{position: relative;width: 593px;height: 288px;}

.play-panel ul li img{width: 593px; height:288px;}

.play-panel ul li span{position: absolute; top:0;left:0;width: 593px;height:288px;background: url(../images/player-box.png) no-repeat 0 0;}

.play-box .num a{position: relative; display: inline-block; width: 30px; height: 30px; margin: -12px 0; cursor: pointer;}

/* .play-box .num a:after{display: block; content: ""; position: absolute; left: 16px; bottom: -9px; width: 2px; height: 9px; transform: rotate(-45deg); background: #165984; font-size: 0; overflow: hidden;  }

.play-box .num a:last-child:after{display: none;} */

.num-box{position: absolute; bottom: 0px; left: -32px; width: 30px;}

.num{width: 30px;}

.play-box .num span{position: absolute; width: 30px; height: 30px; overflow: hidden; background: url(../images/ad-icon.png) no-repeat 0 0;}

.play-box .num .active span{background-position: 0 -30px;}

.content-bottom{width: 1200px; height: 120px; margin: 0 auto; padding-top: 24px; clear: both;}

.content-bottom li{width: 386px; height: 207px; float: left; margin-right: 21px;}

.content-bottom li a{display: inline-block;padding:2px;width: 382px; height: 203px; background: url(../images/bottom-border.png) no-repeat 0 0;}

.content-bottom li img{vertical-align: top;width: 382px;height:203px;}

.content-bottom .not-pad{ margin-right: 0;}

.con-left{float: left; width: 345px;  height: 752px;}

.con-rigth{float: left; width: 855px; height: 752px;}

.con1{height: 368px;}



/*新闻公告*/

.con-news{padding:2px; position: relative; width: 667px;height: 361px;background: url(../images/news-bg.png) no-repeat 0 0;}

.official{}

.official dt{position: absolute; top: 16px; right: 14px; width: 50px; height: 40px; text-align: center; line-height: 40px;  overflow: hidden; z-index: 10; }

.official dt a{display: inline-block; width: 50px; height: 40px;color: #d8b773; font-size: 30px;background: url(../images/more-icon.png) no-repeat center center;}

.official dd{position: relative; height: 60px;}

.official dd a{display: block; position: relative; float: left; height: 60px; line-height: 42px; text-align: center; font-size: 20px; color: #48c7ec; }

.official dd a span{display:inline-block;overflow:hidden;height: 60px;text-indent:-200em;background: url(../images/tabs.png) no-repeat;}

.official dd a span.news{background-position: 0 0;width: 88px;}

.official dd a span.ann{background-position: -88px 0;width: 76px;}

.official dd a span.act{background-position: -164px 0;width: 75px;}

.official dd a span.media{background-position: -239px 0;width: 100px;}

.official dd a span.article{background-position: -239px 0;width: 100px;}

.official dd a:hover span.news,.official dd .active span.news{background-position: 0 -60px;}

.official dd a:hover span.ann,.official dd .active span.ann{background-position: -88px -60px;}

.official dd a:hover span.act,.official dd .active span.act{background-position: -164px -60px;}

.official dd a:hover span.media,.official dd .active span.media{background-position: -239px -60px;}

.official dd a:hover span.article,.official dd .active span.article{background-position: -239px -60px;}

/* .official dd a:hover,.official dd .active{background-position: 0 -42px; color: #d8b773;} */



.official ul{}

.official ul li{display: none;}

.official ul li h4{ width: 615px; margin:0 auto; height: 39px; line-height: 39px; border-bottom:1px dashed #797ead; }

.official ul li h4.noborder{ border-bottom:none; }

.official ul li h4 a{ display: inline-block; width:470px; color: #7277a5; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}

.official ul li h4 a:hover{color: #01eff1;}

.official ul li h4 em{ float:left; }

.official ul li h4.green em{color: #719f48;}

.official ul li h4.red em{color: #47528f;}

.official ul li h4.blue em{color: #dca931;}

.official ul li h4.yellow em{color: #159c8b;}

.official ul li h4.orange em{color: #dca931;}

.official ul li h4 span{ float:right; color:#7277a5; }



/*右侧广告*/

.right-ad{position: absolute; top: 0px; right: 0px; width: 160px;}

.right-ad li a{display: block; width: 156px; height: 104px; padding: 2px; background: url(../images/border.png) no-repeat;}

.right-ad li {margin-bottom: 20px;}

.right-ad li img{vertical-align: top;width: 156px; height: 104px;}

.right-ad .last{margin-bottom: 0;}

/*特色介绍轮播*/

.con2{width:855px;height: 364px; padding-top: 24px;}

.con-cycle{position: relative;padding:2px; width: 851px; height: 360px; background: url(../images/cycle-bg.png) no-repeat 0 0;}

.con-cycle ul{position: relative; width: 851px; height: 360px; overflow: hidden;}

.con-cycle ul img{width: 851px;height:360px;}

.cyc-nav{position: absolute; width: 115px; top: 184px; right: 22px; z-index: 10;}

.cyc-nav a{position: absolute; right: 0px; width: 115px; height: 40px; background-image: url(../images/cyc-nav.png); background-repeat: no-repeat;}

.cyc-nav .cyc0{top:0px;background-position: 0 0; }

.cyc-nav .cyc0.active{background-position: -115px 0px;}

.cyc-nav .cyc1{top:40px; background-position: 0 -40px;}

.cyc-nav .cyc1.active{background-position: -115px -40px;}

.cyc-nav .cyc2{top:80px; background-position: 0 -80px;}

.cyc-nav .cyc2.active{background-position: -115px -80px;}

.cyc-nav .cyc3{top:120px; background-position: 0 -120px;}

.cyc-nav .cyc3.active{background-position: -115px -120px;}



.ani-box{}



/*.ani-box .modles {

  transition: all .8s ease .3s;

  -webkit-transition: all .8s ease .3s;

  -moz-transition: all .8s ease .3s;

  -o-transition: all .8s ease .3s;

  opacity: 1;

  filter: alpha(opacity=100);

  transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  -o-transform: translateY(0)

}

.ani-box .unshowed, .unshowed .modles {

  opacity: 0;

  filter: alpha(opacity=0);

  transform: translateY(50px);

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  -o-transform: translateY(50px)

}*/



/* 音乐播放 */

.music{position:absolute; z-index:10;  transform:rotate(0deg); right:0px;top:114px; width:34px; height:34px; background:url(../images/music2.png) no-repeat;animation:scroll 2s linear 0s infinite normal;-webkit-animation:scroll 2s linear 0s infinite normal; cursor: pointer; }

.music.pause{ background-position:0px -34px;-webkit-animation:none; animation:none;}

@keyframes scroll

{

100% {transform:rotate(360deg);}

}

@-webkit-keyframes scroll

{

100% {-webkit-transform:rotate(360deg);}

}