body {background:#12151a;;font-family:微软雅黑;}

img { border:none;}
li { list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
* {list-style: none;}
a:hover {opacity:0.8;filter:alpha(opacity=80);}
.video-js {width:100% !important;}

/**公用样式*/

.modal-content {}
.modal-body {line-height:3rem;font-size:1.4rem;line-height:4rem;color:#3a3a3a;overflow:hidden;background:#262626;}
.modal-body span {color:red;}
.modal-body a {text-decoration:underline;}
.modal-header {border-bottom:solid #e6871d;color:#3a3a3a;}
.modal-title {text-align:center;font-weight:bold;font-size:1.8rem;}
.modal-footer {background:#262626;border:none;}
.imgbox {width:50%;height:auto;margin:0 auto;margin-top:3rem;}
.imgbox img {width:100%;height:auto;}

#toTop {display:none;}


@media screen and (max-width:768px){

.flowplayer img {width:100%;height:auto;}

.Min_Top {width:100%;height:auto;overflow:hidden;margin-top:8rem;}
.Min_Top img {width:100%;height:auto;}

.MinTopBtnBox {width:100%;height:auto;overflow:hidden;}
.MinTopBtnBox a  {width:50%;height:auto;overflow:hidden;display:block;float:left;}
.MinTopBtnBox a img {width:100%;height:auto;}

.AgeTips {display:none;}

.hh {width:100%;height:auto;overflow:hidden;text-align:center;}
.hh img {width:100%;height:auto;}

.NavBg {width:100%;height:8rem;position:fixed;left:0;top:0;z-index:9;background:#000;}
.MinNavLogo {width:auto;height:6rem;float:left;overflow:hidden;display:block;margin-left:1rem;margin-top:1rem;}
.MinNavLogo img {height:100%;width:auto;}
.Nav_Tittle {width:auto;height:8rem;float:left;margin-left:1rem;}
.Nav_Tittle b {color:#fff;font-size:1.4rem;line-height:3rem;display:block;height:3rem;margin-top:1.5rem;}
.Nav_Tittle span {color:#ce8431;line-height:2rem;font-size:1.2rem;display:block;font-weight:bold;}
.nav .language {line-height:8rem;font-size:1.6rem;font-weight:bold;float:right;color:#080808;display:block;margin-right:1rem;}
.nav_btn {width:auto;height:4rem;line-height:4rem;color:#ff7d00;text-align:center;font-weight:bold;float:right;cursor:pointer;font-size:1.8rem;margin-right:1rem;display:block;margin-top:2rem;}
.nav_btn img {width:100%;height:auto;}
.nav_btn1 {display:block;}
.nav_btn2 {display:none;}
.Nav {background:url(../image/Nav1.png) repeat;width:100%;height:100%;;position:fixed;left:-100%;top:8rem;display:block;padding-left:0;z-index:9;display:block;}
.NavA {width:100%;height:6rem;line-height:6rem;display:block;text-align:center;font-size:1.6rem;color:#080808;}
.Nav {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.Nav.on {left:0;}
.NavLogo {display:none;}

#myCarousel {width:98%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
#myCarousel li img {width:100%;height:auto;}

.carousel-indicators {width:100%;height:5rem;overflow:hidden;background:#151515;position:absolute;left:6px;bottom:4px;overflow:hidden;background:#151515;z-index:2;margin-left:0 !important;margin-bottom:0 !important;}
.carousel-indicators li {width:20%;height:5rem;text-align:center;line-height:5rem;font-size:1.2rem;color:#fff;overflow:hidden; cursor: pointer;float:left;margin-left:1px;display:block;text-indent:0 !important;border:none !important;border-radius:0 !important;}
.carousel-indicators li.active{color:#ebc06b;background:#6c1d11; width:20%;height:5rem;}

.Top_Nav_Box {display:none;}


.CenterBtnBox {width:100%;height:auto;margin:0 auto;margin-top:2rem;overflow:hidden;}
.CenterBtnBox a {width:45%;height:auto;display:block;float:left;cursor:pointer;float:left;margin-left:3%;}
.CenterBtnBox a img {width:100%;height:auto;}

.index_news_box {width:100%;height:auto;overflow:hidden;margin-top:3rem;}
.index_news_box_h {width:100%;height:auto;overflow:hidden;}
.index_news_a {width:96%;height:3rem;line-height:3rem;display:block;margin:0 auto;margin-top:1rem;color:#fff;font-size:1.4rem;border-bottom:1px solid #3c3c3c;cursor:pointer;overflow:hidden;text-indent:3rem;}
.Index_Hot_News {width:96%;height:3rem;line-height:3rem;display:block;margin:0 auto;margin-top:1rem;color:#cab993;font-size:1.4rem;border-bottom:1px solid #3c3c3c;cursor:pointer;overflow:hidden;text-indent:3rem;}
.Index_Nav {width:100%;height:5rem;overflow:hidden;background:#151515;z-index:2;}
.Index_Nav a {width:20%;height:5rem;text-align:center;line-height:5rem;font-size:1.4rem;color:#fff;overflow:hidden; cursor: pointer;float:left;display:block;}
.Index_Nav a.on {color:#ebc06b;background:#6c1d11;}
.Index_News_List {display:none;}
.Index_News_List.on {display:block;}


.JobBox {overflow:hidden;width:100%;height:378px;margin: 0 auto;margin-top:1rem;position:relative;}
.JobH1 {width:100%;height:378px;margin:0 auto;}
.JobH img {width:100%;height:378px;}


.SkillBtn {width:98%;height:auto;display:block;margin:0 auto;margin-top:2rem;margin-bottom:2rem;overflow:hidden;}
.SkillBtn img {width:100%;height:auto;}
.SkillBtnMax {display:none;}

.GameBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;margin-bottom:4rem;}
.GameBoxH {width:100%;height:auto;margin:0 auto;overflow:hidden;}
.GameBoxH img {width:100%;height:auto;}

#myCarousel1 {width:1000px;height:auto;margin:0 auto;margin-top:2rem;overflow:hidden;}
.GameBoxImg {width:100%;height:auto;overflow:hidden;margin-bottom:30px;}
#myCarousel1 {width:98%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
#myCarousel1 li img {width:100%;height:auto;}
.GameBoxOl {width:100%;height:auto;margin:0 auto;margin-top:1rem;overflow:hidden;position:relative !important;left:0px;}
.GameBoxOl li {background:url(../image/point.png) center center no-repeat;width:20%;height:3rem;display:block;float:left;margin-left:4%;border-radius:0px !important;border:none !important;}
.GameBoxOl li.active {background:url(../image/point_on.png) center center no-repeat;width:20%;height:3rem;display:block;float:left;margin-left:4%;border-radius:0px !important;border:none !important;}
.GameBoxOl li:hover {background:url(../image/point_on.png) center center no-repeat;width:20%;height:3rem;display:block;float:left;margin-left:4%;border-radius:0px !important;border:none !important;}

.BottomBtnBox {width:100%;height:auto;margin:0 auto;margin-top:2rem;margin-bottom:2rem;overflow:hidden;}
.BottomBtnBox a {width:45%;height:auto;display:block;float:left;margin-left:3.3%;}
.BottomBtnBox a img {width:100%;height:auto;}

.HostBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:2rem;}
.HostHMax {width:100%;height:auto;overflow:hidden;}
.HostHMin {display:none;}
.HostHMin {width:100%;height:auto;}
.HostS {width:100%;height:auto;overflow:hidden;}
.HostS a {width:23%;height:auto;display:block;cursor:pointer;float:left;margin-left:1.3%;margin-top:2rem;position:relative;}
.HostS a img {width:100%;height:auto;}
.HostS a span {width:100%;height:4rem;display:block;line-height:4rem;text-align:left;font-size:1.2rem;color:#fff;overflow:hidden;}
.HostBtnBg {display:none;}
.HostBtnBg {z-index:2;}
.HostBtnBg {z-index:1;}

.MemoryBox {width:100%;height:auto;overflow:hidden;margin-top:1rem;margin-bottom:4rem;}
    .MemoryHMin {width:100%;height:auto;overflow:hidden;}
    .MemoryHMin img {width:100%;height:auto;}
    .MemoryBoxs {width:100% !important;height:auto;overflow:hidden;}
    #MemoryBoxs {width:100% !important;}
    .MemoryBoxs .prev {display:none !important;}
    .MemoryBoxs .next {display:none !important;}
    .Memory {width:20%;height:auto;overflow:hidden;display:block;float:left;text-align:center;}
    .Memory img {width:98%;height:auto;}
    .MemoryTime {width:100%;height:3rem;text-align:center;line-height:3rem;font-size:1.2rem;color:#ceab81;display:block;overflow:hidden;}
    .MemoryTittle {width:100%;height:3rem;text-align:center;line-height:3rem;font-size:1.2rem;color:#ceab81;display:block;overflow:hidden;}
    
.Calendar {width:98%;height:auto;overflow:hidden;margin:0 auto;margin-top:3rem;}
.CalendarH {width:100%;height:auto;overflow:hidden;position:relative;}
.CalendarH img {width:100%;height:auto;}
.CalendarH .Month {width:50px;height:50px;display:block;line-height:60px;position:absolute;right:1rem;top:0px;overflow:hidden;text-align:center;font-size:15px;color:#ffd36a;}

.CalendarBox {width:100%;height:auto;overflow:hidden;border:1px solid #ceac7c;}
.CalendarBoxUlBox {width:98%;height:4rem;overflow:hidden;margin:0 auto;margin-top:1rem;background:#393939;}
.CalendarBoxUlBox ul {width:100%;height:4rem;display:block;overflow:hidden;}
.CalendarBoxUlBox ul li {width:14%;height:4rem;display:block;float:left;line-height:4rem;text-align:center;}
.CalendarBoxUlBox ul li a {font-size:1.2rem;color:#fff;}
.CalendarBoxUlBox ul li.active a {color:#f2c15b;}
.CalendarBoxLiBox {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:3rem;}
.CalendarBoxLi {width:100%;height:3rem;display:block;overflow:hidden;cursor:pointer;margin-bottom:1rem;font-size:14px;}
.CalendarBoxLi:hover {text-decoration:underline;}
.CalendarBoxLi b {color:#ffd36a;width:10%;height:3rem;line-height:3rem;display:block;float:left;overflow:hidden;}
.CalendarBoxLi p {color:#9e9d9d;width:80%;height:3rem;line-height:3rem;display:block;float:left;overflow:hidden;}
.CalendarBoxLi span {color:#9e9d9d;width:9%;height:3rem;line-height:3rem;display:block;float:left;overflow:hidden;text-align:right;margin-right:1%;}

.footer {display:none;}	

}

@media screen and (min-width:768px){	
	
.Min_Top {display:none;}
.MinTopBtnBox {display:none;}

body {background:url(../image/Max1201.jpg) top center no-repeat #12151a;}
/*body {background:#12151a;}

.IndexTop {width:100%;height:auto;overflow:hidden;position:relative;}
.IndexTop img {width:100%;height:auto;}
.MinImg {display:none;}*/

.NavBg {background:url(../image/Nav1.png) top center repeat-x;width:100%;height:130px;overflow:hidden;position:absolute;left:0;top:0;z-index:9;}	
.Nav {width:1166px;height:150px;overflow:hidden;margin:0 auto;}
.NavA {width:163px;height:80px;display:block;float:left;cursor:pointer;-webkit-filter:grayscale(1);}
.NavA.on {-webkit-filter:grayscale(0);}
.NavLogo {width:176px;height:120px;float:left;margin-left:12px;margin-top:10px;}
.AgeTips {width:77px;height:100px;display:block;position:absolute;left:20px;top:130px;}
.MinNavLogo {display:none;}
.nav_btn {display:none;}

.hh {width:100%;height:auto;overflow:hidden;text-align:center;}
.hh img {width:auto%;height:auto;}
	
.banner {width:100%;height:700px;overflow:hidden;position:relative;}

.Center_Box {width:100%;height:auto;overflow:hidden;padding-bottom:40px;}

.w1200_index1 {width:1300px;height:400px;overflow:hidden;margin:0 auto;}

.w1200_index2 {width:1300px;height:340px;overflow:hidden;margin:0 auto;margin-top:40px;}

.CenterBtnBox {width:788px;height:340px;float:left;overflow:hidden;margin-left:12px;}
.CenterBtnBox a {width:234px;height:163px;display:block;float:left;cursor:pointer;float:left;margin-right:42px;margin-bottom:12px;}
.CenterBtnBox a:nth-child(3n) {margin-right:0px;}
.CenterBtnBox a img {width:100%;height:auto;}

.Calendar {width:500px;height:340px;overflow:hidden;float:left;}
.CalendarH {width:100%;height:60px;position:relative;overflow:hidden;}
.CalendarH .Month {width:50px;height:50px;display:block;line-height:60px;position:absolute;right:20px;top:0px;overflow:hidden;text-align:center;font-size:15px;color:#ffd36a;}
.CalendarBox {width:500px;height:280px;overflow:hidden;border:1px solid #ceac7c;}
.CalendarBoxUlBox {width:476px;height:33px;overflow:hidden;margin:0 auto;margin-top:6px;background:#393939;}
.CalendarBoxUlBox ul {width:476px;height:33px;display:block;overflow:hidden;padding-left:0px !important;}
.CalendarBoxUlBox ul li {width:68px;height:33px;display:block;float:left;line-height:33px;text-align:center;}
.CalendarBoxUlBox ul li a {font-size:14px;color:#fff;}
.CalendarBoxUlBox ul li.active a {color:#f2c15b;}
.CalendarBoxLiBox {width:480px;height:230px;overflow-y:scroll;margin:0 auto;margin-top:10px;}
.CalendarBoxLi {width:100%;height:24px;display:block;overflow:hidden;cursor:pointer;margin-bottom:4px;font-size:14px;}
.CalendarBoxLi:hover {text-decoration:underline;}
.CalendarBoxLi b {color:#ffd36a;width:50px;height:24px;line-height:24px;display:block;float:left;overflow:hidden;}
.CalendarBoxLi p {color:#9e9d9d;width:310px;height:24px;line-height:24px;display:block;float:left;overflow:hidden;margin-left:10px;}
.CalendarBoxLi span {color:#9e9d9d;width:90px;height:24px;line-height:24px;display:block;float:left;overflow:hidden;margin-left:10px;text-align:right;}

#myCarousel {width:674px;height:400px;float:left;position:relative;}
.TopCI {width:674px;height:400px;overflow:hidden;z-index:1;}
.TopCI img {width:674px;height:360px !important;}
.BottomCI {width:674px;height:40px;position:absolute;left:0px;bottom:0px;overflow:hidden;background:#222222;z-index:2;margin-left:0 !important;margin-bottom:0 !important;}
.BottomCI li {width:151px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#fff;overflow:hidden; cursor: pointer;float:left;margin-left:1px;display:block;text-indent:0 !important;border:none !important;border-radius:0 !important;}
.BottomCI li.active{background:#333333;color:#efc451;width:151px;height:40px;text-align:center;line-height:40px;font-size:14px;}

.Top_Nav_Box {background:url(../image/Top_Nav_Box.png);width:240px;height:400px;float:left;overflow:hidden;}
.Top_Nav_Box a {display:block;cursor:pointer;}
.Top_Nav_Box_A1 {width:240px;height:154px;}
.Top_Nav_Box_A2 {width:240px;height:50px;margin-top:12px;}
.more {background:url(https://ac.ruiwoo.cn/ArchLord/img/more.png);width:60px;height:60px;position:absolute;display:block;top:0;right:0;cursor:pointer;}
.more i {background:url(https://ac.ruiwoo.cn/ArchLord/img/more_i.png);width:30px;height:30px;display:block;position:absolute;right:4px;top:4px;}
.more i.on {animation: 1s linear 0s normal none infinite rotate;
-webkit-animation:1s linear 0s normal none infinite rotate;
-moz-keyframes:1s linear 0s normal none infinite rotate;
-ms-keyframes:1s linear 0s normal none infinite rotate;
-o-keyframes rotate:1s linear 0s normal none infinite rotate;
}

@-webkit-keyframes rotate
{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}

@-moz-keyframes rotate
{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}

@-ms-keyframes rotate
{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}

@-o-keyframes rotate
{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}

.index_news_box {background:#141414;width:386px;height:400px;float:left;position:relative;overflow:hidden;background-size:100% 100%;}
.index_news_box_h {background:#222222;width:386px;height:45px;text-align:center;line-height:45px;font-size:18px;font-weight:bold;color:#fff;}
.Index_Nav {width:500px;height:45px;overflow:hidden;padding-left:0px !important;}
.Index_Nav {border-bottom:none !important;margin-bottom:0px !important;}
.Index_Nav li {width:50px;height:45px;display:block;float:left;margin-left:20px;text-align:center;line-height:45px;font-size:15px;color:#fff;overflow:hidden;cursor:pointer;}
.Index_Nav a {width:50px;height:45px;display:block;float:left;text-align:center;line-height:45px;font-size:15px;color:#fff;overflow:hidden;cursor:pointer;}
.Index_Nav li.active a {color:#edc361;}
.Index_Hot_News {width:386px;height:60px;line-height:60px;display:block;margin:0 auto;font-size:16px;color:#eeb862;text-align:center;font-weight:bold;cursor:pointer;}
.index_news_a {width:370px;height:40px;line-height:40px;display:block;margin:0 auto;color:#edc361;font-size:13px;margin-top:9px;border-bottom:1px solid #252525;overflow:hidden;}
.index_news_a p {width:270px;height:40px;float:left;overflow:hidden;display:block;}
.index_news_a .time {width:90px;height:40px;float:left;margin-left:10px;overflow:hidden;display:block;}


.JobBox {overflow:hidden;width:1300px;height:500px;margin: 0 auto;margin-top:10px;position:relative;}
.JobH {width:738px;height:70px;margin:0 auto;}
.JobTopBtnBox {width:340px;height:50px;margin:0 auto;margin-top:10px;}
.JobTopBtnBox a {width:89px;height:49px;display:block;cursor:pointer;float:left;-webkit-filter:grayscale(1);margin-right:20px;}
.JobTopBtnBox a.on {-webkit-filter:grayscale(0);}
.JobBg {width:1300px;height:685px;position:absolute;bottom:0;right:-1300px;}
.JobBg {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.JobBg.on {right:0;}
.JobBottomBtn a {width:63px;height:76px;cursor:pointer;display:block;-webkit-filter:grayscale(1);margin-right:20px;}
.JobBottomBtn a.on {-webkit-filter:grayscale(0);}
.JobBottomBg {width:1300px;height:685px;position:absolute;bottom:0;right:-1300px;z-index:3;}
.JobBottomBg {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.JobBottomBg.on {right:0px;}
.JobBottomBtn {background:url(../image/JobBottomBtn.png);width:441px;height:150px;position:absolute;overflow:hidden;bottom:0px;left:30%;z-index:4;}
.JobBottomBtn a {position:absolute;}
.JobBottomBtn11 {left:60px;top:60px;}
.JobBottomBtn22 {left:185px;bottom:0px;}
.JobBottomBtn33 {left:320px;bottom:30px;}

.SkillBtn {width:1300px;height:auto;display:block;margin:0 auto;margin-top:2rem;margin-bottom:2rem;overflow:hidden;}
.SkillBtn img {width:100%;height:auto;}
.SkillBtnMin {display:none;}

.GameBox {width:1000px;height:auto;overflow:hidden;margin:0 auto;margin-top:30px;}
.GameBoxH {width:738px;height:120px;margin:0 auto;overflow:hidden;}
#myCarousel1 {width:1000px;height:auto;margin:0 auto;margin-top:30px;overflow:hidden;}
.GameBoxImg {width:100%;height:580px;overflow:hidden;margin-bottom:30px;}
.GameBoxOl {width:300px;height:27px;margin:0 auto;margin-top:20px;overflow:hidden;position:relative !important;left:0px;}
.GameBoxOl li {background:url(../image/point.png);width:27px;height:27px;display:block;float:left;margin-left:40px;border-radius:0px !important;border:none !important;}
.GameBoxOl li.active {background:url(../image/point_on.png);width:27px;height:27px;display:block;float:left;margin-left:40px;border-radius:0px !important;border:none !important;}
.GameBoxOl li:hover {background:url(../image/point_on.png);width:27px;height:27px;display:block;float:left;margin-left:40px;border-radius:0px !important;border:none !important;}

.BottomBtnBox {width:800px;height:auto;margin:0 auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.BottomBtnBox a {width:256px;height:72px;display:block;float:left;margin-left:100px;}

.HostBox {width:1300px;height:auto;overflow:hidden;margin:0 auto;margin-top:20px;}
.HostH {width:100%;height:auto;overflow:hidden;}
.HostHMin {display:none;}
.HostH img {width:100%;height:auto;}
.HostS {border:1px solid #cfad7f;width:100%;height:auto;overflow:hidden;padding-bottom:10px;}
.HostS a {width:271px;height:181px;display:block;cursor:pointer;float:left;margin-left:42px;margin-top:10px;position:relative;}
.HostS a span {width:100%;height:30px;display:block;position:absolute;left:0;bottom:0;line-height:30px;text-align:left;font-size:13px;color:#fff;overflow:hidden;}
.HostS a img {width:271px;height:151px;position:absolute;left:0;top:0;}
.HostBtnBg {z-index:2;}
.HostBtnBg {z-index:1;}

.MemoryBox {background:url(../image/zt_bg.jpg);width:1300px;height:342px;margin:0 auto;margin-top:30px;margin-bottom:30px;overflow:hidden;}
    .MemoryBox .prev {width:24px;height:50px;left:0;top:80px;display:block;position:absolute;cursor:pointer;}
    .MemoryBox .next {width:24px;height:50px;right:0;top:80px;display:block;position:absolute;cursor:pointer;}
    .MemoryH {width:48px;height:299px;float:left;}
    .MemoryHMin {display:none;}
    .MemoryBoxs {width:1200px !important;height:220px;overflow:hidden;margin:0 auto;margin-top:88px;position:relative;}
    .Memory {width:270px;height:342px;display:block;float:left;margin-left:24px;text-align:center;}
    .Memory:hover {text-decoration:none;}
    .Memory img {width:265px;height:142px;border:2px solid #ceab81;}
    .MemoryTime {width:100%;height:30px;line-height:30px;display:block;overflow:hidden;text-align:center;font-size:16px;color:#ceab81;}
    .MemoryTittle {width:100%;height:40px;line-height:40px;display:block;overflow:hidden;text-align:center;font-size:13px;color:#ceab81;}

}
.bg_video {width:1920px;height:1080px;margin-top:-104px;position:absolute;left:50%;top:66px;transform:translate(-50%,0%);}