.join-header{height:360px;background:url(../images/join_header.png) center top no-repeat}.join-content .title{font-size:30px;line-height:40px;padding-bottom:10px;position:relative;text-align:center;margin-bottom:30px}.join-content .title:before{width:50px;height:2px;background:#F6BB7F;content:"";display:block;position:absolute;bottom:0;left:0;right:0;margin:0 auto}.join-content .title:after{content:"WELFARE";display:block;font-size:100px;line-height:54px;color:rgba(1,1,1,.03);position:absolute;top:0;left:0;right:0;margin:0 auto}.join-content .join-w1{height:704px;box-sizing:border-box;padding:70px 0;background:url(../images/fl_bg.png) center top no-repeat}.join-content .join-w1 .desc{width:890px;margin:0 auto;font-size:18px;line-height:36px;padding:0 0 20px}.join-content .join-w1 .desc span{float:left}.join-content .join-w1 .desc p{overflow:hidden}.join-content .join-w1 ul{width:1100px;margin:0 auto}.join-content .join-w1 ul li{width:324px;height:190px;background:#fff;box-shadow:0 0 10px 0 #e9e9e9;border-radius:4px;float:left;margin:40px 20px 0}.join-content .join-w1 ul li .icon{margin:30px auto 0;width:78px;height:78px}.join-content .join-w1 ul li .txt{padding:20px;font-size:20px;text-align:center}.join-content .join-w1 ul li:hover .icon img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.join-content .join-w2{min-height:902px;padding:90px 0 0;background:url(../images/zp_bg.png) center top no-repeat;box-sizing:border-box;position:relative}.join-content .join-w2 .title:after{content:"RECRUIT"}.join-content .join-w2 .job-wrap{padding:40px 0 0}.join-content .join-w2 .job-left{width:163px;float:left}.join-content .join-w2 .job-left span.label{width:163px;height:81px;background:url(../images/join_tab.png) no-repeat;font-size:16px;text-align:center;line-height:70px;margin-top:18px;color:#fff;display:block}.join-content .join-w2 .job-left .tab1{padding:44px 20px 0}.join-content .join-w2 .job-left .tab1 a{width:60px;height:40px;border:1px solid #F3F3F3;border-radius:4px;display:block;margin-bottom:30px;padding-left:60px;font-size:16px;line-height:40px;overflow:hidden}.join-content .join-w2 .job-left .tab1 a.js{background:url(../images/js_i1.png?2020) 25px center no-repeat #F3F3F3}.join-content .join-w2 .job-left .tab1 a.ms{background:url(../images/ms_i1.png?2020) 25px center no-repeat #F3F3F3}.join-content .join-w2 .job-left .tab1 a.ch{background:url(../images/ch_i1.png?2020) 25px center no-repeat #F3F3F3}.join-content .join-w2 .job-left .tab1 a.yy{background:url(../images/yy_i1.png?2020) 25px center no-repeat #F3F3F3}.join-content .join-w2 .job-left .tab1 a.sc{background:url(../images/sc_i1.png?2020) 25px center no-repeat #F3F3F3}.join-content .join-w2 .job-left .tab1 a.gn{background:url(../images/gn_i1.png?2020) 25px center no-repeat #F3F3F3}.join-content .join-w2 .job-left .tab1 a.on,.join-content .join-w2 .job-left .tab1 a:hover{border-color:#F08418;position:relative}.join-content .join-w2 .job-left .tab1 a.on:after,.join-content .join-w2 .job-left .tab1 a:hover:after{content:"";display:block;width:22px;height:22px;position:absolute;bottom:0;right:0;background:url(../images/join_sel.png) no-repeat}.join-content .join-w2 .job-left .tab1 a.js.on,.join-content .join-w2 .job-left .tab1 a.js:hover{background:url(../images/js_i2.png) 25px center no-repeat #fff}.join-content .join-w2 .job-left .tab1 a.ms.on,.join-content .join-w2 .job-left .tab1 a.ms:hover{background:url(../images/ms_i2.png) 25px center no-repeat #fff}.join-content .join-w2 .job-left .tab1 a.ch.on,.join-content .join-w2 .job-left .tab1 a.ch:hover{background:url(../images/ch_i2.png) 25px center no-repeat #fff}.join-content .join-w2 .job-left .tab1 a.yy.on,.join-content .join-w2 .job-left .tab1 a.yy:hover{background:url(../images/yy_i2.png) 25px center no-repeat #fff}.join-content .join-w2 .job-left .tab1 a.sc.on,.join-content .join-w2 .job-left .tab1 a.sc:hover{background:url(../images/sc_i2.png) 25px center no-repeat #fff}.join-content .join-w2 .job-left .tab1 a.gn.on,.join-content .join-w2 .job-left .tab1 a.gn:hover{background:url(../images/gn_i2.png) 25px center no-repeat #fff}.join-content .join-w2 .job-right{overflow:hidden}.join-content .join-w2 .job-right .tab2{height:108px;overflow:hidden;padding-left:100px}.join-content .join-w2 .job-right .tab2 .item{display:none}.join-content .join-w2 .job-right .tab2 .item:first-child{display:block}.join-content .join-w2 .job-right .tab2 a{font-size:18px;color:#999;margin:0 40px 0 0;padding:15px 0;float:left}.join-content .join-w2 .job-right .tab2 a.on,.join-content .join-w2 .job-right .tab2 a:hover{color:#333;background:url(../images/join_tab2.png) center bottom no-repeat}.join-content .join-w2 .job-right .tab2-c{padding:35px 0 50px 100px;overflow:hidden;font-size:16px;line-height:28px}.join-content .join-w2 .job-right .tab2-c ul li,.join-content .join-w2 .job-right .tab2-c ul li .item{display:none}.join-content .join-w2 .job-right .tab2-c ul li .item:first-child,.join-content .join-w2 .job-right .tab2-c ul li:first-child{display:block}.join-content .join-w2 .job-right .tab2-c p{margin:0 0 20px}.join-content .join-w2 .job-right .tab2-c .t_title{font-size:18px;margin-bottom:10px}.join-content .join-w2 .job-right .tab2-c .email{font-size:18px;color:#F08418}.join-content .join-w2:before{content:"";display:block;position:absolute;top:318px;left:0;right:0;margin:0 auto;width:100%;height:0;border-bottom:solid 1px #E7E3E0}