@charset "utf-8";
/* CSS Document */
@import url("reset.css");

.w960{ margin:0 auto; width:960px; overflow:hidden;}
.w980{ margin:0 auto; width:980px; overflow:hidden;}
.w1170{ margin:0 auto; width:1170px; overflow:hidden;}
.yahei{ font-family:'微软雅黑','宋体';}
body{ color:#8e908f; font-size:14px;}
a:hover,a:active{ text-decoration:none;}

/*头部*/
#header{ position:fixed; top:0; width:100%; height:64px; background:url(../images/index/index_nav.jpg) repeat-x; overflow:hidden; z-index:9999;}
#nav_box{ height:100%;}
#nav_box .logo{ float:left; _display:inline; margin:4px 20px 0 7px; width:114px; height:54px; background:url(../images/index/logo.png);}
.logo a{ display:block; width:100%; height:100%;}
.nav{ margin-top:19px; float:right;}
.nav a{ display:block; float:left; margin-right:6px; _display:inline; width:81px; height:30px; line-height:29px; color:#ff989f; cursor:pointer; text-align:center;}
.nav a.a1{ width:55px;}
.nav a.mr_0{ margin-right:0;}
.nav a:hover,#hover_1,#hover_2,#hover_3,#hover_4,#hover_5{ background:url(../images/index/publicImg.png) 0 -32px no-repeat; text-decoration:none;}
.nav a.a1:hover,#hover_0{ background:url(../images/index/publicImg.png) 0 0 no-repeat;}

#home{ height:0;}
/*banner*/
#banner{ position:relative; width:100%; height:649px; overflow:hidden;}
.banner_list li{ clear:both;  width:100%; height:649px; font-size:100px;}
.b_1{ background:url(../images/index/b_1.jpg) center 0 no-repeat;}
.b_2{ background:url(../images/index/b_2.jpg) center 0 no-repeat;}
.b_3{ background:url(../images/index/b_3.jpg) center 0 no-repeat;}
.b_4{ background:url(../images/index/b_4.jpg) center 0 no-repeat;}
.b_5{ background:url(../images/index/b_5.jpg) center 0 no-repeat;}
.b_8{ background:url(../images/index/b_8.jpg) center 0 no-repeat;}


.b_8 a{ display:block; width:154px; height:40px; background:url(../images/index/publicImg.png) 0 -136px no-repeat; float:left; margin:504px 0 0 273px;}
.b_8 a:hover{ background:url(../images/index/publicImg.png) 0 -177px no-repeat;}

.banner_list .return_web{ display:block; width:154px; height:40px; background:url(../images/index/publicImg.png) 0 -136px no-repeat;}
.return_web:hover{ background:url(../images/index/publicImg.png) 0 -177px no-repeat;}
.banner_list .b1_but{ display:block; width:155px; height:46px; margin:427px 0 0 230px;}
.banner_list .b1_but a{ width:100%; float:left; height:46px; display:block;}
.banner_list .l_2{ margin:390px 0 0 13px;}
.banner_list .l_3{ margin:370px 0 0 13px;}
.banner_list .l_4{ float:right; margin-top:244px;}
a.l_btn, a.r_btn { position:absolute; top:254px; z-index:99; display:block; width:64px; height:141px; background-image: url(../images/index/bt_arr.png); background-repeat:no-repeat; cursor:pointer;}
a.l_btn{ left:-64px; background-position:0 0;}
a.r_btn{ right:-64px; background-position:-65px 0;}
a.l_btn:hover{ background-position:0 -142px;}
a.r_btn:hover{ background-position:-65px -142px;}
.banner_dot{ position:absolute; left:0; bottom:0; width:100%; height:27px; background:url(../images/index/dot_box.png) center 0 no-repeat;}
.dot_box{ width:108px; margin:9px auto 0;}
.dot_box li{ float:left; margin-right:8px; _display:inline; width:10px; height:10px; background:url(../images/index/dot.png) 0 0 no-repeat; cursor:pointer;}
.dot_box li.hover{ background:url(../images/index/dot.png) -34px 0 no-repeat;}

.b5_but{ float:left; display:block; margin:400px 0px 0px 338px;width:204px; height:62px;}

/*标题*/
.col_tit{ clear:both; width:100%; height:138px; background:url(../images/index/col_tit.jpg) repeat-x; overflow:hidden;}
.col_tit h2{ width:129px; height:50px; margin:44px auto 32px; background-image:url(../images/index/tit_txt.png); background-repeat:no-repeat;}
.col_tit .tx_1{ background-position:0 0;}
.col_tit .tx_2{ background-position:0 -50px;}
.col_tit .tx_3{ background-position:0 -100px;}
.col_tit .tx_4{ background-position:0 -150px;}
.col_tit .tx_5{ background-position:0 -283px;}
.bot_arr{ width:18px; height:12px; margin:0 auto;  background:url(../images/index/bot_arr.jpg);}

.col_tit .tx_6{background:url(../images/index/n.png) no-repeat;}

/*游戏中心*/
.item_type{ margin:35px auto 26px; width:410px; overflow:hidden;}
.item_type li{ float:left; margin-right:8px; _display:inline; width:90px; height:30px; line-height:30px; text-align:center; color:#a2a5a4; font-size:16px; cursor:pointer;}
.item_type .hover,#game_type .hover_0,#game_type .hover_2,.item_type .hover_3{ background:url(../images/index/publicImg.png) 0 -64px no-repeat; color:#fff; }
#game_type .hover_1{ background:url(../images/index/publicImg.png) 0 -218px no-repeat; color:#fff;}
#game_type #w105{ width:105px;}
.game_list{ display:none;}
.game_box{ clear:both; padding:9px 0 0 0; overflow:hidden;}
.game_box li{ position:relative; float:left; width:302px; height:225px; padding:9px 8px 0 8px; overflow:hidden; border:1px solid #d8d8d8;}
.game_box li.blr_0{ border-right:none; border-left:none;}
.game_box li.bt_0{ border-top:none;}
.game_box li img{ z-index:10;}
.img_info{ margin:17px 0 0; overflow:hidden; line-height:16px;}
.img_info strong{ display:block; float:left; margin-left:20px; _display:inline; width:125px; color:#898c8d;}
.img_info a{ display:block; float:left; padding-left:15px; width:50px; color:#a2a5a4; font-size:12px;}
.img_info a.game_load{ background:url(../images/index/game_ico.jpg) 0 4px no-repeat; background-position:0 2px\0; margin-right:14px; _display:inline; }
.img_info a.game_web{ background:url(../images/index/game_ico.jpg) 0 -14px no-repeat; background-position:0 -16px\0;}
.page_box{ margin:38px 0 62px 6px; overflow:hidden;}
.page_box a{ display:block; float:left; margin-right:10px; _display:inline; width:31px; height:31px; background:url(../images/index/page_bg.jpg) 0 0 no-repeat; text-align:center; line-height:31px; color:#6c6f70; font-size:16px;}
.page_box a:hover{ text-decoration:none;}
.page_box a.active{ background:url(../images/index/page_bg.jpg) 1px -32px no-repeat; color:#fff;}

.game_wp{ position:relative; overflow:hidden; width:100%; height:174px;}
.picHover{ width:303px; height:29px; position:absolute; left:0px; bottom:0px; display:none; z-index:10; background:url(../images/index/game_hover.png); text-align:center; color:#fff; font-size:12px; line-height:29px;}
.m_c{  margin:38px auto 70px;  margin-left:auto; width:125px; }

/*最新资讯*/
#news_type{ margin-left:340px; margin-bottom:32px;}
.news_summary{ float:left; width:612px;}
.news_summary li{ margin-bottom:52px;}
.news_summary p{ margin:10px 0 8px; line-height:22px;}
.news_summary a{ color:#f03947; font-weight:bold;}
.news_list{ float:right; width:310px; display:none;}
.list_tab{ height:497px; overflow:hidden;}
.list_tab li{ clear:both; overflow:hidden; height:20px; line-height:20px; padding-bottom:7px; margin-bottom:18px; border-bottom:1px dotted #d8d8d8; *padding-bottom:4px;}
.list_tab li a{ display:block; float:left; width:245px; height:100%; color:#8e908f; overflow:hidden;}
.list_tab li a:hover,.img_info a:hover{ color:#f03947;}
.list_tab li .date{ float:right; width:46px; color:#b5b7b4; font-family:Arial, Helvetica, sans-serif;}

/*招贤纳士*/
#employ_box{ width:100%; overflow:hidden; background:url(../images/index/employ_bg.jpg) repeat; padding-top:60px;}
#employ_list li{ float:left; width:326px; height:275px; line-height:22px;}
#employ_list li .job_tit{ display:inline-block; width:88%; height:127px; margin-bottom:15px; text-align:center; background:#f1f1f1;  color:#f03947;}
#employ_list li .job_tit label{ padding:38px 0 0 0; float:left; width:100%;}
#employ_list li .job_tit label h2{ line-height:30px;}
#employ_list li .item,#employ_list li span{ display:block; float:left; width:128px; height:22px; overflow:hidden; padding-left:28px; color:#8e908f;}
#employ_list li a:hover{ color:#f03947;}
/*
#employ_list .jb_1{  background:url(../images/index/job_1.png) center 0 no-repeat;}
#employ_list .jb_2{  background:url(../images/index/job_2.png) center 0 no-repeat;}
#employ_list .jb_3{  background:url(../images/index/job_3.png) center 0 no-repeat;}
#employ_list .jb_4{  background:url(../images/index/job_4.png) center 0 no-repeat;}
#employ_list .jb_5{  background:url(../images/index/job_5.png) center 0 no-repeat;}
#employ_list .jb_6{  background:url(../images/index/job_6.png) center 0 no-repeat;}
*/
#employ_list .hot{ vertical-align:top; margin:6px 0 0 3px;}

/*关于淘乐*/
#com_photo { overflow:hidden; margin-bottom:64px;}
#com_photo li{ float:left; width:311px; margin:55px 6px 0 8px; _display:inline; overflow:hidden; }
.comp_nav{ height:31px; padding-left:164px; border-bottom:1px solid #d0cfcb; overflow:visible;}
.comp_nav li{ float:left; margin-right:5px; _display:inline; width:122px; height:31px; background:#f03947; line-height:31px; text-align:center; color:#fff; position:relative; z-index:99; cursor:pointer;}
.comp_nav li.hover{ background:none; border:1px solid #d0cfcb; border-bottom:1px solid #fff; color:#8e908f; height:30px; line-height:30px;}
.comp_info{ padding:48px 0; display:none; overflow:hidden; margin-bottom:30px;}
.comp_info .item{ margin-bottom:15px; line-height:25px;}
.comp_info .red{ color:#f03947;}
.culture_type li{ float:left; margin:28px 33px 0 0; _display:inline; }
.culture_type li.w225{ width:225px;}
.culture_type li.w190{ width:190px;}
.culture_type li.w222{ width:222px;}
.culture_type li.mr_0{ margin-right:0;}
.culture_type li .cul_info{ border-right:1px solid #d0cfcb; padding:10px 25px 0 0;}
.culture_type li .no_bord{ border:none;}
.culture_type .mt_10{ margin-top:10px;}
#develop_period{ position:relative; height:280px;  font-size:12px; overflow:hidden; }
#develop_period strong{ color:#f03947;}
#develop_period ul{ background:url(../images/index/develop_period.jpg) 6px 20px no-repeat; float:left; position:relative; overflow:hidden; height:280px; width:1360px;}
.dp_wp{ float:left; height:280px; position:relative; overflow:hidden; overflow:hidden; width:916px; margin-left:32px;}

.per_1{ position:absolute; top:0; left:29px; width:150px;}
.per_2{ position:absolute; top:154px; left:90px; width:225px;}
.per_3{ position:absolute; top:0; left:195px; width:385px;}
.per_4{ position:absolute; top:154px; left:344px; width:268px;}
.per_5{ position:absolute; top:0; left:520px; width:125px;}
.per_6{ position:absolute; top:154px; left:672px; width:296px;}
.per_7{ position:absolute; top:0; left:750px; width:350px;}
.per_8{ position:absolute; top:154px; left:1004px; width:320px;}


.reward_box{ position:relative;}
.conBtn{ display:block; position:absolute; top:45px; width:27px; height:49px; background:url(../images/index/conBtn.jpg) no-repeat;}
.sdpBtn{ left:0; background-position:0 0; z-index:2; top:93px;}
.ndpBtn{ right:0; background-position:-28px 0; z-index:2; top:93px;}

.preBtn{ left:0; background-position:0 0;}
.nextBtn{ right:0; background-position:-28px 0;}

.sdpBtn:hover,.preBtn:hover{ background-position:0 -50px;}
.ndpBtn:hover,.nextBtn:hover{ background-position:-28px -50px;}

.reward_list{ position:relative; margin:0 auto; width:885px; height:140px; overflow:hidden; padding:25px 0 40px;}
.reward_list ul{ position:absolute; width:9999px; }
.reward_list li{ float:left; margin: 0 14px 0 18px; _display:inline; width:145px; text-align:center;}
.reward_list .year{ padding-bottom:8px; font-size:24px; border-bottom:1px solid #d8c5c7;}
.reward_list .source{ font-size:20px; margin:8px 0 5px;}
.reward_list .rank{ font-size:16px; line-height:120%; color:#f03947;}

/*联系我们*/
#contact_box{ padding:20px 0 90px;}
#contact_box .logo{ float:left; margin-left:30px; display:inline; width:164px; height:139px; background:url(../images/index/bot_logo.jpg) no-repeat; }
#contact_box .info{ float:right; width:750px; margin:48px 0;}
.cooperate{ clear:both; border:1px solid #e6e6e6; border-width:1px 0 0 1px; overflow:hidden; width:948px;}
.cooperate li{ float:left; width:315px; height:186px; border:1px solid #e6e6e6; border-width:0 1px 1px 0; background:#fefefe;}
.coo_ways{ margin:1px; padding:20px 30px; width:254px; height:144px; background:#fcfcfc;}
.coo_ways h4{ color:#f03947;}
.coo_ways p{ font-size:12px; color:#b5b7b4; margin:5px 0;}
.coo_bg{ background:url(../images/index/coo_bg.jpg) no-repeat;}

/*回到顶部*/
#scrollTop{ display:none; position:fixed; right:5px; bottom:5px; width:50px; height:50px; overflow:hidden;}
#scrollTop a{ display:block; width:50px; height:50px; background:url(../images/index/sroll_top.png) no-repeat;}
#scrollTop a:hover{ background-position:0 -74px;}

/*页脚*/
#footer{ width:100%;}
#footer a{ color: #8e908f;}
.foot_top{ height:34px; background:url(../images/index/foot_top.jpg) center center no-repeat #474747;}
.foot_bot{ height:133px; background:url(../images/index/foot_bot.jpg) center 0 repeat; text-align:center; overflow:hidden; position:relative;}
.foot_bot p{ margin-top:35px; font-size:12px; line-height:22px;}
.wenhuajingying{ position:absolute; bottom:14px; left:50%;}

/*招贤纳士模块内页*/
#con_top{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:45px; background:url(../images/index/con_top.jpg) repeat-x;}
.left_btn{ float:left; width:200px;}
.left_btn a{ display:block; float:left; width:52px; height:45px; background-image:url(../images/index/con_top_btn.jpg);}
.left_btn .return_index{ background-position:0 0; }
.left_btn .left_btn{ background-position:-52px 0; }
.left_btn .rig_btn{ background-position:-104px 0; }
.left_btn .return_index:hover{ background-position:0 -45px; }
.left_btn .left_btn:hover{ background-position:-52px -45px; }
.left_btn .rig_btn:hover{ background-position:-104px -45px; }
.share_box{ float:right; width:auto; color:#fff; line-height:45px;}
.share_box a{ margin-left:20px; float:right; height:26px; line-height:26px; width:80px; color:#fff; border:solid 1px #fff; margin-top:9px; text-align:center; cursor:pointer; border-radius:15px; background:none;}
.share_box{ height:100%; line-height:45px; color:#fff;}
.share_box .txt{ float:left; width:60px; font-size:16px; line-height:45px; color:#f9dcde;}

.left_box{ float:left; width:670px; margin-top:30px;}
.left_box2{ display:none; width:100%; }
.emp_module{ display:none; min-height:600px; height:100%; _height:600px;}
.job_type{ margin-bottom:30px; height:100px;}
#z_n{ background:url(../images/index/z_n.jpg) 0 bottom no-repeat; }
#z_h{ background:url(../images/index/z_h.jpg) 0 bottom no-repeat; }
#s_c{ background:url(../images/index/s_c.jpg) 0 bottom no-repeat; }
#m_s{ background:url(../images/index/m_s.jpg) 0 bottom no-repeat; }
#j_s{ background:url(../images/index/j_s.jpg) 0 bottom no-repeat; }
#c_h{ background:url(../images/index/c_h.jpg) 0 bottom no-repeat; }
.job_info{ margin-bottom:35px; padding-bottom:20px; overflow:hidden; border-bottom:1px dashed #b3b3b3; }
.job_info dt{ font-size:18px; color:#d82d38;}
.job_info dd{ margin-top:10px; line-height:25px;}
.job_info dd strong{ font-size:16px; display:block;}
.job_info dd p{ margin-top:5px;}

/*右侧模块*/
.rig_box{ float:right; width:250px; margin-top:42px;}
.rig_box2{ float:right; width:100%; margin-top:42px;  min-height:600px;}
.rig_box h4{ font-size:16px; font-weight:bold; padding-left:14px; margin-bottom:8px;}
#more_job{ margin-top:78px;}
.job_nav{ width:248px; border:1px solid #e2e2e2; border-width:1px 0 0 1px; overflow:hidden; margin-bottom:30px;}
.job_nav li{  float:left; width:123px; height:127px; border:1px solid #e2e2e2; border-width:0 1px 1px 0; }
.job_nav li a{ display:block; width:100%; height:100%; background-image:url(../images/index/job_type.jpg); background-repeat:no-repeat; transition:background 0.4s ease 0s;}
.job_nav a.j_s{ background-position:0 0;}
.job_nav a.m_s{ background-position:0 -127px;}
.job_nav a.c_h{ background-position:0 -254px;}
.job_nav a.s_c{ background-position:0 -381px;}
.job_nav a.z_h{ background-position:0 -508px; }
.job_nav a.z_n{ background-position:0 -635px;}
.job_nav a.j_s:hover,.job_nav a#a_1{ background-position:-123px 0;}
.job_nav a.m_s:hover,.job_nav a#a_0{ background-position:-123px -127px;}
.job_nav a.c_h:hover,.job_nav a#a_2{ background-position:-123px -254px;}
.job_nav a.s_c:hover,.job_nav a#a_3{ background-position:-123px -381px;}
.job_nav a.z_h:hover,.job_nav a#a_4{ background-position:-123px -508px; }
.job_nav a.z_n:hover,.job_nav a#a_5{ background-position:-123px -635px; }
.contact_way{ border:1px solid #e2e2e2; padding:15px 10px 15px 15px; font-size:12px; position:relative; color:#b2b2b2;}
.contact_way .up_arrow{ position:absolute; top:-7px; left:52px; width:14px; height:7px; background:url(../images/index/up_arrow.jpg) no-repeat;}
.contact_way .email{ font-size:14px; color:#787878; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
.contact_way .blue{ color:#45abda;}
.return_btn{ display:block; margin:20px auto; width:121px; height:38px; background:url(../images/index/publicImg.png) 0 -94px no-repeat; text-align:center; line-height:38px; font-size:16px; text-decoration:none; color:#fff;}
.m30{ margin-bottom:30px;}

/*公司资讯模块内页*/
.article h1{ color:#f65763; font-size:24px; font-weight:normal; margin-top:25px; text-align:center; }
.article .date{ text-align:center;}
.article_info{ padding:25px 0 80px; border-top:1px solid #d9d9d9; overflow:hidden; margin-top:18px; line-height:25px;}
.article_info img { margin: 0 auto; padding: 20px 0;}


.moreNewTit{ width:248px; height:89px; background:url(../images/index/more_news.jpg) no-repeat;}
.moreNewList{ margin:10px 0; font-weight:normal; font-size:14px;}
.moreNewList li{ border-bottom:1px dashed #d8d8d8; height:45px; line-height:50px; overflow:hidden;}
.moreNewList li a{ color:#989898; float:left; max-width:80%; cursor:pointer; -webkit-transition: all 0.2s ease-in 0;   transition: all 0.2s ease-in 0s;}
.moreNewList li a:hover{ color:#666; margin-left:5px;}
.moreNewList li span{ float:right;}

.rig_box2 .page_box{ margin:38px 0 62px 450px; overflow:hidden;}

#con_wrap{ display:none;}


.pop_win{ z-index:900; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none;}
.pop_win .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .7; filter: alpha(opacity=70);}
.pop_win .pwin_box{ position:absolute; right:50%; top:50%; background:#fff; border-radius:12px; overflow:hidden; width:600px; height:400px; margin-top:-200px; margin-right:-300px; }
.pop_win .pwin_box .pwin_exit{ position:absolute; right:18px; cursor:pointer; top:15px; width:30px; height:30px;}

.boxCb{box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.fl{ float:left;}
.pr{ position:relative;}
.pa{ position:absolute;}
.w100{ width:100%;}
.wh100{ width:100%; height:100%;}
.pwin_box h2{ text-align:center; font-size:32px; background:#dc323d; letter-spacing:5px; color:#fff; line-height:68px; margin:0 0 20px 0; padding:0;}
.pwin_box ul{ margin-top:30px;}
.pwin_box li{ min-height:42px; margin-bottom:18px; width:100%;}
.pwin_box li span{ width:170px; text-align:right; line-height:42px; font-size:16px; margin-right:12px; color:#666;}
.pwin_box li input{ width:280px; padding:0 15px; height:42px; line-height:42px; border:solid 1px #999; border-radius:3px; color:#666;}

.b-but{ width:160px; float:left; margin-top:50px; color:#fff; font-size:22px; cursor:pointer; border-radius:8px; line-height:48px; text-align:center; margin-left:220px; background:#dc323d;  -webkit-transition: all 0.2s ease-in 0;   transition: all 0.2s ease-in 0s;}
.b-but:hover{ background:#db4c56;}
.b-reg{ margin-top:25px;}