@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:'微软雅黑','宋体'; }
.bold{font-weight:bold;}
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 314px 0 39px; width:114px; height:54px; background:url(../images/index/logo.jpg);}
.logo a{ display:block; width:100%; height:100%;}
.nav{ margin-top:19px;}
.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;}
.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 .l_1{ margin:408px 0 0 2px;}
.banner_list .l_2{ margin:408px 0 0 2px;}
.banner_list .l_3{ margin:408px 0 0 2px;}
.banner_list .l_4{ float:right; margin-top:244px;}

.banner_list .l_5{ float:left; margin:415px 0 0 376px; width:200px; height:200px; background:none;}

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:78px; 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;}

/*标题*/
.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_3{ background-position:0 -50px;}
.col_tit .tx_4{ background-position:0 -100px;}
.col_tit .tx_5{ background-position:0 -150px;}
.bot_arr{ width:18px; height:12px; margin:0 auto;  background:url(../images/index/bot_arr.jpg);}

/*游戏中心*/
.item_type{ margin:35px auto 26px; width:410px; overflow:hidden;}
.item_type li{ margin:auto; _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;}
.picHover{ display:none; width:303px; height:29px; position:absolute; left:8px; top:154px; 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; }


/*招贤纳士*/
#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:block; height:127px; margin-bottom:15px;}
#employ_list li .item,#employ_list li span{ display:block; float:left; width:120px; height:22px; overflow:hidden; padding-left:35px; 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:355px;  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:230px; background:url(../images/index/develop_period.jpg) 6px 20px no-repeat; font-size:12px;}
#develop_period strong{ color:#f03947;}
.per_1{ position:absolute; top:0; left:25px; width:150px;}
.per_2{ position:absolute; top:160px; left:125px; width:225px;}
.per_3{ position:absolute; top:0; left:236px; width:385px;}
.per_4{ position:absolute; top:160px; left:452px; width:268px;}
.per_5{ position:absolute; top:0; left:740px; width:125px;}
.reward_box{ position:relative;}
.conBtn{ display:block; position:absolute; top:45px; width:27px; height:49px; background-image:url(../images/index/conBtn.jpg);}
.preBtn{ left:0; background-position:0 0;}
.nextBtn{ right:0; background-position:-28px 0;}
.preBtn:hover{ background-position:0 -50px;}
.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:147px; background:url(../images/index/bot_logo.jpg) no-repeat; }
#contact_box .info{ float:right; width:750px; margin:60px 0 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%; color:#bebebe;}
#footer a{ color: #bebebe;}
.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:835px;}
.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:122px;}
.share_box .txt{ float:left; width:60px; font-size:16px; line-height:45px; color:#f9dcde;}
.share_box a{ display:block; float:left; width:26px; height:22px; background-image:url(../images/index/weibo.png); margin-top:12px;}
.share_box a.sina{ background-position:0 0; height:21px;}
.share_box a.tx{ background-position:-28px 0;}
.share_box a.sina:hover{ background-position:0 -41px;}
.share_box a.tx:hover{ background-position:-28px -41px;}
.left_box{ float:left; width:670px; margin-top:30px;}
.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_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;}

#con_wrap{ display:none;}