@charset = "utf-8";

/*cssReset*/
*{
	margin: 0;
	padding: 0;
}

html,body,.div-wrap{
	width: 100%;
	height: 100%;
	font-family: "Noto Sans CJK SC","Source Han Sans CN","Helvetica Neue","Helvetica","STHeiti","Microsoft YaHei","Arial","Verdana","sans-serif";
}

.head-container ul li a{
	text-decoration: none;
	color: #333333;
}

img{
	border: none;
	vertical-align: top;
}

/*Base*/
.head-div-wrap,.aboutAs-div-wrap,.salary-div-wrap,.joinAs-div-wrap,.contactAs-div-wrap{
	width: 100%;
}
/*.salary-div-wrap,.joinAs-div-wrap{
	padding-top: 110px;
    margin-top: -110px;
}*/
/*.joinAs-div-wrap{
	padding-top: 62px;
    margin-top: -110px;
}
.salary-div-wrap {
	margin-top: -110px;
}*/
.words-01{
	line-height: 70px;
	*line-height: 90px;
}

.words-style{
	display: inline-block;
	line-height: 70px;
	*line-height: 90px;
	
}

/*header*/

.dot-nav{
	position: absolute;
	top: 30px;
	left: 0px;
	right: 0px;
	width: 7px;
	height: 7px;
	margin: 0px auto;
	display: none;
	background: #0E8CFD none repeat scroll 0% 0%;
	border-radius: 50%;

	/*ie7*/
	*left: 50%;
	*margin-left: -3.5px;
}

.display-style{
	display: none;
}

.head-div-wrap{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: white;
/*	background: url(../images/headBG.png) repeat-x;*/
	border-bottom: 1px solid #ddd;
}

.head-container{
	position: relative;
	width: 1150px;
	height: 110px;
	margin: 0 auto;
}

.logo{
	position: absolute;
	left: 0;
	bottom: 20px;
	height:70px;
}

.head-container ul{
	position: absolute;
	right: 0;
	bottom: 27px;
	float: right;
}

.head-container li{
	position: relative;
	list-style: none;
	float: left;
	margin-right: 39px;
	font-size: 18px;
	color: #333333;
}

/*banner*/

.flexslider {
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: 626px;
	min-width:1150px;
	max-width: 1920px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 626px;
	display: block;
}

/*about as*/
.aboutAs-div-wrap{
	position: relative;
	padding-top: 76px;
    margin-top: -76px;
    /*ie7*/
    *padding-top: 110px;
    *margin-top: -110px;
}

.aboutAs-head{
	margin-top: 33px;
	width: 100%;
	height: 90px;
	min-width: 1150px;
	background: url(../images/aboutAs-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.aboutAs-gs-info{
	margin-top: 57px;
	margin-left: 20px;
}

.aboutAs-gs-info p{
	text-indent: 2em;
	line-height: 40px;
	margin: 0;
	color: #070707;

}

.head-container-style{
	width: 1150px;
	height: 90px;
	margin: 0 auto;
	line-height: 90px;
}


.aboutAs-container{
	width: 1150px;
	/*height: 1300px;*/
	margin: 0 auto;
	font-size: 16px;
}

/*新增板块*/
.aboutAs-line {
	position: absolute;
	left: 0;
	top: 316px;
	width: calc(50% - 78px);
	height: 1px;
	background: #f1f1f1;
}
.aboutAs-intro {
	width: 100%;
}
.aboutAs-intro img{
	display: block;
	margin: 0 auto;
	margin-top: 75px;
}
.aboutAs-activity {
	position: relative;
	width: 100%;
}
.aboutAs-activity > img{
	display: block;
	margin: 0 auto;
	margin-top: 81px;
}
.aboutAs-activity-text {
	font-family: PingFangSC-Regular;
	font-size: 16px;
	color: #000000;
	text-align: center;
	margin-top: 69px;
	margin-bottom: 61px;
}
.aboutAs-activity-line {
	position: absolute;
	right: 0;
	top: 1352px;
	width: calc(50% - 78px);
	height: 1px;
	background: #f1f1f1;
}
.aboutAs-activity-show {
	width: 100%;
	height: 524px;
}
.aboutAs-activity-show img {
	display: block;
}
.aboutAs-activity-left {
	width: 369px;
	height: 524px;
	float: left;
}
.aboutAs-activity-center {
	width: 369px;
	height: 524px;
	float: left;
	margin-left: 13.5px;
}
.aboutAs-activity-right {
	width: 369px;
	height: 524px;
	float: right;
	/*margin-left: 10px;*/
}

.aboutAs-game-div{
	width: 100%;
	overflow: hidden;
	font-size:0;
}
.game-div{
	width: 370px;
	height: auto;
	margin-top: 20px;
}
.game-div-left{
	font-size:0;
	margin-left: 20px;
}

.aboutAs-ico-div{
	width: 370px;
	/*margin-top: 70px;*/
	float: left;
	text-align: center;
}
.icon--div {
	margin-top: 23px;
	font-size:0;
}
.icon--p {
	line-height: 40px;
	text-indent: 1.2em;
}
.icon-div{
	width: 565px;
	height: auto;
	font-size:0;
}

.icon-div-img {
	margin-left: 20px;
}

.aboutAs-ico-div-margin{
	margin-left: 20px;
}

.aboutAs-part-info{
	margin-top: 20px;
	height: 214px;
	color:#ffffff;
	background-color: #6ccfcf;
}

.p-style-one{
	text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 28px;
}

.p-style-two{
	display: block;
	width: 317px;
	height: 132px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 16px;
	text-align: left;
}

/*salary*/

.salary-div-wrap{
	width: 100%;
	height: 706px;
	min-width: 1150px;
	padding-top: 111px;
    /*margin-top: -76px;*/
}

.salary-head{
	width: 100%;
	height: 90px;
	background-color: #80bf2a;

}

.salary-container{
	width: 1150px;
	margin: 0 auto;
}

.salary-container-div{
	width: 572px;
	height: 100%;
	float: left;
}

.salary-icon,.salary-p{
	float: left;
}

.salary-div,.salary-icon{
	height: 110px;
}

.salary-div{
	position: relative;
	margin-top: 40px;
}

.salary-icon{
	margin-left: 40px;
	margin-right: 25px;
}

.salary-p{
	position: absolute;
	top: 50%;
	margin-top: -37.5px;
	right: 0;
	width: 375px;
	line-height: 25px;
	*line-height: 30px;
}

.salary-p p:nth-child(1){
	font-size: 26px;
	color: #80bf2a;
	font-weight: bold;
}

/*ie7*/
.salary-p p:first-child{
	font-size: 26px;
	color: #80bf2a;
	font-weight: bold;
}


.salary-p p:nth-child(2){
	font-size: 16px;
	color: #666666;
}

/*ie7*/
.salary-p p:first-child+p{
	font-size: 16px;
	color: #666666;
}


.salary-p p:nth-child(3){
	font-size: 16px;
	color: #666666;
}

/*ie7*/
.salary-p p:first-child+p+p{
	font-size: 16px;
	color: #666666;
}
/*join as*/

.joinAs-div-wrap{
	height: 1200px;
	width: 100%;
	min-width: 1150px;
	overflow: hidden;
	clear: both;
	position: relative;
	padding-top: 111px;
}

.joinAS-head{
	width: 100%;
	height: 90px;
	background-color: #fda932;
}

.joinAS-container{
	width: 1150px;
	height: 950px;
	margin: 0 auto;
}

.zhiwei-div-wrap{
	width: 270px;
	height: 870px;
	margin-top: 85px;
	float: left;
	border-right: 4px solid rgb(255, 153, 51);
}

.zhiwei-container-div{
	position: relative;
	height: 45px;
}

.zhiwei-container-div a{
	text-decoration: none;
	height: 36px;
	cursor: pointer;
}

.zhiwei{
	position: absolute;
	right: 30px;
	bottom: 0;
	height: 36px;
	text-align: right;
	color: #666;
	display: inline-block;
	border-radius: 18px;
	line-height: 36px;
	padding: 0 10px;
}

.zhiwei-yuan{
	position: absolute;
	right: -10px;
	bottom: 5px;
	width: 12px;
	height: 12px;
	border: 2px solid rgb(255, 153, 51);
	border-radius: 50%;
	background-color: rgb(255, 153, 51);
}

.zhiwei,.zhiwei-yuan{
	float: left;
}

.zhiwei-info-div{
	height: 820px;
}

.zhiwei-info-title{
	font-size: 24px;
	color:#666666;
	display: inline-block;
	margin-left: 15px;
}

.zhiweiyaoqiu-title{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	background-color: #F39800;
	padding: 0 20px;
	font-size: 24px;
	color: #ffffff;
	margin-top: 35px;
}

.zhiwei-info-list>li{
	list-style: none;
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.zhiwei-info-list{
	margin-top: 30px;
	margin-left: 40px;
}

.zhiwei-info-wrap{
	width: 700px;
	height: 820px;
	float: left;
	margin-left: 40px;
	margin-top: 142px;
	overflow: hidden;
	position: relative;
}

.aa{
	position: absolute;
	top: 0;
	width: 700px;
}

.zhiwei-email-position{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #fff;
	line-height: 70px;
}
.zhiwei-email{
	display: inline-block;
	height: 40px;
	margin-left: 40px;
	background-color: #d9d9d9;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 20px;
	font-size: 16px;
}

/*contact as*/

.contactAs-div-wrap{
	position: relative;
	padding-top: 63px;
	margin-top: -110px;
	min-width: 1150px;
}

.contactAs-container-wrap{
	height: 577px;
	background: url(../images/contact-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

.contactAs-container-wrap{
	*height: 487px; /*ie7*/
	background: url(../images/contact-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

.contactAs-container-wrap{
	height: 487px\0; /*ie8+*/
	background: url(../images/contact-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

:root .contactAs-container-wrap{
	height: 577px\0; /*ie9+*/
	background: url(../images/contact-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}

.contactAs-head{
	width: 100%;
	height: 90px;
	background-color: #1e9ede;

}

.contactAs-container{
	width: 1150px;
	margin: 55px auto;
	font-size: 16px;
	color: #333333;
}

.contactAs-container{
	width: 1150px;
	*margin: 40px auto; /*ie7*/
	font-size: 16px;
	color: #333333;
}

.contactAs-container{
	width: 1150px;
	margin: 40px auto\0; /*ie8*/
	font-size: 16px;
	color: #333333;
}

:root .contactAs-container{
	width: 1150px;
	margin: 55px auto\0;/*ie9+*/
	font-size: 16px;
	color: #333333;
}
.contactAs-info-div{
	margin-left: 60px;
}
	
.contactAs-info-div p{
	line-height: 35px;
}

.contactAs-info-div p:nth-child(1){
	margin-top: 30px;
}

.contactAs-info-div p:nth-child(6){
	text-indent: 4em;
	font-size: 16px;
}

.contactAs-info-div p:nth-child(7){
	text-indent: 4em;
	font-size: 16px;
}

.contactAs-info-div p:nth-child(8){
	text-indent: 4em;
	font-size: 16px;
}

.contactAs-info-div p:nth-child(9){
	margin-top: 10px;
	margin-bottom: 10px;
}

.footer-container{
	width: 100%;
	min-width: 1150px;
	height: 70px;
	background-color: #343537;
	text-align:center;
}

.footer-info{
	margin: 0 auto;
	font-size: 14px;
	color: #666666;
	line-height: 70px;
}

.map-color{
	color: blue;
}


/*game banner*/
.gameContainer{
	width: 100%;
	height: 100%;
	display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
	display: flex;
	-webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
	font-family: "Noto Sans CJK SC","Source Han Sans CN","Helvetica Neue","Helvetica","STHeiti","Microsoft YaHei","Arial","Verdana","sans-serif";
}

.game_flexslider {
	margin: 0 auto;
	position: relative;
	width: 80%;
	height: 90%;
	/* overflow: hidden; */
	zoom: 1;
}

.game_flexslider .slides li {
	width: 100%;
	height: 100%;
}

.game_flexslider .game-flex-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 2;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.game_flexslider .game-flex-nav .flex-next {
	background-position: 0 -70px;
	right: -100px;
	opacity: 0.8;
}

.game_flexslider .game-flex-nav .flex-prev {
	left: -100px;
	opacity: 0.8;
}

/* .game_flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.game_flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
} */

/* .game_flexslider:hover .flex-next:hover,
.game_flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
} */

.game_flexslider .flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
	list-style: none;
}

.game_flexslider .flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.game_flexslider .flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.game_flexslider .flex-control-paging li a.flex-active,
.game_flexslider .flex-control-paging li.active a {
	background-position: 0 0;
}
.game_flexslider .game-flex-nav{
	list-style: none;
}
.game_flexslider .slides{
	list-style: none;
}
.game_flexslider .slides a img {
	width: 80vw;
	height: 45vw;
	display: block;
	background-size: cover !important;
	background-position: center !important;
}