/* CSS Document */
body {background:url(bg001.jpg) no-repeat center 41px}
.fl {
    float: left;
	border: 0;
	background: none
}
.fr { float: right}
/*html5*/
/*.naven{ width:100%; height:auto; overflow:hidden; }
.naven a{ display:block; width:100%; height:22px; font-size:12px; color:#4d4d4d; line-height:22px;}
.naven a:hover{ color:#2cabad; text-decoration:underline;}*/
.naven{ width:100%; height:0; overflow:hidden;  transition:height 0.3s ease 0s;}
.naven a{ display:block; width:100%; height:22px; font-size:12px; color:#fdf0e2; line-height:22px;}
.naven a:hover{ color:#000; /*text-decoration:underline;*/ background:rgba(255,255,255,0.8);}
.nav li:hover .naven{ height:auto; overflow:hidden; padding-bottom:10px; }
/*.nav li:hover .naven{ height:auto; overflow:hidden; padding-bottom:10px; }*/
.section{ width:100%; position:relative; overflow:hidden;}
.sect01{ height: 1235px}
.sect01_cont{ width:1380px; margin:0 auto; position:relative;}
.slogan01{ width:1380px; height: 475px;  overflow:hidden; position:relative; margin:0 auto;}
.slogan01 span{ display:block; width:840px; height:300px; position:absolute; left:50%; top: 50px; margin-left: -640px}
.slogan_b{ width:390px; height:40px; padding:0 56px; position:absolute; left:120px; bottom:26px; font-size:19px; color:#a57831; line-height:40px; background:url(slogan_bbg.png) no-repeat 0 0;}
.slogan_b p{ display:block; float:left; line-height:40px;}
.slogan_bn{ width:96px; height:40px; overflow:hidden; float:left; position:relative;}
.slogan_bn ul{ height:40px;  position:absolute;}
.slogan_bn li{ width:200px; height:40px; overflow:hidden; float:left; line-height:40px; font-weight:bold;}
.wel_slogan_btn{ display:none; width:124px; height:119px; overflow:hidden; position:absolute; right:50%; top:105px; margin-right:-123px; z-index:5;}
.wel_slogan_btn a{ display:block;  width:100%; height:119px;  overflow:hidden; background:url(button_en02.png) no-repeat 0 0; /*transition:all 0.3s ease 0s;*/}
.v_btn{ width:80px; height:90px; position:absolute; right:254px; top:203px;}
.v_btn a{ display:block; width:60px; height:60px; margin:0 auto; background:url(icon_player.png) no-repeat -74px 0; position:relative;}
.slogan01 .v_btn a span{ display:block; width:60px; height:60px;  background:url(icon_player.png) no-repeat 0 0; position:absolute; left:0; top:0;  -webkit-animation:xuanzhuan2 7s linear infinite;animation:xuanzhuan2 7s linear infinite; margin:0; }
.v_btn p{ display:block; width:100%; margin-top:6px; font-size:14px; color:#ffebbe; text-align:center;}
@-webkit-keyframes xuanzhuan2{0%{-webkit-transform:rotate(720deg);transform:rotate(720deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}
.box_wrap { width:1300px; margin:0 auto 23px; overflow:hidden;}
.box1{ height:298px;}
.box_l{ width:180px; overflow:hidden; }
.b_dl a{ display:block; width:180px; height:120px;}
.b_bt{ width:148px; height:178px; background:url(b_dl_bg.png) no-repeat 0 0; padding:3px 16px 0; overflow:hidden;}
.b_bt a{ display:block; width:148px; height:54px;  margin:0 auto; border-bottom:1px solid #73d3d1; font-size:14px; color:#caf0f2; line-height:54px;}
.b_bt a:hover{ color:#fff;}
.b_bt a em{ display:block; width:20px; height:20px; float:left; background-image:url(icon0001.png) ; background-repeat:no-repeat; margin:17px 10px  0 33px;}
.b_bt .b_bt_btn03{ border:0;}
.b_bt_btn01 em{ background-position:0 0;}
.b_bt_btn02 em{ background-position:0 -30px;}
.b_bt_btn03 em{ background-position:0 -65px;}
.roll_box{ position:relative; overflow:hidden;}
.box_c{ width:742px;  margin:0 14px;}
.roll_box{height:298px;}
.roll_btn{ width:100%; height:32px; position:absolute; left:0; bottom:0; background:#223b54; }
.roll_btn ul li{ display:table-cell; height:32px; float:left;}
.roll_btn ul li a{ width:100%; display:block; height:32px; text-align:center; font-size:12px; color:#33bbbd; line-height:32px;}
.roll_btn ul li:hover a,.roll_btn ul li.hover a{ color:#fff; background:#33bbbd;}
.roll_img{ width:742px; position:relative; height:266px; overflow:hidden;}
.roll_img ul{ position:absolute;}
.roll_img ul li{ float:left; width:742px;}
.roll_img ul li a{ display:block; width:742px; height:266px; overflow:hidden;}

.box_r { width:349px;  overflow:hidden; }
.news_box{ width:310px;height:298px; padding:0 16px; overflow:hidden;background:#fff;}
.news_hd{ height:34px; margin:16px 0 0 0; border-bottom: 1px solid #E0E0E0; position: relative; overflow: visible}
.icon_more{ display:block; width:20px; height:20px; background:url(icon.png) no-repeat 0 0; position:absolute; top:3px; right:3px; text-indent:999px; overflow:hidden; white-space:nowrap; transition:all 0.3s ease 0s;}
.icon_more:hover{ background-position:0 -24px; transition:all 0.3s ease 0s;}
.news_hd li{ width:54px; float:left;  height:34px; position:relative;}
.news_hd li a,.bbs_hd li a,.pict_hd li a{ display:block; width:100%; height:18px; font-size:14px; color:#000;  text-align:center;}
.news_hd li i{ display:none; width:54px; height:10px; background:url(icon0001.png) no-repeat -44px -113px; position:absolute; bottom: -1px; left:0;}
.news_hd li:hover i,.news_hd li.hover i{ display:block;}
.news_hd li:hover a,.news_hd ul li.hover a,.bbs_hd li:hover a,.pict_hd li:hover a,.bbs_hd li.hover a,.pict_hd li.hover a{ color:#2cabad; }
.news_bd{ overflow:hidden; width:310px; padding-top:12px;  }
.news_list{ display:none; width:310px;  }
.news_list.on{ display:block;}
.news_list ul li,.bbs_c_unit li{ width:100%; height:32px; line-height:32px;}
.news_list ul li a{ display:block; width:260px; float:left; height:32px; font-size:13px; color:#000; overflow:hidden; text-overflow:ellipsis; }
.news_list ul li a:hover{ color:#2babac;}
.news_list ul li a b{ font-style:normal; color:#929292; font-weight:normal;}
.news_list ul li span,.bbs_c_unit li i{ float:right; font-size:12px; color:#9e9e9e; line-height:32px;}
.nbd_hot{ display:block; width:100%; height:24px; font-size:13px;  line-height:24px; font-weight:bold; position:relative; margin:6px 0;}
.nbd_hot a{ display:block; width:260px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#f00;}
.nbd_hot em{ display:block; width:40px; height:14px; background:url(icon0001.png) no-repeat -44px -140px; position:absolute; right:0; top:5px;  }
.box2{ height:400px;}
.box_ls{ width:180px; height:400px; background:url(box_ls_bg.png) no-repeat 0 0;}
.btn_bos{ width:100%; height:196px;}
.btn_bos ul{ padding:6px 10px 0; overflow:hidden;}
.btn_bos ul li{ width:80px; height:90px; float:left;}
.btn_bos ul li a{ display:block; width:70px; font-size:12px; color:#caf0f2; margin:16px auto 0;}
.btn_bos li a em{ display:block; width:42px; height:42px; background-image:url(icon0001.png); background-repeat:no-repeat; margin:0 auto; transform:rotateY(0deg); transition: 0.6s;}
.btn_bos li a:hover em{transform: rotateY(180deg);transition: 0.6s; }
.btn_b01 em{ background-position:-41px 0;}
.btn_b02 em{ background-position:-89px 0;}
.btn_b03 em{ background-position:-41px -52px;}
.btn_b04 em{ background-position:-89px -52px;}
.btn_bos li a span{ display:block; width:100%; text-align:center; margin-top:6px;}
.btn_bos li a:hover span{ color:#fff;}
.b_code{ width:100%;}
.b_code span{ display:block; width:150px; height:150px; margin:0 auto;}
.b_code p{ display:block; text-align:center; font-size:12px; color:#fff; line-height:18px; margin-top:6px;}

.data_box,.bbs_box{ width:364px; float:left; height:400px; background:#fff;}
.data_hd,.bbs_hd,.pict_hd { height:34px; margin:12px 16px 0; border-bottom:1px solid #E0E0E0; position:relative; overflow: visible}
.data_hd h4{ display:block; width:80px; float:left; height:32px; font-size:14px; color:#000; line-height:32px; text-indent: 0}
.dsearch{ width:250px; float:left; margin-top:3px;}
.dsearch div{ width:130px; height:20px; border:1px solid #959595; float:left;}
.dsearch_txt{ width:100px; border:0; height:20px; float:left; margin:0; padding:0 5px; font-size:14px; color:#555555; line-height:20px;}
.dsearch_btn{ width:20px; height:20px; float:left; border:0; background:url(icon_search.png) no-repeat 0 0;}
.d_search01{ float:left; margin-left:10px; font-size:14px; color:#32bcbe; line-height:20px; text-decoration:underline;}
.d_cont{padding:8px 16px 0; overflow:hidden;}
.d_unit{ width:100%; height:86px; border-bottom:1px dotted #c5c5c5; overflow:hidden;}
.d_unit dl{ margin-top:12px; overflow:hidden;}
.d_cont .d_unit.d_last_unit{ border:0;}
.d_unit dt{ float:left; width:80px; height:62px;}
.d_unit dt p{ display:block; width:70px; height:26px; font-size:14px; color:#fff; line-height:26px; background:#33bbbd; text-align:center;  }
.d_unit dd{ float:left; height:16px; display:block;  text-align:center; margin-bottom:6px; position:relative;}
.d_unit dd a{ display:block; padding:0 14px; font-size:13px; color:#555555; line-height:16px;}
.d_unit dd a:hover,.news_list ul li a:hover, .bbs_c_unit li a:hover{ color:#33bbbd; text-decoration:underline;}
.d_unit dd em{ display:block; width:1px; height:12px; position:absolute; right:0; top:4px; background:#d5d5d5;}
.d_unit02 dd{ margin:6px 0  8px 0;}
.bbs_box{ margin-left:14px;}
.bbs_hd li,.pict_hd li{ width:60px; float:left; margin-right:8px;  height:34px; position:relative;}
.bbs_hd li a,.pict_hd li a{ display:block; width:100%; height:18px; font-size:14px; color:#000;  text-align:center;}
.bbs_c_unit{ overflow:hidden; height:330px; padding:12px 16px 0;}
.bbs_c_unit li{ width:100%; height:32px; line-height:32px;}
.bbs_c_unit li a{ display:block; float:left; width:270px; height:32px; font-size:13px; color:#555555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_ad{ display:block; width:328px; height:130px; margin:6px auto;}
.bbs_hd li i,.pict_hd li i{ display:none; width:60px; height:10px; background:url(icon0001.png) no-repeat -44px -176px; position:absolute; bottom: -2px; left:0;}
.bbs_hd li:hover i,.bbs_hd li.hover i,.pict_hd li:hover i,.pict_hd li.hover i{ display:block;}
.act_box{ width:348px; height:400px; overflow:hidden;}
.act_box a{ display:block; width:349px; height:130px; overflow:hidden;}
.act_b02{ margin:5px 0;}

.sect02{ height:540px; background:url(bg002.jpg) no-repeat center bottom; margin-top:-20px;}
.sect03{ background:url(bg003.jpg) no-repeat center 0;}
.sect03_cont{ width:1300px; margin:0 auto 30px; overflow:hidden;}
.box03{ margin-top:30px; height:326px;}
.box_bl{ width:936px;}
.box_p{ width:936px; height:326px; background:#fff; overflow:hidden;}
.box_pt{ height:46px; margin:0 18px; overflow: visible; position:relative; border-bottom: 1px solid #E0E0E0}
.box_pt h4{ display:block; width:36px; height:20px; float:left; margin-top:14px; font-size:18px; color:#181818; line-height:20px;}
.box_pt h4 em{ display: block; width:26px; height:20px; background:url(icon0001.png) no-repeat -2px -105px; float:left; margin-right:6px;}
.box_pt h4 span{ display:block; float:left; margin:0 6px; cursor:pointer;}
.box_pt ul{ height:34px; float:left;  font-size:14px; color:#181818; line-height:30px; margin:12px 0 0 0;}
.box_pt ul li{ display:block; width:70px; height:34px; margin-right:8px; overflow: visible; float:left; cursor:pointer; position:relative; text-align:center;}
.box_pt ul li i{ display:none; width:70px; height:10px; background:url(icon0001.png) no-repeat -36px -160px; position:absolute; bottom: -1px; left:0;}
.box_pt ul li:hover i,.box_pt ul li.hover i{ display:block;}
.box_pt .icon_more{ margin-top:13px;}
.box_pc{ margin:20px 0 30px 18px; overflow:hidden;}
.box03_lunit{ display:block;}
.box03_lunit.on{ display:block;}
.box_pc ul{ overflow:hidden; zoom:1;}
.box_pc ul li{ width:218px; height:238px; display:inline; float:left; margin-right:9px; position:relative;}
.box_pc ul li a{ display:block; width:218px; height:238px; overflow:hidden;}
.box_pc ul li a img{ width:100%;}
.box_pc ul li span{ display:block; width:100%; height:28px; position:absolute; bottom:0; left:0; font-size:14px; color:#fff; line-height:28px; text-align:center; background:url(grey_bg.png) repeat 0 0;}
.pict_box{ width:349px; height:326px; background:#fff; overflow:hidden;}
.pict_bd{ width:349px; height:279px; overflow:hidden; position:relative;}
.pict_unit{ width:349px; height:279px; overflow:hidden; position:relative;}
.pict_cont{ width:315px; height:238px;  position:relative; margin:18px auto 0; overflow:hidden;}
.pict_cont ul{ position:relative;}
.pict_cont ul li{ width:315px; height:238px; float:left; }
.pict_cont ul li a{ display:block; width:315px; height:238px; overflow:hidden;}
.pict_cont ul li a img{ width:100%;}
.pict_arrow{ display:block; width:18px; height:24px; background-image:url(icon0001.png); background-repeat:no-repeat; position:absolute; top:120px; cursor:pointer;}
.pict_arrow_pre{ background-position:-108px -110px; left:0;}
.pict_arrow_next{ background-position:-106px -135px; right:0;}
.pict_g_cont{ width:318px; height:238px; margin:18px 0 0 17px; overflow:hidden;}
.pict_g_cont li{ width:155px; height:116px; float:left; margin:0 5px 5px 0;}
.pict_g_cont li a{ display:block; width:155px; height:116px; overflow:hidden;}
.pict_g_cont li a img{ width:155px;}
.pict_g_cont li.pict_gs,.pict_g_cont li.pict_gl{ margin-right:0;}
.box04{ width:1300px; overflow:hidden; margin:0; height:202px;}
.box_cl{ width:936px; height:202px; background:url(b_client_bg.png) no-repeat 0 0;}
.box_quest{ width:463px; height:202px; float:left; overflow:hidden;}
.box_comu{ width:469px; height:202px; float:right; overflow:hidden;}
.box_quest_cont{ width:320px; height:106px; margin:100px 0 0 18px; } 
.box_quest_cont a{ display:block; width:78px; height:24px; border:1px solid #2fbec4; font-size:12px; color:#2fbec4; line-height:24px; text-align:center; float:left; margin:0 18px 6px 0;}
.box_quest_cont a:hover{ background:#2fbec4; color:#fff;}
.box_comu ul{ width:320px; height:80px; margin:108px 0 0 18px;}
.box_comu ul li{ width:60px; height:80px; float:left; margin-right:24px;}
.box_comu ul li a{ display:block; width:100%; height:80px;}
.box_comu ul li a em{ display:block; width:48px; height:48px; margin:0 auto; background-image:url(icon0001.png); background-repeat:no-repeat;  transform:rotateY(0deg); transition: 0.6s;}
.box_comu ul li a:hover em{  transform:rotateY(180deg); transition: 0.6s;}
.box_comu01 em{ background-position:0 -205px;}
.box_comu02 em{ background-position:-55px -205px;}
.box_comu03 em{ background-position:0 -263px;}
.box_comu04 em{ background-position:-55px -263px;}
.box_comu ul li a span{ display:block; width:100%; margin-top:6px; font-size:13px; color:#2fbec4; text-align:center;}
/*首页职业*/
.pro_wrap{ width:1540px; height:539px; overflow:hidden; margin:0 auto; position:absolute; left:50%; top:0; margin-left:-770px;}
.pro_list{ width:150px; height:520px; position:absolute; left:50%; bottom:0; margin-left:-650px;}
.pro_list ul{ width:100%; height:510px; padding-top:20px; overflow:hidden; }
.pro_list ul li{ width:100%; height:40px; margin-top:5px;}
.pro_list ul li a{ display:block; width:100%; height:34px; background-image:url(zhiye_xz01.png); background-repeat: no-repeat; text-indent:999px; overflow:hidden; white-space:nowrap;}
.pro_list ul li:hover,.pro_list ul li.hover{}
.pro_list_tcf a{ background-position:0 -20px;}
.pro_list_hyd a{ background-position:0 -72px;}
.pro_list_lxd a{ background-position:0 -124px;}
.pro_list_sjg a{ background-position:0 -176px;}
.pro_list_ymd a{ background-position:0 -228px;}
.pro_list_lts a{ background-position:0 -280px;}
.pro_list_tys a{ background-position:0 -332px;}
.pro_list_yyg a{ background-position:0 -386px;}
.pro_list_swz a{ background-position:0 -436px;}
.pro_list_thc a{ background-position:0 -486px;}
.pro_list_tcf:hover a,.pro_list_tcf.hover a{ background-position:-165px -20px;}
.pro_list_hyd:hover a,.pro_list_hyd.hover a{ background-position:-165px -72px;}
.pro_list_lxd:hover a,.pro_list_lxd.hover a{ background-position:-165px -124px;}
.pro_list_sjg:hover a,.pro_list_sjg.hover a{ background-position:-165px -176px;}
.pro_list_ymd:hover a,.pro_list_ymd.hover a{ background-position:-165px -228px;}
.pro_list_lts:hover a,.pro_list_lts.hover a{ background-position:-165px -280px;}
.pro_list_tys:hover a,.pro_list_tys.hover a{ background-position:-165px -332px;}
.pro_list_yyg:hover a,.pro_list_yyg.hover a{ background-position:-165px -386px;}
.pro_list_swz:hover a,.pro_list_swz.hover a{ background-position:-165px -437px;}
.pro_list_thc:hover a,.pro_list_thc.hover a{ background-position:-165px -486px;}

.pro_cont{ width:1270px; height:539px; position:relative; float:right;  overflow:hidden;}
.pro_unit{ display:none; width:100%; height:305px; position:relative; overflow:hidden;}
.pro_unit.on{ display:block;}
.pro_info{ float:left; width:485px; height:475px;  position:absolute; left:-100%; top:64px; transition: all 0.7s ease-out 0s;}
.pro_info.on1{ opacity:1; left:18px; transition: all 0.7s ease-out 0s;}
.pro_info span{ display:block; width:350px; height:265px;}
.pro_info a{ display:block; width:162px; height:37px; text-indent:999px; overflow:hidden; white-space:nowrap; position:absolute; left:285px; bottom:86px;}
.pro_info a:hover{ background-position:0 -48px;}
.pro_rose{ width:820px; height:539px; overflow:hidden;  position:absolute;  right:-100%; top:0; transition: all 0.7s ease-out 0s;}
.pro_rose.on2{ right:0; opacity:1; transition: all 0.7s ease-out 0s;}
.pro_rose_img{ width:820px; height:539px; position:relative;}
.pro_runit{ display:none; width:820px; height:539px; position:relative;}
.pro_runit.on{ display:block;}
.pro_rhd{ width:150px; height:240px; position:absolute; right:100px; top:40px;}
.pro_rbd{ width:100%; overflow:hidden;}
.pro_rbd li{ display:none; }
.pro_rbd li.on{ display:block;}
.pro_rhd li{ display:block; width:147px; height:80px; background-image:url(tx_c.png); background-repeat:no-repeat;cursor:pointer; margin-bottom:20px; position:relative;}
.zy_rose_old{ background-position:0 0; }
.zy_rose_new{ background-position:0 -114px; }
.zy_rose_old:hover,.zy_rose_old.hover{ background-position:-167px 0;}
.zy_rose_new:hover,.zy_rose_new.hover{ background-position:-167px -114px;}
.pro_rhd li span{ display:block; width:71px; height:71px; position:absolute; left:4px; top:4px; background-image:url(tx_c.png); background-repeat:no-repeat;}
.zy_rose_zqf .zy_rose_new span{ background-position:0 -980px; }
.zy_rose_zqf .zy_rose_old span{ background-position:-180px -980px; }
.zy_rose_hxb .zy_rose_new span{ background-position:0 -237px; }
.zy_rose_hxb .zy_rose_old span{ background-position:-180px -237px; }
.zy_rose_yql .zy_rose_new span{ background-position:0 -320px; }
.zy_rose_yql .zy_rose_old span{ background-position:-180px -320px; }
.zy_rose_hdy .zy_rose_new span{ background-position:0 -400px; }
.zy_rose_hdy .zy_rose_old span{ background-position:-180px -400px; }
.zy_rose_jnt .zy_rose_new span{ background-position:0 -484px; }
.zy_rose_jnt .zy_rose_old span{ background-position:-180px -484px; }
.zy_rose_sty .zy_rose_new span{ background-position:0 -566px; }
.zy_rose_sty .zy_rose_old span{ background-position:-180px -566px; }
.zy_rose_sll .zy_rose_new span{ background-position:0 -648px; }
.zy_rose_sll .zy_rose_old span{ background-position:-180px -648px; }
.zy_rose_yrx .zy_rose_new span{ background-position:0 -732px; }
.zy_rose_yrx .zy_rose_old span{ background-position:-180px -732px; }
.zy_rose_mlj .zy_rose_new span{ background-position:0 -813px; }
.zy_rose_mlj .zy_rose_old span{ background-position:-180px -813px; }
.zy_rose_ylc .zy_rose_new span{ background-position:0 -897px; }
.zy_rose_ylc .zy_rose_old span{ background-position:-180px -897px; }
.zy_rose_xyx .zy_rose_new span{ background-position:0 -1061px; }
.zy_rose_xyx .zy_rose_old span{ background-position:-180px -1061px; }
.zy_rose_mjy .zy_rose_new span{ background-position:0px -1145px; }
.zy_rose_mjy .zy_rose_old span{ background-position:-180px -1145px; }
.zy_rose_ywc .zy_rose_old span{ background:url(tx_c_ymc.png) no-repeat -71px 0;}
.zy_rose_ywc .zy_rose_new span{ background:url(tx_c_ymc.png) no-repeat 0 0;}
.zy_rosems{ display:block; width:70px; height:160px; position:absolute; left:40px; top:260px;}
.pro_rose_icon{ width:260px; height:130px; position:absolute; top:49px; right:510px;}
.pro_rose_icon a{ display:block; width:43px; height:126px; float:left; margin-left:8px; background-image:url(zhiye_xz02.png); background-repeat:no-repeat; overflow:hidden; }
.pro_tx_zqf{ background-position:-141px 0;}
.pro_tx_yql{ background-position:-71px 0;}
.pro_tx_yrx{ background-position:0 0;}
.pro_tx_mlj{ background-position:-353px 0;}
.pro_tx_sll{ background-position:-494px 0;}
.pro_tx_mjy{ background-position:-282px 0;}
.pro_tx_hxb{ background-position:-212px 0;}
.pro_tx_xyx{ background-position:-423px 0;}
.pro_tx_jnt{ background-position:-560px 0;}
.pro_tx_ylc{ background-position:-628px 0;}
.pro_tx_sty{ background-position:-696px 0;}
.pro_tx_hdy{ background-position:-757px 0;}
.pro_tx_zqf:hover,.pro_tx_zqf.hover{ background-position:-141px -146px;}
.pro_tx_yql:hover,.pro_tx_yql.hover{ background-position:-71px -146px;}
.pro_tx_yrx:hover,.pro_tx_yrx.hover{ background-position:0 -146px;}
.pro_tx_mlj:hover,.pro_tx_mlj.hover{ background-position:-353px -146px;}
.pro_tx_sll:hover,.pro_tx_sll.hover{ background-position:-494px -146px;}
.pro_tx_mjy:hover,.pro_tx_mjy.hover{ background-position:-282px -146px;}
.pro_tx_hxb:hover,.pro_tx_hxb.hover{ background-position:-212px -146px;}
.pro_tx_xyx:hover,.pro_tx_xyx.hover{ background-position:-423px -146px;}
.pro_tx_jnt:hover,.pro_tx_jnt.hover{ background-position:-560px -146px;}
.pro_tx_ylc:hover,.pro_tx_ylc.hover{ background-position:-628px -146px;}
.pro_tx_sty:hover,.pro_tx_sty.hover{ background-position:-696px -146px;}
.pro_tx_hdy:hover,.pro_tx_hdy.hover{ background-position:-757px -146px;}
.pro_rose_icon a.pro_tx_ywc{ background:url(zhiye_xz_ywc.png) no-repeat 0 0;}
.pro_rose_icon a.pro_tx_ywc:hover,.pro_rose_icon a.pro_tx_ywc.hover{ background:url(zhiye_xz_ywc.png) no-repeat 0 -126px;}
/*首页职业*/
/*首页悬浮框*/
.float{  height:853px; position:fixed; right:0; top:150px; z-index:5;}
.float_fold{ display:none; width:58px; height:288px; background:url(float_fold_bg.png) no-repeat 0 0; position:absolute; right:0; top:129px; cursor:pointer;}
.float_unfold{  width:296px; height:777px; background:url(float_unfold_bg.png) no-repeat 0 0; overflow:hidden;}
.float_unf_reg{ width:207px; height:290px; margin:114px 39px 0 51px; overflow:hidden;}
.bf_unit{ width:100%; height:33px; position:relative;}
.bf_unit em{ display:block; width:16px; height:16px; position:absolute; left:4px; top:8px;}
.i_01{ background:url(icon_zc.png) no-repeat 0 0;}
.i_02{ background:url(icon_zc.png) no-repeat 0 -32px;}
.i_03{ background:url(icon_zc.png) no-repeat 0 -62px;}
.i_04{ background:url(icon_zc.png) no-repeat 0 -92px;}
.bf_unit p{ display:block; width:74px; height:30px; float:left; font-size:14px; color:#5d5d5d; line-height:30px;}
.bf_unit input{ width:172px; height:20px; padding:4px 5px 4px 24px; font-size:14px; color:#333; border:1px solid #4fc1be; float:left;}
.bf_unit input:focus { border:1px solid #0c7a77;}
.float_unfold_form .bf_yz input{ width:80px; float:left; padding:4px 5px;}
.bf_yz span{ display:block; height:32px; width:100px; float:left; margin-left:10px; overflow:hidden;}
.bf_yz span img{ height:32px;}
.bf_chbox{ height:28px; overflow:hidden; position:relative;}
.bf_chbox input{ display:none; width:17px; height:17px; border:1px solid #97c0c0; float:left; margin:0;}
.bf_chbox span{ display:block; width:250px; font-size:12px; color:#19aba8; line-height:20px;  margin:0 0 0 24px;}
.bf_chbox span a{ color:#19aba8;}
.bf_btn{ width:100%; margin:10px aut 0; text-align:center; }
.btn_reg001{ display:block;width:199px; height:46px; border:0; margin:0 auto; background:url(btn_reg001.png) no-repeat 0 0;}
.btn_reg001:hover{ background-position:0 -69px;}
.iconed{ position:absolute; display:inline-block; background:url(icon_checked.png) no-repeat center; height:20px; width:20px; cursor:pointer; top:0px; left:0px}
.iconun{ position:absolute; display:inline-block; background:url(icon_checkun.png) no-repeat center; height:20px; width:20px; cursor:pointer; top:0px; left:0px}
.float_unf_dw{ width:207px; height:50px; margin:52px 39px 0 51px; overflow:hidden;}
.float_unf_dw a{ display:block; width:199px; height:46px; background:url(btn_dw001.png) no-repeat 0 0;}
.float_unf_dw a:hover{ background-position:0 -67px;}
.float_unfold_btn{ width:28px; height:134px; position:absolute; left:0; top:96px; cursor:pointer;}
.mbar{ width:1300px; display:block; height:90px; overflow:hidden; margin:15px auto 0; background:#fff; clear:both;}
.mbar h4{ display:block; width:100px; height:80px; float:left; font-size:18px; line-height:80px; color:#555555;  margin:5px 0 5px 30px;}
.mbar h4 em{ display:block; width:24px; height:24px; float:left; background:url(icon.png) no-repeat 0 -265px; margin-top:30px;}
.mbar_list{ width:1150px; float:left; height:56px; overflow:hidden; margin:10px 0 0 20px; }
.mbar_list ul li{ width:210px; float:left; text-align:center;}
.mbar_list ul li a{ display:block; width:150px; height:50px; margin:14px auto 0; }
.mbart_list{ width:1100px; float:left; height:40px; overflow:hidden; margin-left:30px;}
.mbart_list li{  float:left; height:34px; overflow:hidden;}
.mbart_list li a{ display:block; height:20px; margin-top:4px; text-align:center; font-size:12px; color:#222; padding:0 12px;}
.sidenav .box_ls{ margin:12px 0;}
.box_pl{ width:180px; height:220px; background:url(play_zonebg.png) no-repeat 0 0; overflow:hidden;}
.box_pl_t{ width:170px; height:34px; margin:7px auto 0;}
.box_pl_t h4{ display:block; width:90px; font-size:16px; color:#FFF; line-height:34px; margin:0 auto; position:relative; text-indent:22px;}
.box_pl_t h4 i{ display:block; width:18px; height:18px; background:url(icon0001.png) no-repeat -110px -174px; position:absolute; left:0; top:10px;}
.box_pl_c{ width:170px; margin:0 auto; overflow:hidden;}
.box_pl_c ul{ width:160px; margin:10px auto 0; overflow:hidden;}
.box_pl_c ul li{ width:60px; height:80px; float:left; margin:0 10px;}
.box_pl_c ul li a{ display:block; width:100%; height:80px;}
.box_pl_c ul li a em{ display:block; width:48px; height:48px; margin:0 auto; background-image:url(icon0001.png); background-repeat:no-repeat;  transform:rotateY(0deg); transition: 0.6s;}
.box_pl_c ul li a:hover em{  transform:rotateY(180deg); transition: 0.6s;}
.box_comu01 em{ background-position:0 -205px;}
.box_comu02 em{ background-position:-55px -205px;}
.box_comu03 em{ background-position:0 -263px;}
.box_comu04 em{ background-position:-55px -263px;}
.box_pl_c  li a span{ display:block; width:100%; margin-top:2px; font-size:14px; color:#2fbec4; text-align:center;}


.df_win_close{ width:15px; height:15px; background:url(icon_close002.png) no-repeat 0 0; position:absolute; right:32px; top:26px; cursor:pointer; transition: all 0.3s linear 0s;}
.reg2_win_close:hover,.df_win_close:hover{ transform:rotate(180deg)}
.df_win{ display:none; width:100%;  height:1250px; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:25;}
.df_win_cont{ width:644px; height:329px; background:url(df_winbg.png) no-repeat 0 0; margin:250px auto 0; position:relative; overflow:hidden;}
.df_win_mian{padding:70px 0 0 20px; overflow:hidden; height:250px;}
.df_win_l{ width:258px; height:180px; float:left; margin:40px 0 0 0;}
.df_win_l p{ font-size:16px; color:#10847f; line-height:24px; margin-left:56px;}
.df_win_l span{ font-size:16px; color:#f15c62; line-height:24px; margin-left:56px;}
.df_win_r{ width:300px; height:250px; float:left; overflow:hidden; margin-left:54px;}
.df_win_l a{  display:block; width:199px; height:46px; margin:100px auto 0; background-image:url(w2_reg_btn.png); background-repeat:no-repeat; background-position:0 -327px;}
.df_win_r a{ display:block; width:199px; height:46px; margin:190px auto 0; background-image:url(w2_reg_btn.png); background-repeat:no-repeat; background-position:0 -141px;}
.df_win_r a:hover{ background-position:0 -212px;}
.reg2_win_dl{ display:none; width:330px; height:360px; margin:30px 0 0 0; overflow:hidden;}
.df_win01{ display:none; width:100%; height:1550px; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:30;}
.df_win01_cont{ width:350px; height:216px; background:url(df_winbg01.png) no-repeat 0 0; margin:300px auto 0; position:relative; overflow:hidden;}
.df_win01_close{ display:block; width:22px; height:22px; background:url(icon_regclose.png) no-repeat 0 0; position:absolute; right:30px; top:20px; cursor:pointer;}
.df_win01_main{ width:280px; height:145px; margin:60px auto 0;}
.df_win01_main p{ font-size:18px; color:#333; line-height:24px; text-align:center;}
.df_win01_btn{ width:148px; height:44px; background:url(btn_dq03.png) no-repeat 0 0; margin:30px auto 0; cursor:pointer;}