@charset "utf-8";/*reset.css*/
body,h1,h2 {margin:0; padding: 0; color: #484848; font: 12px/1 "Microsoft Yahei",SimSun,Arial,"\5b8b\4f53",sans-serif; line-height: 1;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, img, a, dl, dt, dd, ul, ol, li, pre, em, strong, b, i, fieldset, form, label, legend, button, input, textarea, table, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0;}
a {text-decoration:none;color: #3c3c3c;}
ul, ol { list-style: none;}
.w1240{ width: 1200px; margin: 0 auto; position: relative;}
.w1006{width: 1006px; margin: 0 auto; position: relative;}
.lt{ float: left;}
.rt{float: right;}
.header{ position: relative;    z-index: 21;}
.clear { clear: both;}
.t50 { padding-top: 50px;}
.pb{ padding-bottom: 100px;}
.bac { background: #f5f5f5;}
.top { height: 100px; background:#fff ; position: absolute; width: 100%; z-index: 99;}
.top .mic { width: 1240px; margin: 0 auto; }
.min { min-height: 800px;}
.f_center { text-align: center;}
.f_center img { max-width: 100%;}
.b30 { padding-bottom: 30px;}

/**************/
body{color:#222;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:12px; line-height:1.5;}
ol,ul{list-style:none;}
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
.section-wrap .section .title{width:1240px;position:relative;top:15%;font-size:2.4em; margin: 0 auto;}
.section-wrap .section .title p{ opacity:0}
.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
.section-wrap .section-1{ background-color:#eee}

.section-wrap .section-2{ background: url(../images/kSMi.png) center center no-repeat;}
.section-wrap .section-3{ background-color:#eee}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.section-btn{ width:14px;position:fixed;right:1%;top:50%;}
.section-btn li{ width:8px;height:8px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#e5e5e5;text-align:center; color:#fff; onsor:pointer;}
.section-btn li.on{ background:#F00}
.arrow{background: url(../images/sb.png) no-repeat; opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:10px;left:49%;width:32px;height:32px;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:20px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:20px; opacity:.5} }
.hd-top { height: 30px; line-height: 30px; border-bottom: 1px solid #ececec; box-shadow: 0 1px 2px rgba(0,0,0,.05); position: relative; z-index: 22;}
.top-menu-fl {height: 30px;position: absolute;}
.top-menu-fl .home-page {background-position: -1px 6px;}
.top-menu-fl .to-box {background-position: -1px -18px;}
.top-menu-fl .home-page:hover {background-position: -104px 6px;}
.top-menu-fl .to-box:hover {background-position: -104px -18px;}
.top-menu-fl a, .top-menu-fl a:visited,.top-user a { float: left; height: 30px; display: inline; padding-left: 20px; margin-left: 15px; background:url(../images/icon.png) no-repeat; background-position-x: 0%; background-position-y: 0%;overflow: hidden;  _line-height: 34px;}
.top-user {height: 30px;position: absolute;right: 0px;}
.top-user .to-dl {background-position: -1px -48px;}
.top-user .to-zc {background-position: -1px -75px;}
.hd-nav {height: 85px; box-shadow: 0 4px 4px rgba(0,0,0,.2); position: absolute; width: 100%; background: #fff; z-index: 99;}
.hd-nav .logo175 {width: 150px; height: 64px; position: absolute; left: 0; top: 12px; background: url(../images/logo.png) no-repeat;}
.hd-nav .logo175 a { height: 100%; display: block;}

.nav-list { width: 588px; height:85px; position: absolute; right: 0;}
.nav-list li { float: left;  font: 16px/30px 'Microsoft Yahei','\5b8b\4f53'; margin-left: 58px; line-height: 85px; }
.nav-list li span:hover { color: #F18E43;}
.nav-list li i { width: 100%; height: 3px; bottom: 3px; display: none; background: #f18e43; position: relative;}
.nav-list .active span { color: #F18E43;}
.nav-list .active i { width: 100%; height: 3px; bottom: 3px; display: block; background: #f18e43; position: relative; border-radius: 15px;}

.title-bt {text-align:center; color: #484848; border-bottom: 1px solid #dbdbdb; margin: 0 auto; width: 800px; height: 60px; line-height: 60px; font-size:30px;}
.gameyy {text-align:center;color: #8d8d8d; border-top:3px solid #e69800; width: 100px; margin: 0 auto; position: relative; top: -2px; line-height: 40px; font-size: 18px;}
.title .news { width: 1240px; margin: 0 auto; padding-top: 120px;}
.title .news li { width: 380px; height: 500px; background: #ebebeb; float: left; margin-right:50px;}
.title .news li:nth-child(3) {float: right;margin-right: 0px; }

.title .news .n-title { padding: 10px 0; line-height: 32px; font-size: 20px;}
.title .news h2 { height: 120px;overflow:hidden}
.title .news h2 a{ font-size: 14px; line-height: 26px; color: #898989;}
.title .news h3 { padding-top: 10px;}
.gw-link { width: 46px; height: 30px; display: block; background: url(../images/arrow_62e0baf.png) no-repeat right center; font: 14px/30px "Micosoft YaHei"; color: #9f9f9f;}
.gw-link:hover { background: url(../images/arrow_h_88eeb95.png) no-repeat right center;color: #c21d35;}

.about { width: 490px; margin-top: 150px;}
.about .top1 { font-size: 16px; color: #818181; line-height: 40px;}
.aboutbt { font-size: 22px; color: #535353;}
.usimg { width: 950px; height: 360px; background: #25b7b4; position: absolute; right:-356px;margin-top: -345px;}

/**截大图***/
.mod18{width:606px;height:406px;position:relative; top:7px; left: -115px;}
.mod18 .btn{position:absolute;width:15px;height:40px;top:306px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat 0px -15px;}
.mod18 #prevTop,.mod18 #nextTop{top:130px;width:46px;height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0;background:url(../images/nextBtn.png) no-repeat 0px -15px;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:606px;height:300px;position:absolute;color:#fff;}
.mod18 .cf li span{ font-size:14px;display:block;width:566px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:300px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:300px;position:absolute;}
.mod18 .picBox li{width:606px;height:300px;}
.mod18 .listBox{width:564px;height:100px;margin:0 auto;position:relative;padding:6px 0 10px;overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:100px;height:70px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:124px;height:70px;}
.mod18 .listBox li img{width:90px;height:40px;}
.mod18 .listBox .on img{width:84px;height:34px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}
.gamelr { }

.footer { height: 130px; position: absolute; background: #202020; z-index: 999; bottom: 0; width: 100%;}
.nie-cn-logo { display: inline-block; vertical-align: middle; height: 48px; min-width: 84px;}
.nie-cn-logo a { display: inline-block; vertical-align: top; margin-top: 2px;}
.nie-cn-logo img { padding-right: 15px; padding-top: 5px; border: 0; vertical-align: middle;}
.nie-cn-nav { display: inline-block; vertical-align: top; position: relative; z-index: 1;}
.nie-cn-nav i { font-style: normal;}
.nie-cn-nav i.nie-cn-nav-i2 { height: 28px; line-height: 28px; text-align: left;}
.nie-cn-nav i { font-style: normal;color: #fff;}
.nie-copyright-new-inner { width: 612px; text-align: left; margin: 0 auto;  padding: 35px 0 10px; font-size: 12px; line-height: 20px;}
.nie-copyright-new-inner a { color: #fff;}


/***产品***/
.head { height: 360px; background: url(../images/cp_bg.jpg) center center no-repeat;}
.game_list .list { padding: 15px; background: #fff;box-shadow: 0 0 10px #e3e3e3; margin-bottom: 30px;}
.game_list .list .slider { width: 490px; height: 210px; background: #5481ba;}
.game_list .list .game_inf { width: 644px; height:auto;}
.game_list .list .game_title { font-size: 24px; line-height:30px; padding: 6px 0;}
.game_list .list .game_id { font-size: 16px; color:#757575; line-height: 26px; height: 110px;overflow: hidden;text-overflow: ellipsis;}
.game_list .list .game_gw {font-weight: 100; border-top:1px solid #e0e0e0 ; margin-top: 30px; line-height: 50px; text-align: right;}
.game_list .list .game_gw a {font-size: 16px; color:#f38c1d; }
.game_list .list .game_btn {float: right;font-size: 13px;line-height: 15px;text-align: right; cursor: pointer;margin-top: 5px}

.history-text{width: 1080px;float: left;padding-bottom: 26px;line-height: 30px}

/*****/
.nav{ height: 94px; text-align: center; width: 344px; margin:  0 auto; padding-top: 240px;}
.nav a { width: 94px; height: 94px; line-height: 94px; background: url(../images/bn_ge.png) bottom center no-repeat;display: block; float: left; margin: 0 15px; color: #fff; font-size: 18px;}
.nav a:hover {background: url(../images/bn_ge.png) top center no-repeat;}
.nav .select {background: url(../images/bn_ge.png) top center no-repeat;}
.adoutus_bg { background:url(../images/qyjs.jpg) center center no-repeat;}
.adoutus_bg2{ background:url(../images/qyjs_02.png) center center no-repeat;}
.section-title {  margin: 4.2% 0 3.7%;  text-align: center;}
.section-title h2 { font-size: 24px; color: #666;}
.section-title .title { width: 100%; height: 40px; line-height: 40px; font-size: 24px; color: #333;}
.section-title .title { background: url(../images/section-title-1_baa9bb8.png) center center no-repeat;  -webkit-animation: slideInDown_px 1.5s both;  -moz-animation: slideInDown_px 1.5s both;animation: slideInDown_px 1.5s both;}
.section-title .title .color { color: #ff7500; font-weight: 100;}
.en-des {font-size: 16px; color:#999; line-height: 40px;}
.en-des .img { position: relative; float: left; padding-right: 80px; padding-bottom: 30px;}
.en-des .bt { font-size: 30px; line-height: 80px; color: #e88800;}
.list-paddingleft-2 { padding: 100px 0;}
.list-paddingleft-2 li { padding-bottom: 20px; width: 40%; float: left; padding-right: 20px;}
.list-paddingleft-2 h4 { color: #585858;}
.list-paddingleft-2 p {float: left;}
.list-paddingleft-2 .ad_js{ font-size: 14px; line-height:26px;padding-left: 56px;position: relative;margin-top: -30px;}
.line {display: block; width: 1px; height: 20000px; background: #d6d7da; position: absolute;left: 95px; top:66px;}
.current ul { position: relative; font-size: 14px;overflow: hidden;}
.current li { line-height: 150%;margin: 10px 0 40px;}
.current .date {padding-left: 121px;font-size: 20px;padding-bottom: 24px;color: #ff7500;}
.en-history-month {position: relative;float: left;display: block;width: 100px;text-align: center;margin: 0 10px;min-height: 20px; color: #ff7500;}
.current i {position: absolute;right: 10px;margin-top: -15px;display: block;width: 9px;height: 9px;-webkit-border-radius: 50%;border-radius: 50%;background: #ff7500;z-index: 9;}
.game_list .news li { padding: 20px; background: #fff;box-shadow: 0 0 10px #dfdfdf; margin-bottom: 20px;}
.news li h3 { font-size: 20px; line-height: 24px; color: #5b5b5b; font-weight: 100;}
.news li p { font-size: 14px; line-height: 24px; color: #868686;}
.news li .time{font-size: 14px;  color: #5b5b5b; line-height: 34px;}
.game_list { font-size: 30px; border-bottom: 1px solid #e9e9e9; }
.game_fb { font-size: 12px;line-height: 20px; color: #999;}
.game_lr {font-size: 18px; font-weight: 100; color: #636363; line-height: 40px;}
.game_lr img{ text-align: center;}

/**jobject***/
.job { height: 160px; background: #4e4e4e;}
.job_bg { background:url(../images/job_bg.jpg) center top no-repeat;}
.position-search { width: 330px; padding: 25px 24px 40px;line-height: 1; background: #fff;}
.position-search .keywords { padding: 15px 0 20px; font-size: 18px; font-weight: 700; color: #253044;}
.position-search .keywords .clear-btn { float: right; font-size: 12px; font-weight: 400; line-height: 2; color: rgba(37,48,68,.85); cursor: pointer;}
.position-search .check-box-item { margin-bottom: 20px;}
.position-search .title { padding: 20px 0 15px; font-size: 14px; font-weight: 700; color: #253044;}
.nt-radio { display: flex; flex-wrap: wrap; justify-content: space-between;}
.nt-radio .radio-item { min-width: 80px; padding: 0 4px; margin-bottom: 10px; line-height: 30px; color: rgba(37,48,68,.65); text-align: center; border-radius: 2px; font-size: 14px;}
.nt-radio .active, .nt-radio .radio-item:hover {    color: #e6231f; background: rgba(230,35,31,.1);}
.tiem-qyxx .tiem-qyxx-k { padding-bottom: 20px; font-size: 14px;  height: 40px;}
.tiem-qyxx .tiem-qyxx-k h1 { width: 36px;float: left; height: 36px; padding-top: 11px;}
.tiem-qyxx .tiem-qyxx-k h2 { width: 286px;float: right; line-height: 24px;}
.tiem-qyxx .tiem-qyxx-k h2 i {font-size: 12px; font-style:normal;display: block; color: #8d8d8d;}
.posi-list-card {font-size: 14px; position: relative; display: flex; padding: 30px 34px 30px 16px; margin-bottom: 20px; cursor: pointer; background: #fff; border-radius: 2px; width: 752px;}
.posi-list-card .list-card-content { width: 100%;}
.posi-list-card .list-card-content .content-base { display: flex; justify-content: space-between;line-height: 1;}
.posi-list-card .list-card-content .content-base .base-left .name { display: flex; padding-bottom: 20px;}
.posi-list-card .list-card-content .content-base .base-left .name .f-title { margin-right: 10px; font-size: 18px; font-weight: 600; color: #253044;}
.f-toe {  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.posi-list-card .list-card-content .content-base .base-left .name .tag-work { color: #00a6b2; background: rgba(0,166,178,.15);}
    .posi-list-card .list-card-content .content-base .base-left .name .tag { display: inline-block; max-width: 100px; padding: 0 12px; margin-right: 8px; font-size: 12px; line-height: 24px; color: #ff7a3e; background: rgba(255,122,62,.15); border-radius: 11px;}
.posi-list-card .list-card-content .content-base .base-left .base-detail { color: rgba(37,48,68,.65);}
.posi-list-card .list-card-content .content-base .base-right { flex-shrink: 0; min-width: 200px; padding-top: 19px; text-align: right;}
.posi-list-card .list-card-content .content-base .base-right .change-show-btn { padding: 0 6px; margin-left: 10px; cursor: pointer;}
.change-show { color: #9e9e9e;}
.job-details-item-mt { padding-top: .4rem; font-size: 14px;}
.job-details { font-size: .2rem; line-height: .28rem; color: #333;}
.job-details-item { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-align: center; align-items: center;}
.font-family-medium { font-family: PingFangSC-Medium;}
.job-details-label { width: 100px; font-size: 20px;}
.job-details .job-details-desc { line-height: .36rem; margin-top: .09rem; font-size: .14rem; color: #999;}
.font-family-light { font-family: PingFangSC-Light; color: #999; line-height: 36px; padding-top: 6px;}
.job-details-name { padding-top: 60px;}
.job-bt { font-size: 30px; line-height: 40px; color: #fff; width: 800px;}
.opt-submit {width: 120px;height: 40px;line-height:40px;text-align: center;font-size: 18px;color: #fff;background: #f23535;border-radius: 2px;cursor: pointer; float: right;}
.jotailb-des { color: #bdbdbd; font-size: 14px; padding-top: 12px;}
.jotailb-des span { padding-right: 20px; background: url(../images/job.png) no-repeat; padding-left: 24px;}
.jotailb-des .item-icon1 {background-position: -12px -22px;}
.jotailb-des .item-icon2 {background-position: -12px -94px;}
.jotailb-des .item-icon3 {background-position: -12px -60px;}
.jotailb-des .item-icon4 {background-position: -12px -133px;}


/*****/
.cooperation { background:url(../images/hz.jpg) center center no-repeat; hanging-punctuation: 100px;}
.cooperation .coopbg {height: 220px; background:url(../images/hz.jpg) center center no-repeat;}
.game_list .coope li { padding: 20px; background: #fff;box-shadow: 0 0 10px #dfdfdf; margin-bottom: 20px; width: 544px;}
.game_list .coope li:nth-child(odd){float: left;}
.game_list .coope li:nth-child(even){float: right;}
.coope h1 { font-size: 20px; line-height: 40px; color: #f18e43;}
.coope h2 { font-size: 18px; line-height: 34px; padding: 10px 0;}
.coope h2 i { border-bottom: 4px solid #ff7500; width: 26px; display: block;}
.coope h3 { font-size: 14px;  padding-top: 6px; font-weight: 100;color: #515151; line-height: 18px;}
.coope h3 span { padding-right: 20px; background: url(../images/job.png) no-repeat; padding-left: 24px;}
.coope h3 .qq{background-position: -12px -183px;}
.coope h3 .yx{background-position: -12px -230px;}
.coope h4 { font-size: 14px;  padding-top: 12px; font-weight: 100; color: #999;}
.coope .coopewx {padding: 24px 20px 0 0;}
.coope .coopewx img{ width: 100px; height: 100px;}



/************/
#myscroll {	display: block;	width: 100%;position: relative;	height:240px;	}
#myscroll ul li .sroduct {cursor: default;	display: block;	float: left;width:490px;padding: 0;	position: relative;	height:210px;	color: #333;overflow:hidden;margin-top: 5px;}
#myscroll a .intro {	position: absolute;	left: 0;z-index: 10;background-color: #ea671c;	filter: alpha(opacity=90);	width: 490px;color: #fff;-moz-opacity: 0.9;	-khtml-opacity: 0.9;	opacity: 0.9;	text-align: center;}
#myscroll a .intro .p-bot { float:right; width: 180px;padding: 0;margin: 0;font-size: 16px;height: 40px;line-height: 30px;font-weight:100;}
#myscroll a .intro .p-bot .APK {border:none;width:120px;height:34px; border-radius:18px; margin-bottom:9px; cursor: pointer;}
#myscroll a .intro .p-bot .Google {border:none;width:120px;height:34px; border-radius:18px; margin-bottom:9px; cursor: pointer;}
#myscroll a .intro .p-bot .App {border:none;width:120px;height:34px; border-radius:18px; cursor: pointer;}
#myscroll a .intro .p-img {font-size: 13px; float:left;line-height: 20px;overflow: hidden; height: 120px; width: 370px; padding: 45px 60px; text-align: left;}
#myscroll a .intro img { padding-left: 50px;}
#myscroll a .intro .p-bot a {width: 40px; height: 20px;}
#myscroll a .intro {bottom: -210px;}
#myscroll a:hover .intro {bottom: 0px;}
#mybtns a {	width: 42px;height: 42px;display: block;	float: right;margin-right: 1px;	background-color: #c1c1c1;	margin-left:10px;}
#mybtns a:hover {background-color: #347fdc;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/**相册***/
.album { position: relative; min-height: 500px; margin: 16px auto 0;}

/**协议**/
.user-single-head { height: 80px; background: #fff; overflow: hidden; box-shadow: 0 4px 4px rgba(0,0,0,.2); min-width: 1000px;}
.user-single-h { width: 1030px; height:60px; margin: 10px auto; position: relative; padding-left: 160px; background: url(../images/logo.png) no-repeat;}
.user-single-logo { width: 160px; height:60px; display: block; position: absolute; top: 0; left: 0;}
.user-single-title { position: absolute; top: 18px; left: 160px; font: 400 30px/30px 'Microsoft Yahei'; color: #3c3c3c; border-left: 1px solid #dfdfdf; padding-left: 12px;}
.user-single-main { width: 1200px; height: 100%; margin: 40px auto; font-size: 16px; line-height: 30px; color: #666;}
p strong { font-size: 16px;text-indent: 2em;margin-top: 30px; line-height: 40px;}

/***家长***/
.protect_bg{ background: url(../images/protect_bg.jpg) center center no-repeat; height: 160px;}
.guardian-bt { text-align: center; font-size: 20px;background: url(../images/guardian-bt.png) 16px center no-repeat; margin-bottom: 20px;}
.guardian-bt a { padding: 0 22px;}
.guardian-bt .guardian-dj { color: #e2b500;}
.guardian-lr { padding: 50px; min-height: 500px;}
.guardian-lr p {font-size: 15px; line-height: 40px; color: #797979;TEXT-INDENT: 30px;}
.guardian-lr h2 {font-size: 16px; line-height: 40px; color: #fff; margin:20px 0; background: #66b832; padding-left: 10px;}