@charset "utf-8";

/* Reset
-----------------------------------------------------------------------------------------------------------*/
body, h1, h2, p, ul, ol { margin: 0; }
ul, ol { list-style: none; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; vertical-align: top; }
em { font-style: normal; }
section, article, aside, header, footer, nav { display: block; }
:focus { outline:none; } /*for IE*/
::-moz-focus-inner { border-color: transparent; } /*for FF*/

/* Font
-----------------------------------------------------------------------------------------------------------*/
body, a { color: #555; }
body { font: 12px/1.6 \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif; }
h1, h2, h3 { font-weight: 400; font-size: 1em; }

/* Pendant
-----------------------------------------------------------------------------------------------------------*/
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.bc { margin-left: auto; margin-right: auto; }
.tc { text-align: center; }
.fn { font-weight: 400; }
.fb { font-weight: 700; }
.nt { text-indent: -38888px; outline: none; }

/* Layout
-----------------------------------------------------------------------------------------------------------*/
.container { max-width: 1920px; min-width: 1200px; overflow: hidden; *position: relative; }
.container { _width: expression((document.documentElement.clientWidth > 1920 || document.body.clientWidth > 1920) ? "1920px" : ((document.documentElement.clientWidth < 1200 || document.body.clientWidth < 1200) ? "1200px" : "100%")); _margin:0 auto; }
.range { width: 1920px; margin-left: -360px; _margin-right: -360px; _position: relative; }

html { background-color: #fff; }
.container { border-top: 1px solid #dcdee0; }
.wrap { width: 1200px; }

h2, .cont { margin: 0 95px; }
h2 { padding-top: 44px; font-size: 4em; line-height: 1; *line-height: normal; }
h2 em { font-size: .5em; }
.cont { font-size: 1.2em; line-height: 1.8; }

/* header */
.header { z-index: 9; height: 79px; border-bottom: 1px solid #c2c2c2; }
.header h1 { padding-top: .7em; }
.header h1 img { height: 5em; }

.header ul { padding-top: 24px; }
.header li { margin-left: 2em; }
.header li a { display: block;width: auto; height: 40px; line-height: 40px; padding: 0 12px; font-size: 1.5em; }
.header li a:hover, .header .current a { color: #4ab71a; }
.header li a:hover { text-decoration: none; }
.header .current a { background: url(arrow-nav.png) no-repeat 0 17px; }

/* footer */
.footer, .footer a { color: #888; }
.footer { padding: 3em 0; }
.footer a { *display: inline-block; margin: 0 4px; }
.footer em { color: #4ab71a; }

/* slider */
.slider { height: 537px; background: #e4f0e2 url(../index2014/slider-loading.gif) no-repeat center; }
.slider p { display: none; top: 0; left: 0; _position: absolute; }
.slider img { width: 100%; height: 537px; }
.slider .switchMod-menu { position: absolute; top: 500px; left: 0; width: 100%; text-align: center; }
.slider .switchMod-menu li { display: inline-block; *zoom: 1; *display: inline; width: 14px; height: 0; padding-top: 14px; margin: 0 8px; border-radius: 7px; background-color: #555; overflow: hidden; }
.slider .switchMod-menu .current { background-color: #36cf56; }
.slider .switchMod-page { position: absolute; top: 238px; width: 52px; height: 52px; background: url(arrow-slider.png) no-repeat; cursor: pointer; }
.slider .switchMod-page-prev { left: -88px; background-position: 0 0; }
.slider .switchMod-page-next { right: -88px; background-position: 0 bottom; }

/* ie6~8 hack */
.slider i { background: url(../index2014/slider-light-ie.png) no-repeat -14px 0\9; background-color: transparent\9; _overflow: hidden; }
.slider .current { background-position: 0 0\9; background-color: transparent\9; }

/* slider-sub */
.slider-sub { height: 335px }
.slider-sub p { display: block; }
.slider-sub img { width: 100%; height: 335px; }

/* banners */
.banners { height: 362px; }
.banners .wrap { height: 287px; padding-top: 37px; border-bottom: 1px solid #383d4c; }
.banners ul { height: 281px; border-bottom: 4px solid #383d4c; }
.banners li, .banners img { width: 385px; height: 244px; }
.banners p { display: none; z-index: 9; top: 192px; left: 0; width: 100%; height: 52px; line-height: 52px; text-indent: 1em; font-size: 1.7em; color: #fff; *cursor: pointer; }
.banners i { top: 192px; left: 0; width: 100%; height: 0; background-color: #272c3a; opacity: .6; filter: alpha(opacity=60); }
.banners strong { margin-left: .5em; }
.banners .mid { margin: 0 22px; }

/* about */
.about, .about .wrap { background: url(about-bg.jpg) no-repeat 0 0; }
.about { padding-bottom: 80px; background-color: #444a58; background-position: center 0; color: #fff; }
.about .wrap { background-position: -360px 0; }
.about h2 { height: 106px; }
.about h2 em { color: #b2b4b8; }
.about .cont p { text-indent: 2em; }
.about .cont i { width: 36px; height: 25px; background: url(about-el.png) no-repeat 0 0; }
.about .cont .l { top: -25px; left: -56px; _left: -106px; background-position: 0 -25px; }
.about .cont .r { bottom: -16px; _top: 12em; right: -56px; _right: 0; background-position: 0 -0; }

/* branch */
.branch, .branch .wrap { background: url(branch-bg.jpg) no-repeat 0 0; }
.branch { background-color: #ec2357; background-position: center 0; color: #fff; }
.branch .wrap { height: 690px; background-position: -360px 0; }
.branch h2 { height: 164px; }
.branch h2 em { color: #f8bcc7; }
.branch .scroller, .branch .scroller-bar { height: 348px; }
.branch .scroller { width: 350px; overflow: hidden; }
.branch .scroller p { text-indent: 2em; padding-right: 34px; }
.branch .scroller-body { top: 0; left: 0; }
.branch .scroller-bar, .branch .scroller-bar i { top: 0; width: 14px; border-radius: 6px; }
.branch .scroller-bar { left: 336px; background-color: #fff; }
.branch .scroller-bar i { left: 0; background-color: #ffc600; cursor: default; }

/* development */
.development, .development .wrap { background: url(development-bg.png) no-repeat 0 0; }
.development { background-position: center 0; }
.development .wrap { height: 731px; background-position: -360px 0; }
.development h2 { height: 120px; color: #373d4b; }
.development h2 em { color: #a3a3a3; }
.development .detail { height: 370px; line-height: 2; }
.development .detail ul { display: none; }
.development .detail .mt { margin-top: 1em; }
.development .detail .future { padding-top: 12px; font-size: 2em; }
.development .years { margin-left: 193px; color: #fff; font-size: 1.2em; }
.development .years li { width: 152px; height: 100px; padding-top: 20px; margin-right: 10px; background: url(development-el.png) no-repeat -152px 0; cursor: pointer; }
.development .years .current { background-position: 0 0; }

/* culture */
.culture { background-color: #ffb326; color: #fff; }
.culture h2 { height: 140px; }
.culture .cont p { text-indent: 2em; }
.culture .cont .tc { padding: 52px 0 84px; text-indent: 0; }

/* tree */
.tree { background-color: #f2f2f2; }
.tree .wrap { height: 638px; background: url(tree.png) no-repeat 0 bottom; }
.tree h2, .tree .cont { margin-left: 748px; }
.tree h2 { height: 98px; padding-top: 140px; color: #373d4b; }
.tree .cont { margin-right: 0; }
.tree .cont p { font-size: 1.6em; }
.tree .cont .tr { margin-top: 1em; text-align: right; }

/* sidebar nav */
.sidebar-nav { z-index: 99; position: fixed; _position: absolute; top: 0; right: 2em; width: 106px; padding: 0 10px; background-color: #53d7af; opacity: .9; filter: alpha(opacity=90); overflow: hidden; }
.sidebar-nav a { display: block; width: auto; height: 43px; line-height: 43px; border-top: 1px solid #afecbb; font-size: 1.3em; color: #e3f5e6; }
.sidebar-nav a:hover { text-decoration: none; color: #fff; }
.sidebar-nav .first { border-top: 0; }
.sidebar-nav .top { display: none; }

/* 内页 */
.sub { background-color: #f4f4f4; }
.sub .header { background-color: #fff; border-bottom: 0; }

.sub .crumb { height: 103px; border-bottom: 2px solid #1cc880; }
.sub .crumb .fl { padding-top: 42px; font-size: 30px; color: #000; }
.sub .crumb .fr { padding-top: 60px; }
.sub .crumb .fr span, .sub .crumb .fr a { vertical-align: middle; }
.sub .crumb .home { display: inline-block; width: 17px; height: 0; padding-top: 1em; background: url(icon-home.png) no-repeat center; overflow: hidden; }

.sub .banner { background-color: #fff; }
.sub .banner img { width: 100%; height: 294px; }

.sub .content { padding: 50px 100px 100px; background-color: #fff; }
.sub .content h2 { margin: 0 0 54px; padding-top: 30px; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #1cc880; text-align: center; }
.sub .content h2 span { position: relative; top: 6px; display: inline-block; padding: 0 1em; background-color: #fff; }

.news-list { position: relative; margin-bottom: 32px; margin-left: 232px; padding-bottom: 32px; border-bottom: 1px solid #ececec; font-size: 14px; }
.news-list .title-news { color: #333; }
.news-list img { position: absolute; top: 4px; left: -232px; width: 196px; height: 110px; }
.news-list .date { color: #b4b4b4; }
.news-list .desc a { color: #8c8c8c; }
.news-list .btn { margin-top: 1em; padding-left: 680px; }
.news-list .btn a { display: block; width: 93px; height: 33px; line-height: 26px; background: url(btn-detail.png) no-repeat; font-size: 12px; text-align: center; color: #8c8c8c; }

.news-detail { position: relative; margin-left: 180px; }
.news-detail h1 { margin-bottom: .5em; font-size: 28px; color: #5cdf80; }
.news-detail .date { position: absolute; top: 8px; left: -152px; font: 40px/.8 Arial, Helvetica, sans-serif; color: #b4b4b4; text-align: right; }
.news-detail .date span { font-size: 24px; }
.news-detail .stage { font-size: 14px; line-height: 1.8; }
.news-detail .stage p { padding-bottom: 8px; }
.news-detail .stage img { width: 100%; }

.page { margin-top: 32px; color: #999; }
.page span { cursor: default; }
.page a, .page span { *display: inline-block; margin: 1px; padding: 2px 5px; border: 1px solid #ddd; *line-height: 1.2; }
.page a { color: #aaa; text-decoration: none; }
.page a:hover { border: 1px solid #a0a0a0; color: #333; }
.page span { border-color: #e0e0e0; }
.page span.current { background-color: #f0f0f0; font-weight: 700; }

.game-info { position: relative; margin: 0 0 24px 340px; padding-bottom: 44px; font-size: 14px; }
.game-info img { position: absolute; top: 16px; left: -340px; }
.game-info p { text-indent: 2em; }
.game-info .btn-group { position: absolute; right: 0; bottom: 0; }
.game-info .btn-group a { float: left; width: 88px; height: 27px; line-height: 27px; margin-left: 8px; font-size: 12px; color: #fff; text-align: center; }
.game-info .btn-group .fir { background-color: #52c5f0; }
.game-info .btn-group .sec { background-color: #30cc8d; }
.game-info .btn-group .thi { background-color: #f48c21; }
.game-info .badge { position: absolute; top: 0; right: 742px; line-height: 24px; padding-left: 26px; background: url(sub/games-icon.png) no-repeat; font-size: 14px; font-weight: 700; color: #1cc880; white-space: nowrap; }
.game-info .badge-mobile { background-position: 0 -24px; }
.game-info .badge-html { padding-left: 32px; background-position: 0 -48px; }

.show-box { margin-bottom: 60px; }
.show-box:last-child { margin-bottom: 0; }
.show-box ul { font-size: 14px; color: #5c5c5c; overflow: hidden; }
.show-box li { float: left; width: 157px; margin-left: 53px; }
.show-box li p { padding: 8px; }
.show-box li label { display: block; height: 66px; padding-top: 23px; background: url(sub/games-feature.png) no-repeat; font-size: 18px; font-weight: 700; color: #fff; text-align: center; }
.show-box .fir { margin-left: 2px; }
.show-box .fir label { background-position: 0 0; }
.show-box .sec label { background-position: -157px 0; }
.show-box .thi label { background-position: -314px 0; }
.show-box .fou label { background-position: -471px 0; }
.show-box .fif label { background-position: -628px 0; }
.show-box .less .fir { margin-left: 108px; }
.show-box .full { width: 100%; }

.recommend, .recommend .wrap, .recommend, .recommend-footer { background: url(sub/job-recommend.png) no-repeat center 0; }
.recommend, .recommend .wrap { height: 500px; }
.recommend .wrap { background-color: #fff; background-position: center 0; font-size: 28px; }
.recommend h2 { padding: 149px 0 0 666px; font-size: 39px; color: #1cc880; }
.recommend p { padding: 19px 0 0 685px; }
.recommend p em { margin: 0 8px; font: 32px Arial, Helvetica, sans-serif; color: #ff7800; }
.recommend p a { text-decoration: underline; }
.recommend-footer { height: 51px; background-position: center -500px; }

.job .wrap { padding-bottom: 4em; background-color: #fff; }

.job .area-search { padding: 40px 0; }
.job .form-search  { position: relative; width: 620px; height: 42px; margin: 0 auto 30px; border: 4px solid #e9e9eb; }
.job .form-search .textbox { position: absolute; top: 0; left: 0; width: 485px; height: 42px; padding: 0; border: 0; background-color: #fff; font-size: 16px; line-height: 42px; color: #555; text-indent: 20px; }
.job .form-search .help, .job .form-search .error { position: absolute; top: 0; left: 0; width: 485px; height: 42px; border: 0; background-color: #fff; font-size: 16px; line-height: 40px; text-indent: 20px; }
.job .form-search .help { color: #d5d5d5; }
.job .form-search .btn-search { position: absolute; top: 0; right: 0; width: 135px; height: 42px; border: 0; background-color: #63d99f; font-size: 16px; line-height: 42px; color: #fff; }
.job .area-key { width: 450px; margin: 0 auto 0; font-size: 14px; line-height: 24px; overflow: hidden; }
.job .area-key-1 { margin-bottom: 20px; }
.job .list-key li { width: 60px; height: 24px; margin-left: 30px; font-size: 14px; line-height: 24px; text-align: center; }
.job .list-key li a { display: block; width: 60px; height: 24px; color: #000; text-decoration: none; }
.job .list-key .current a { background-color: #63d99f; color: #fff; }

.job .table { width: 1200px; border-bottom: 1px solid #ececec; overflow: hidden; }
.job .cell { float: left; width: 200px; padding: 12px 0; text-align: center; }
.job .name { width: 600px; text-indent: 64px; text-align: left; }
.job .list-head .cell { font-size: 16px; font-weight: 700; }
.job .list-item .cell { font-size: 14px; }

.job .list-item .title { cursor: pointer; }
.job .list-item .title:hover { width: 1220px; margin-left: -10px; background-color: #fff; -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, .2); box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, .1); font-weight: 600; color: #1cc880; }
.job .list-item .title:hover .name { width: 610px; text-indent: 74px; }
.job .list-item .title .tip-hot { display: inline-block; width: 28px; height: 12px; margin-left: 5px; vertical-align: middle; background: url(sub/tip-hot.png) no-repeat 0 0; text-indent: -99999px; }
.job .list-item .detail { display: none; padding: 0 0 40px 64px; line-height: 1.8; }
.job .list-item .detail p { padding-top: 16px; color: #1cc880; }
.job .list-item .detail .fir { padding-top: 8px; }
.job .list-item .detail .fir-cont { margin-top: 4px; }
.job .list-item .detail .fir-cont p { padding-top: 0; line-height: 1.8em; color: #000; }
.job .list-item .detail .join { color: #555; }
.job .list-item .detail .join a { text-decoration: underline; }

.job .open .table { border-bottom: 0; }
.job .open .detail { display: block; border-bottom: 1px solid #ececec; font-size: 14px; }

.pic-reco { position: fixed; bottom: 200px; left: 2em; display: block; width: 193px; height: 193px; background: url(sub/job-pic-reco.png) no-repeat 0 0; }

.sub .sitemap { padding: 50px 204px 100px 144px; }
.sitemap .f18 a { font-size: 18px; }
.sitemap .f14 a { font-size: 14px; }
.sitemap .c49d365 { color: #49d365; }
.sitemap .sitemap-cont { padding: 70px 0; border-bottom: 1px solid #ececec; overflow: hidden; }
.sitemap .sitemap-cont-1 { padding-top: 20px; }
.sitemap .sitemap-cont div { width: 92px; margin-left: 5px; padding-right: 32px; background: url(other-arrow.jpg) no-repeat 94px 22px; }
.sitemap .sitemap-cont .end { width: 73px; padding-right: 0; }
.sitemap .sitemap-cont h2 { padding-top: 17px; *padding-top: 15px; border-bottom: 0px; text-align: left; }
.sitemap .sitemap-cont h3 { *margin-top: 12px; }
.sitemap .sitemap-cont div li { line-height: 40px; }

.sub .other { padding: 55px 163px 80px 160px; }
.other .other-cont { margin-bottom: 45px; padding-bottom: 15px; border-bottom: 1px solid #ececec; }
.other .end { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.other .other-cont h2 { font-size: 20px; color: #49d365; border-bottom: 0; font-weight: 600; padding-top: 0; text-align: left;
}
.other .other-cont div { margin-bottom: 30px; }
.other .other-cont div ol { padding-left: 20px; list-style: decimal; }
.other .other-cont div ol li { margin-bottom: 30px; font-size: 14px; color: #4c4c4c; }
.other .other-cont p { font-size: 14px; color: #4c4c4c; }
.other .complications-cont p { margin-bottom: 45px; }

.sub .contact { padding: 55px 95px 80px; overflow: hidden; }
.contact .contact-cont { width: 450px; }
.contact .contact-cont h2 { font-size: 30px; color: #63d99f; font-weight: 600; margin-bottom: 27px; padding-bottom: 24px; text-align: left; }
.contact .contact-cont p { margin-bottom: 14px; font-size: 14px; color: #4c4c4c; }