/****common****/

html,body{ width: 100%; height: 100%;}
.header{width: 220px; height: 100%; position:fixed; left: -200px; top: 0; z-index:100; display: flex; align-items: center; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.header-show{ left: 0; opacity: 1;}
#menu a i,.section2 .game-slide ol::before,.section2 .game-slide ol::after,.section2 .game-slide ol li span,.section2 .game-slide ol li.current span,.section3 .st3-tab li,.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx li .icon,.jobBox .bd ul li .p3,.jobBox .bd ul li .p6,.job-details-box .cont .close-btn,.footer .left-logo{ background: url(../images/sprite.png) no-repeat;}
#menu li { float: left; margin-left: 60px;}
#menu a { display:block; height:94px; line-height:94px; color: #999; font-size:14px; position: relative;}
#menu a::before{ content: ''; display: block; width: 2px; height: 100%; background: #666; position: absolute; left: 16px; top: 47px; z-index: -1;}
#menu li:last-child a:before{ display: none;}
#menu a i{ display: inline-block; width: 35px; height: 35px; background-position: 0 -229px; vertical-align: middle; margin-right: 22px;}
#menu .active a { color: #e6c4a1;}
#menu .active a i{ background-position: 0 -264px;}
.nav-fade{ display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:110; background:rgba(0,0,0,0.4);}

@keyframes page_arr{
	0%{transform:translate(0)}25%{transform:translateY(4px)}75%{transform:translateY(-4px)}to{transform:translate(0)}
}

@-webkit-keyframes page_arr{
	0%{-webkit-transform:translate(0)}25%{-webkit-transform:translateY(4px)}75%{-webkit-transform:translateY(-4px)}to{-webkit-transform:translate(0)}
}




#wrapper{ font-family: "Microsoft YaHei","SimSun",Arial,sans-serif; font-size:12px; color: #fff;}
.section{ overflow:hidden;}
.section1 { width: 100%; height: 1080px;}
.section2 { background: url(../images/bg3.jpg) no-repeat center center; background-size:100% 100%;}
.section3 { width: 100%; height: 1080px; background: url(../images/bg3.jpg) no-repeat center center; background-size:100% 100%;}
.section4 { width: 100%; height: 1080px; background:#000 url(../images/bg3.jpg) no-repeat center center; background-size:100% 100%;}

.sCont{ width:100%; height:100%; position:relative;}


.disn{ display:none;}
.disb{ display:block!important;}


/****首屏****/
.sContBox{ width:100%; height:100%;}
.video_box{ width:100%; height:100%; position:relative; z-index:10;}
video{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: fill;
}
.p1-blank2{ width:100%; height:100%; background: url(../images/p1_blank2.png) no-repeat center center; background-size: 100% 100%;}
.section{ overflow:hidden;}


/****游戏产品****/
.section2 .game-slide{ position: relative;}
.section2 .game-slide .gs-cont{ overflow:hidden; position:relative;}
.section2 .game-slide .gs-cont li{ width: 1920px; height: 1080px; overflow:hidden; float:left; background-size:cover;}
.section2 .game-slide .gs-cont li a{ display: block; width: 100%; height: 100%;}
.section2 .game-slide .gs-cont .slide-bg1{ background: url(../images/bg2_1.jpg) no-repeat center center;}
.section2 .game-slide .gs-cont .slide-bg2{ background: url(../images/bg2_1.jpg) no-repeat center center;}
.section2 .game-slide .gs-cont .slide-bg3{ background: url(../images/bg2_1.jpg) no-repeat center center;}
.section2 .game-slide .gs-cont ul{ position:absolute; left:0; top:0px; width:3000px;}



.btm-nav { position: absolute; z-index: 4; left: 50%; bottom: 40px; opacity: 1;}
.section2 .game-slide ol{ position: relative;}
.section2 .game-slide ol::before,.section2 .game-slide ol::after{ content: ''; width: 75px; height: 18px; position: absolute; top: 58px; background-position: -303px -351px;}
.section2 .game-slide ol::before{ left: -94px;}
.section2 .game-slide ol::after{ right: -76px;}
.section2 .game-slide ol li{ display: inline-block; width: 130px; height: 130px; margin: 8px; position: relative; cursor: pointer;}
.section2 .game-slide ol li span{ width: 220px; height: 220px; line-height: 230px; top: 0; left: 0; margin: -50px 0 0 -48px; border: none; border-radius: 50%; background-position: -426px -516px; font-size: 21px; color: #666; text-align: center; text-indent: 10px; position: absolute;}
.section2 .game-slide ol li.current span{ background-position: -154px -512px; color: #fee496;}



/****关于我们****/
.section3 h3{ width: 393px; height: 34px; text-indent: -9999px; background: url(../images/pic21.png) no-repeat; margin: 196px auto 0 auto;}
.section3 h5{ display: block; font-size: 12px; color: #dfb881; text-transform: uppercase; text-align: center; padding-top: 18px;}
.section3 .st3-tab ul{ text-align: center; padding-top: 54px;}
.section3 .st3-tab li{ display: inline-block; width: 132px; height: 30px; line-height: 30px; font-size: 16px; color: #ceab86; font-weight: bold; text-align: center; background-position: -571px -345px; margin: 0 11px; cursor: pointer; user-select:none;}
.section3 .st3-tab li.on{ background-position: -416px -345px; color: #000;}
.section3 .st3-cont{ max-width: 1200px; margin: 0 auto;}
.section3 .st3-cont .st3-c{ display: none;}
.section3 .st3-cont .st3-c-1{ padding-top: 74px;}
.section3 .st3-cont .st3-c-1 .btext{ width: 947px; height: 205px; text-indent: -9999px; background: url(../images/pic22.png) no-repeat; margin: 0 auto;}
.section3 .st3-cont .st3-c-1 .stext{ width: 920px; font-size: 14px; color: #cdcdcd; line-height: 24px; text-align: center; margin: 0 auto; padding: 90px 0 28px 0;}
.section3 .st3-cont .st3-c-1 .spic{ width: 359px; height: 49px; background: url(../images/pic23.png) no-repeat; margin: 0 auto;}
.section3 .st3-cont .st3-c-2::before,.section3 .st3-cont .st3-c-2::after{ display: block; content: ''; height: 1px; width: 100%; background: linear-gradient(to right,transparent 0%,#ceab86 5%,#ceab86 95%,transparent 100%); opacity: 0.5;}
.section3 .st3-cont .contact-cont{ padding: 50px 0 76px 0;}
.section3 .st3-cont .contact-cont .box-lf{ float: left; padding-left: 198px; margin-right: 88px;}
.section3 .st3-cont .st3-c-2{ margin-top: 48px;}
.section3 .st3-cont .st3-c-2 .contact-cont .tit{ height: 77px; font-size: 16px; font-weight: bold; color:#ceab86;}
.section3 .st3-cont .st3-c-2 .contact-cont .form-box{ position: relative;}
.section3 .st3-cont .st3-c-2 .contact-cont .input-box{ overflow: hidden; width: 353px; margin-bottom: 12px; background: rgba(19, 20, 21, 0.5); border: 1px solid #71614f; border-radius: 3px; color: #666;}
.section3 .st3-cont .st3-c-2 .contact-cont .input-box label{ float: left; padding:11px 0 0 11px;}
.section3 .st3-cont .st3-c-2 .contact-cont input{ float: left; background: none; border: none; padding: 0; margin: 0; color: #aaa;}
.section3 .st3-cont .st3-c-2 .contact-cont .input-box input{ width: 268px; height: 38px; line-height: 38px;}
.section3 .st3-cont .st3-c-2 .contact-cont .input-box textarea{ float: left; width: 300px; height: 102px; line-height: 22px; padding: 0; padding: 7px 0; color: #aaa; background: none; border: none; resize: none;}
.section3 .st3-cont .st3-c-2 .contact-cont .verifyBox{ float: left; width: 200px; background: rgba(19, 20, 21, 0.5); border: 1px solid #71614f; border-radius: 3px; color: #666; margin-right: 13px;}
.section3 .st3-cont .st3-c-2 .contact-cont .verifyBox label{ float: left; padding:11px 0 0 11px;}
.section3 .st3-cont .st3-c-2 .contact-cont .verifyBox input{ float: left; width: 60px; height: 38px; line-height: 38px;}
.section3 .st3-cont .st3-c-2 .contact-cont .verifyBox img{ float: left; width: 81px; height: 38px; cursor: pointer;}
.section3 .st3-cont .st3-c-2 .contact-cont .submit-btn{ float: left; width: 140px; height: 40px; line-height: 40px; text-align: center; background: #ceab86; padding: 0; font-size: 16px; font-weight: bold; color: #000; border: none; border-radius: 3px; cursor: pointer;}
.tips-pop{ line-height:30px; text-align:center; padding: 10px 80px; background:rgba(0, 0, 0, .7); border-radius:4px; font-size:14px; color:#fff; white-space: nowrap; position:absolute; left:180px; top:80px; z-index: 1100; transform: translate(-50%,0); animation: alertTipsPop 1.7s ease-in-out 0s 1;}
@keyframes alertTipsPop {
  0% {
	transform: translate(-50%,0);
	opacity:1;
  }
  70% {
    transform: translate(-50%,0);
	opacity:1;
  }
  100% {
    transform: translate(-50%,-200px);
	opacity:0;
  }
}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info{ color: #999;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info strong{ display: block; font-size: 16px; font-weight: bold; padding-bottom: 20px;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info p{ display: block; line-height: 28px;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx li{ float: left; position: relative;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx li .icon{ text-indent: -9999px; width: 30px; height: 30px; margin:16px 11px 0 0;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx .wb-1 .icon{ background-position: 0 -313px;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx .wb-1 .icon a{ display: block; width: 100%; height: 100%;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx .wx-1 .icon{ background-position: -30px -313px;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx img{ display: none; position: absolute; left: -45px; top: 56px; z-index: 10;}
.section3 .st3-cont .st3-c-2 .contact-cont .box-rt .cp-info .wb-wx li:hover img{ display: block;}


/****加入我们****/
.section4 h3{ width: 393px; height: 34px; text-indent: -9999px; background: url(../images/pic24.png) no-repeat; margin: 196px auto 0 auto;}
.section4 h5{ display: block; font-size: 12px; color: #dfb881; text-transform: uppercase; text-align: center; padding-top: 18px;}
/* 滚动 */
.jobBox{ position:relative; width:1000px; padding-top:30px; margin: 20px auto 0 auto;}
.jobBox .hd{ height: 35px;}
.jobBox .hd .prev,.jobBox .hd .next{ display:block;  width:33px; height:33px; line-height: 33px; text-align: center; float:right; overflow:hidden; cursor:pointer; background:#070708; color: #ceab86; border-radius: 2px; border: 1px solid #6c5b4a; margin-left:10px;}
.jobBox .hd ul{ float:right; overflow:hidden; zoom:1; }
.jobBox .hd ul li{ float:left;  width:33px; height:33px; line-height: 33px; text-align: center; overflow:hidden; margin-left:10px; font-size: 14px; cursor:pointer; background:#070708; color: #ceab86; border-radius: 2px; border: 1px solid #6c5b4a;}
.jobBox .hd ul li.on{ background:#6e5d4b; color: #000;}

.jobBox .bd{ overflow:hidden; width:1000px; height: 594px;}
.jobBox .bd ul{ overflow:hidden; zoom:1;  float:left; _display:inline;  }
.jobBox .bd ul li{ padding-bottom:20px; float:left; _display:inline; overflow:hidden;}
.jobBox .bd ul li .cbox-t{ overflow:hidden;}
.jobBox .bd ul li .cbox-b{ width:1040px;}
.jobBox .bd ul li .cont{ float: left; width: 218px; height: 263px; border: 1px solid #5e5041; border-top: 3px solid #ceab86; margin: 0 29px 30px 0;}
.jobBox .bd ul li .p1{ line-height: 30px; font-size: 16px; color: #ceab86; font-weight: bold; text-align: center; padding-top: 20px;}
.jobBox .bd ul li .p2{ font-size: 12px; color:#74614c; text-align: center;}
.jobBox .bd ul li .p3{ width: 50px; height: 40px; margin: 18px auto 0 auto;}
.jobBox .bd ul li .p4{ padding:14px 0 0 44px; line-height: 24px; color: #999; font-size: 14px;}
.jobBox .bd ul li .p5{ padding:0 0 0 44px; line-height: 24px; color: #999; font-size: 14px;}
.jobBox .bd ul li .p6{ width: 140px; height: 31px; line-height: 31px; background-position: -126px -344px; text-align: center; color: #ceab86; cursor: pointer; margin: 25px auto 0 auto;}
.jobBox .bd ul li .icon1{ background-position: 0 -526px;}
.jobBox .bd ul li .icon2{ background-position: -68px -526px;}
.jobBox .bd ul li .cbox{ width: 967px;}
.jobBox .bd ul li .details{ display: none;}

.job-details-box{ display: none; width: 998px; height: 698px; background: rgba(0, 0, 0, .9); border: 1px solid #e6c4a1; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 10px; z-index: 120;}
.job-details-box .cont{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.job-details-box .cont .close-btn{ width: 25px; height: 25px; position: absolute; right: 18px; top: 18px; background-position: 0 -359px; cursor: pointer;}
.job-details-box .cont .jdb-cont{ width: 838px; height: 578px; line-height: 24px; margin: 60px 80px; overflow-y:auto; font-size: 14px; color: #999;}
.job-details-box .cont .jdb-cont strong{ color: #e6c4a1; font-size: 16px; line-height: 46px; font-weight: bold;}


.footer{ height: 182px; width: 100%; background: #000; overflow: hidden;}
.footer .inner-box{ width: 1200px; margin: 0 auto;}
.footer .left-logo{ float: left; width: 150px; height: 91px; background-position: -330px 0; margin: 42px 50px 0 40px;}
.footer .footer-rt{ float: left; color: #666; font-size: 12px; padding-left: 56px; position: relative;}
.footer .footer-rt::before{ display: block; content: ''; width: 1px; height: 104px; background: linear-gradient(to bottom,transparent 0%,#666 20%,#666 80%,transparent 100%); opacity: 0.5; position: absolute; left: 0; top: 42px;}
.footer .footer-rt .top-link{ padding: 42px 0 22px 0;}
.footer .footer-rt .top-link li{ display: inline-block; padding-right: 13px;}
.footer .footer-rt .top-link li a{ color: #999; margin-right: 13px;}




/****自适应：小于以下屏幕宽度时的样式****/
@media screen and (max-width: 1280px) {
	.header{
		-ms-transform:scale(0.8,0.8) translate(-22%,0);
		transform:scale(0.8,0.8) translate(-22%,0);
	}
}

.wrapper2{
  background: url(../images/bg3.jpg) repeat-y top center #000000; color: #d9b988; font-size: 14px;
}
.agreement,.policy {
   width: 100%; min-height: 1080px; 
  max-width: 1280px;
  margin: auto;}
  .agreement-nav {
    margin: 30px 0;
    height: 33px;
  }
  .nav-back{
    width: 117px;
    height: 33px;
    cursor: pointer;
    background: url(../images/back.png) no-repeat center center;
  }
  
.agreement-title{
  text-align: center;
  margin: 30px auto 50px;
}

.agreement .agreement-cont p{
	line-height: 26px;
	font-size: 14px;
}
.agreement .agreement-cont{
  margin: 10px auto 80px;
}