body{color:#666;font:14px/160% Microsoft Yahei,Arial;}

.wrap{width:100%;min-width:1302px;}
.wrap .head{height:604px;width:100%;background:url(../images/head-bg.jpg) no-repeat top center;z-index:-1;}
/*公告*/
.homepg .head{background:url(../images/head-bg.jpg) no-repeat top center;  height:604px;}

.wrap .head .head-div{min-width:1003px;max-width:1502px;height:604px;}
.homepg .head .head-div{min-width:1003px;max-width:1202px;height:660px;}

.wrap .main{width:100%;min-width:1302px;background:#78441d url(../images/main-bg.jpg) no-repeat top center;display:block;}
.wrap .main-div{width:1302px;}
.wrap .main-div .box0{height:508px;background:url(../images/main-bg-01.png) no-repeat top center;padding:66px 0 0 80px;}
.wrap .main-div .box1{height:630px;background:url(../images/main-bg-02.png) no-repeat top center;}
.wrap .main-div .box2{height:649px;background:url(../images/main-bg-03.png) no-repeat top center;padding-bottom:200px;}
a{color:#000; text-decoration:none;}
a:hover{text-decoration:underline; color:#c00;}
/*头部&导航*/
.topnav{top:20px;right:0;}
.topnav .menu{width:788px;height:43px;top:0;right:0;background-image:url(../images/top-nav-bg.png);color:#eed9a6;padding-left:13px;position:relative;}
.topnav .menu dt{float:left;}
.topnav .menu dt a{float:left;padding:10px 5px 9px 3px;font-size:16px;color:#eed9a6;}
.topnav .menu dt a i{float:left;width:13px;height:14px;background:url(../images/sprite.png) -181px 0;margin:5px;}
.topnav .menu #hMenu{height:0;transition:height ease 0.8s;background:rgba(110,55,30,.9);background:#6e371e \9;padding-left:5px;margin-left:-5px;width:777px;position:absolute;top:43px;}
.topnav .menu #hMenu dd{width:95px;min-height:80px;float:left;text-align:center;opacity:0;transition:opacity ease 1s;}
.topnav .menu #hMenu dd ul{}
.topnav .menu #hMenu dd ul li{padding:3px 0 3px 13px;}
.topnav .menu #hMenu dd ul li a{color:#eed9a6;}
.topnav .menu #hMenu dd ul li a:hover{color:#fff;}
.topnav .menu .showmenu{height:120px !important;transition:height ease 0.8s !important;margin-left:-5px;padding-left:5px;}
.topnav .menu .showmenu dd{opacity:1 !important;transition:opacity ease 1s !important;}
.fixmenu{position:fixed;width:100%;top:0;left:0;height:43px;z-index:20;background:rgba(110,55,30,.9);background:#6e371e \9;}
.fixmenu .topnavFix{min-width:1003px;max-width:1502px;height:43px;margin:0 auto;}
.fixmenu .topnavFix .logo{height:42px;top:0 !important;}
.fixmenu .topnavFix .logo img{height:100%;}
.fixmenu .topnavFix #topnav{top:0;}
.fixmenu .topnavFix .menu{background:none;}
.fixmenu .topnavFix .menu .showmenu{margin:0;padding:0;}
.fixmenu .topnavFix #hMenu{background:rgba(110,55,30,.9);background:#6e371e \9;}

/*轮播广告*/
.picBa{width:440px;height:455px;position:relative;}
.picBa ul{width:440px;height:455px;}
.picBa ul li{width:100%;height:100%;}
.picBa ul li img{width:440px;height:455px;}
.picBa .btn-list{position:absolute;bottom:10px;}
.picBa .btn-list a{width:10px;height:10px;border-radius:8px;float:left;text-indent:-9999px;background:#fff;margin:3px;box-shadow:1px 1px 5px #000;}
.picBa .btn-list a.active{width:20px;background:#fced6e;}

/*新闻列表*/
.news-tab{width:600px;height:380px;margin:50px 0 0 60px;}
.news-tab .new-nav{border-bottom:1px #ff7604 solid;}
.news-tab .new-nav a{float:left;height:40px;text-align:center;width:14%;margin:0 3%;line-height:40px;}
.news-tab .new-nav a.actived{border-bottom:3px #ff7604 solid;height:37px;}
.news-tab .newlist-page{}
.news-tab .newlist-page .defaultnewlist{overflow:hidden;width:96%;margin:0 auto;display:none;}
.news-tab .newlist-page .defaultnewlist a{padding-top:20px;width:100%;font-size:1.5em;font-weight:bold;color:#ff8200;text-align:center;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-tab .newlist-page .defaultnewlist ul{width:100%;float:left;padding:10px 0;margin:0 auto;}
.news-tab .newlist-page .defaultnewlist ul li{height:22px;padding:6px 0;}
.news-tab .newlist-page .defaultnewlist ul li span.type{width:10%;float:left;text-align:left;color:#ff8200;}
.news-tab .newlist-page .defaultnewlist ul li a{padding:0;font-size:1em;color:#656565;font-weight:100;width:80%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:460px;}
.news-tab .newlist-page .defaultnewlist ul li span.newdate{float:right;text-align:center;width:10%;color:#9f9f9f;}

/*角色介绍*/
.role,.role .role-msg .roleBox{width:664px;height:614px;left:36px;top:3px;}
.role .role-btn{background:url(../images/role-btn.jpg) no-repeat;width:370px;height:83px;left:50px;top:20px;z-index:19;}
.role .role-btn a{float:left;width:83px;height:83px;margin-right:9px;background:url(../images/role-btn.jpg) no-repeat;}
.role .role-btn a.b1{background-position:0 0;}
.role .role-btn a.b2{background-position:-92px 0;}
.role .role-btn a.b3{background-position:-184px 0;}
.role .role-btn a.b4{background-position:-276px 0;}
.role .role-btn a.actived{background-position-y:-84px;}
.role .role-msg{}
.role .role-msg .rolemsg .name{z-index:19;width:338px;height:80px;top:120px;left:20px;}
.role .role-msg .rolemsg .role-pic{z-index:18;width:585px;height:619px;top:-5px;right:-130px;}
.role .role-msg .rolemsg{}
.role .role-msg .rolemsg .rMsg{z-index:19;width:280px;height:330px;top:220px;left:30px;font-size:12px;}
.role .role-msg .rolemsg .rMsg label{width:50%;float:left;color:#a5a5a5;}
.role .role-msg .rolemsg .rMsg span{width:100%;display:block;color:#5f5f5f;}
.role .role-msg .rolemsg .rMsg p{width:100%;padding-top:10px;float:left;}
.role #roleM0 .rolemsg{background:url(../images/role-bg0.png) no-repeat;}
.role #roleM0 .rolemsg .name{background:url(../images/role-name0.png) no-repeat;}
.role #roleM0 .rolemsg .role-pic{background:url(../images/role0.png) no-repeat;}
.role #roleM1 .rolemsg{background:url(../images/role-bg1.png) no-repeat;}
.role #roleM1 .rolemsg .name{background:url(../images/role-name1.png) no-repeat;}
.role #roleM1 .rolemsg .role-pic{background:url(../images/role1.png) no-repeat;}
.role #roleM2 .rolemsg{background:url(../images/role-bg2.png) no-repeat;}
.role #roleM2 .rolemsg .name{background:url(../images/role-name2.png) no-repeat;}
.role #roleM2 .rolemsg .role-pic{background:url(../images/role2.png) no-repeat;}
.role #roleM3 .rolemsg{background:url(../images/role-bg3.png) no-repeat;}
.role #roleM3 .rolemsg .name{background:url(../images/role-name3.png) no-repeat;}
.role #roleM3 .rolemsg .role-pic{background:url(../images/role3.png) no-repeat;}
/*.keydiv .role-msg .rolemsg .role-pic{animation:rolein 0.5s linear forwards;}*/
@keyframes rolein{
	0%{opacity:0;transform:translateX(100px);}
	100%{opacity:1;transform:translateX(0px);}
}
@keyframes roleout{
	0%{opacity:1;transform:translateX(0px);}
	100%{opacity:0;transform:translateX(100px);}
}

/*功能链接区*/
.sys-div{width:438px;top:-8px;right:90px;z-index:19;}
.sys-div .sysbtn,.sys-div .sys-btn1 span,.sys-div .sys-btn2 span,.sys-div .sys-btn3 span,.sys-div .sys-btn4 span,.sys-div .sys-btn5 span{width:211px;height:146px;background:url(../images/right-sys-btn.png) no-repeat;float:left;margin:0 4px 18px 4px;}
.sys-div span{left:-18px;top:0;}
.sys-div .sys-btn1 span{background-position:0 -146px;}
.sys-div .sys-btn2 span{background-position:-211px -146px;}
.sys-div .sys-btn3 span{background-position:0 -292px;}
.sys-div .sys-btn4 span{background-position:-211px -292px;}
.sys-div .sys-btn5{width:421px;height:300px;background-position:0 -738px;margin:0 8px;}
.sys-div .sys-btn5 span{width:421px;height:300px;left:0;top:0;background-position:0 -438px;margin:0;}

/*图片展示*/
.showpic{width:1080px;height:370px;padding:50px 0 0 100px;}
.showpic ul{width:1090px;}
.showpic ul li{width:100px;height:370px;background-repeat:no-repeat;background-position:left top;cursor:pointer;position:absolute;border-left:10px #fff solid;}
.showpic ul li.l1{background-image:url(../images/p1.jpg);}
.showpic ul li.l2{background-image:url(../images/p2.jpg);}
.showpic ul li.l3{background-image:url(../images/p3.jpg);}
.showpic ul li.l4{background-image:url(../images/p4.jpg);}
.showpic ul li.now{width:750px;}

.gametips{text-align:center;color:#5a5a50;padding-top:70px;position:absolute;bottom:300px;}
.gametips a{padding:8px;}
.box2 .gametips{bottom:300px;width:100%;}

.down-sys{background:url(../images//* down-sys.png */) no-repeat;width:165px;height:354px;position:absolute;left:50%;margin-left:564px;padding:191px 0 0 48px;}
.down-sys a{width:110px;height:45px;display:block;margin-bottom:10px;overflow:hidden;text-indent:-9999px;}
.down-sys .download{height:72px;margin-bottom:15px;}


.wrap .main-div .newCon{width:42.6%;padding:0.7%;}
.wrap .main-div .newCon .con-div{background:#fff;padding:30px;height:580px;}
.wrap .main-div .newCon .con-div .news-tab{height:40px;border-bottom:1px #f3c4ce solid;overflow:hidden;}
.wrap .main-div .newCon .con-div .news-tab div{padding:0 2%;}
.wrap .main-div .newCon .con-div .news-tab a{float:left;height:40px;text-align:center;width:20%;min-width:70px;line-height:30px;}
.wrap .main-div .newCon .con-div .news-tab a.actived{border-bottom:3px #fe81a1 solid;height:37px;}
.wrap .main-div .newCon .con-div .video-div-n{height:140px;padding-top:20px;width:90%;}
.wrap .main-div .newCon .con-div .video-div-n div{width:48%;float:left;height:140px;box-shadow:0 0 1px #656565;overflow:hidden;}
.wrap .main-div .newCon .con-div .video-div-n div.m10{margin-right:4%;}
.wrap .main-div .newCon .con-div .video-div-n div.videobtn{background:url(../images/video.jpg) no-repeat center center;}
.wrap .main-div .newCon .con-div .video-div-n div.eventbtn{background:url(../images/page.jpg) no-repeat center center;}
.wrap .main-div .newCon .con-div .video-div-n div img{position:absolute;top:50%;left:0%;margin-top:-70px;}

.wrap .main-div  .con-div{background:url(../images/con-bg.png) no-repeat;width:1062px;height:1393px;padding:120px;overflow:hidden;position:relative;padding-bottom:300px;}
.wrap .main-div  .con-div .titplace{padding:25px 0;}
.wrap .main-div  .con-div .titplace h2{font-weight:100;font-size:18px;color:#000;}
.wrap .main-div  .con-div .titplace h2 span{color:#c2c2c2;font-size:1em;padding:0 10px;}
.wrap .main-div  .con-div .titplace .place{}
.wrap .main-div  .con-div .listnav{display:block;width:100%;height:48px;border-bottom:1px #fb7703 solid;}
.wrap .main-div  .con-div .listnav a{float:left;width:150px;height:48px;line-height:48px;text-align:center;}
.wrap .main-div  .con-div .listnav a:hover,.wrap .main-div  .listnav a.actived{border-bottom:2px #fb7703 solid;height:46px;}
.wrap .main-div  .con-div .new-list{width:100%;border-top:1px #d6d6d6 solid;border-bottom:1px #d6d6d6 solid;}
.wrap .main-div  .con-div .new-list .articlelist{padding:0 10px;}
/*.wrap .main-div  .con-div .new-list .articlelist ul{width:81%;}*/
.wrap .main-div  .con-div .new-list .articlelist .date-icon{width:17.8%;min-width:178px;height:36px;}
.wrap .main-div  .con-div .new-list .articlelist .date-icon i{border:1px #dcdcdc solid;height:22px;padding:6px 4px;line-height:22px;}
.wrap .main-div  .con-div .new-list .articlelist .date-icon i span{border-left:1px #d6d6d6 solid;padding-left:5px;margin-left:5px;font:1.2em/130% Arial;font-weight:bold;color:#ef92a9;}
.wrap .main-div  .con-div .new-list .articlelist .date-icon em{border:1px #dcdcdc solid; color:#dcdcdc;height:20px;width:20px;text-align:center;line-height:18px;border-radius:10px;margin:8px 25px;}

.wrap .main-div  .con-div .new-list .articlelist ul{width:90%;margin:0 auto;}
.wrap .main-div  .con-div .new-list .articlelist ul li{width:100%;height:50px;border-left:1px #d6d6d6 solid;line-height:50px;position:relative;}
.wrap .main-div  .con-div .new-list .articlelist ul li i{width:6px;height:6px;border:1px #d6d6d6 solid;border-radius:4px;background:#fff;position:absolute;top:50%;left:0;margin:-4px 0 0 -4px;}
.wrap .main-div  .con-div .new-list .articlelist ul li span.type{width:6%;height:20px;font-size:0.8em;line-height:20px;color:#fff;text-align:center;margin:15px;}
.wrap .main-div  .con-div .new-list .articlelist ul li a.news{overflow:hidden;height:50px;white-space:nowrap;text-overflow:ellipsis;width:60%;}
.wrap .main-div  .con-div .new-list .articlelist ul li a.news:hover{text-decoration: underline;text-decoration-color:#fb7703;color:#fb7703;}
.wrap .main-div  .con-div .new-list .articlelist ul li a font{color:#e13d7f;}
.wrap .main-div  .con-div .new-list .articlelist ul li a.new-btn{height:28px;border:1px #dadada solid;border-radius:15px;line-height:28px;width:12%;text-align:center;margin:10px 0;}
.wrap .main-div  .con-div .new-list .articlelist ul li span.datetab{float:left;width:14%;text-align:right;margin:0 1%;color:#ddd;}
.wrap .main-div  .con-div .new-list .articlelist ul li .new-btn:hover{color:#fff;background:#ffaa17;}

.newstitle{width:100%;text-align:center;}
.newstitle h2{padding:50px 0 20px 0;margin:0;width:100%;font-size:1.7em;font-weight:bold;text-align:center;color:#ffab38;height:26px;}
.newstitle .shareDiv{width:220px;padding-bottom:30px;font-size:0.9em;color:#888;}
.newstitle .shareDiv .shareBtn{line-height:18px !important;}
.newstitle .shareDiv .shareBtn a{width:18px;height:18px !important;float:left;text-indent:-9999px;overflow:hidden;padding:0 !important;margin:2px !important;background:url(../images/icon.png) no-repeat;}
.newstitle .shareDiv .shareBtn a.bshare-qzone{background-position:-36px 0;}
.newstitle .shareDiv .shareBtn a.bshare-sinaminiblog{background-position:-18px 0;}
.newstitle .shareDiv .shareBtn a.bshare-qqmb{background-position:0 0;}
.conText{width:100%;border-top:1px #d6d6d6 solid;padding-bottom:100px !important;}
.conText p{padding:10px 0;text-indent:2em;line-height:200%;}
.conText img{text-align:center;margin:10px auto;display:block;width:85%;}

.new-page{background: url(../images/con-bg-new1.png) no-repeat top center !important; height: auto !important; padding-bottom:65px !important}
.con-div-text{background:url(../images/con-bg-new2.png) repeat-y top center !important; width:1062px; position: relative; left: -63px; top:65px; padding: 0px 75px;}
.con-div-text .titplace ,.con-div-text .newstitle,.con-div-text .conText{position: relative; top:-65px;}
.new_text_bottom{background:url(../images/con-bg-new3.png)no-repeat top center !important; width:1286px; height: 345px; margin-bottom: 200px; margin-left: 33px; margin-top: -10px;}

.con-div-text .about{background:url(../images/about-bg.png); width: 1056px; height:277px;}
.con-div-text .about .people{width:280px;height:332px;background:url(../images/about-pic.png) no-repeat;right:0;bottom:0;}
.con-div-text .about .about-con{width:670px; padding: 30px 0px 0px 60px;}
.con-div-text .about .about-con h3{padding:0;margin:0;width:100%;background:url(../images/about-title-bg.png) no-repeat center center;text-align:center;color:#ffb63e; font-weight:bold;font-size:18px;margin-bottom:20px;}
.con-div-text .about .about-con p{text-indent:2em;line-height:180%; color:#666666;}



.down-con{}
.down-con .downlist{padding-top:40px;overflow:hidden;width:90%;margin:0 auto;}
.down-con .downlist h2{height:30px;border-left:5px #efefef solid;float:left;font-size:1.3em;font-weight:bold;color:#656565;line-height:30px;padding-left:10px;width:95%;margin-bottom:20px;}
.down-con .downlist .con{width:99%;border:2px #efefef solid;padding:20px 0;display:table;}
.down-con .downlist .con .icon{display:table-cell;vertical-align:middle;width:25%;text-align:center;color:#676767;font-weight:bold;line-height:30px;}
.down-con .downlist .con .icon span{background:url(../images/sprite.png) no-repeat -280px -197px;width:51px; height:48px;display:block;margin:0 auto;}
.down-con .downlist .con .downlink{border-left:1px #efefef dotted;width:99%;}
.down-con .downlist .con .downlink .downAll-btn{width:190px;height:74px;background:#ff8c00;color:#fff;text-align:left;font-weight:bold;display:block;margin:0 auto;border-radius:40px;font-size:1.5em;line-height:74px;padding-left:70px;}
.down-con .downlist .con .downlink .downAll-btn i{background:url(../images/sprite.png) no-repeat -331px -197px;width:38px;height:38px;top:50%;right:20px;margin-top:-19px;}
.down-con .downlist .con .downlink ul{height:349px;overflow:hidden;}
.down-con .downlist .con .downlink ul li{height:69px;border-bottom:1px #efefef solid;width:100%;text-align:center;line-height:69px;}
.down-con .downlist .con .downlink ul li a{margin-left:20px;padding:8px 30px;border:1px #f192aa solid;border-radius:40px;color:#f192aa;}
.down-con .downlist .con .downlink ul li a:hover{background:#f192aa;color:#fff;}
.down-con .downlist .con .m-btn{padding:28px 0;text-align:center;}
.down-con .downlist .con .m-btn a{padding:8px 10px;color:#626262;}
.down-con .downlist .pd0{padding:0;}
.down-con .downlist ul.pc-msg{width:102%;overflow:hidden;}
.down-con .downlist ul.pc-msg li{height:37px;border-bottom:1px #efefef solid;line-height:37px;text-align:center;}
.down-con .downlist ul.pc-msg li em{float:left;width:45%;height:37px;border-right:1px #efefef solid;color:#888;}
.down-con .downlist ul.pc-msg li i{width:8%;float:left;height:37px;border-right:1px #efefef solid;color:#606060;font-weight:bold;}
.down-con .downlist ul.pc-msg li.tit em,.down-con .downlist ul.pc-msg li.tit i{color:#606060;font-weight:bold;background:#f4f4f4;}

.wallpaper-div{}
.wallpaper-div li{width:46%;margin:2%;float:left;position:relative;}
.wallpaper-div li span{position:absolute;bottom:0;left:0;height:30px;background:#000;width:100%;}
.wallpaper-div li span a{color:#fff;width:33%;float:left;text-align:center;line-height:30px;}
.wallpaper-div li img{width:100%;}

.screenshot-div{}
.screenshot-div li{width:31%;margin:1%;float:left;}
.screenshot-div li img{width:100%;}

.video-div{}
.video-div li{width:46%;margin:2.5% 2%;float:left;position:relative;}
.video-div li a span{position:absolute;bottom:0;left:0;height:40px;background:rgba(0,0,0,0.6) url(../images/play-btn.png) no-repeat top left;_background:#000;*background:#000 url(../images/play-btn.png) no-repeat top left;background:#000 url(../images/play-btn.png) no-repeat top left \9;width:86%;color:#fff;line-height:40px;padding:0 2% 0 12%;}
.video-div li img{width:100%;}

.page{line-height: 20px;text-align: center;margin-top: 35px;}
.page span,.page a{color:#8f8f8f;padding:0 6px;margin:1px;}
.page span.now,.page a:hover{color:#f093a8;}

/**学院扩建**/
.layer { padding: 0px 0px; position: relative; display:none; width:594px; height: 376px; background: url(../images/js.png) no-repeat 0px 0px;}
.layer .close{position: absolute; top:30px; right:33px; display: block; width: 34px; height: 34px;}