/****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;}
.section1 { background: url(../images/bg.jpg) no-repeat center center;}
.codeCont{
  width: 821px;
  height: 251px;
  margin: 710px auto 0;
  /* margin-left: 548px; */
}
.sCodeBox{
  width: 823px;
  height: 258px;
  background: url(../images/code_bg.png) no-repeat center center;
}
.tongxing_icon{
  float: left;
  width: 200px;
  margin: 14px 1px 10px 13px;
}
.download_icon{
  float: right;
  width: 170px;
  margin: 14px 15px 10px 2px;
  /* cursor: pointer; */
}
.tongxing_icon1{
  /* cursor: pointer; */
}
.tongxing_icon2{
  color: #ffffff;
  line-height: 33px;
  height: 33px;
  font-size: 16px;
  font-weight: bold;
  text-align:center;
}


/* 滚动 */
.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: 172px; width: 100%; background: #000; overflow: hidden;}
.footer .inner-box{ width: 1200px; margin: 0 auto;}
.footer .left-logo{ float: left; width: 132px; height: 102px;background: url(../images/footer_logo.jpg) no-repeat center center; 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;
}