.banner_content{ top: 0;} .banner_title{ width: 100%; height: 52px; background: url(../img/banner_title_bj.png) repeat-x; text-align: center; font: 400 20px/52px "Arial"; color: #fff;} .banner_btn{ margin: 20px 0 0 150px;} .banner_btn2{ width: 213px; height: 38px; margin: 20px 155px 0 0; background: url(../img/btn_hover.png) no-repeat; font: bold 12px/38px "Arial"; color: #fff;} .banner_btn2:hover{ background: url(../img/btn_hover_2.png) no-repeat;} .benefits_top{ width: 900px; margin: 45px auto 0;} .benefits_top p.benefits_top_title{ font: 400 24px/48px "Arial"; color: #71BE43;} .benefits_top p.benefits_top_content{ font: 400 16px/20px "Arial"; color: #959394;} .benefits_bottom{ width: 100%; height: 580px; background: #f0f0f0; margin: 90px 0 0 0;} .benefits_bottom_title{ padding: 25px 0 0 0; font: normal 24px/40px "Microsoft YaHei"; color: #006A5E; text-align: center;} .benefits_bottom_content{ padding: 6px 0; font: normal 16px/20px "Arial"; color: #7f7f7f; text-align: center;} .job_benefits{ width: 730px; margin: 40px auto 0;} .job_benefits li{ margin: 0 43px; display: inline;} .job_benefits li img{ display: block;} .job_benefits li span{ display: block; text-align: center;} .job_benefits li span.jobs{ padding: 6px 0 0 0; font: normal 20px/24px "Microsoft YaHei"; color: #006A5E;} .job_benefits li span.line{ font:normal 20px "menlo"; color: #7f7f7f; margin: 14px 0;} .job_benefits li p{ text-align: center;} .job_benefits li p.job_describe{ font: normal 18px/24px "microsoft sans serif"; color: #959394;} .job_benefits_btns{ width: 446px; margin: 0 auto; padding: 45px 0 0 0;} .job_benefits_btns a{ width: 213px; height: 38px; display: block; text-align: center; font: bold 12px/38px "Arial"; color: #fff; background: url(../img/back_top.png) no-repeat;} .job_benefits_btns a:hover{ background: url(../img/back_top_hover.png) no-repeat;} .green_blocks{ width: 940px; margin: 20px auto 0;} .green_block_items li{ margin: 0 10px; display: inline;} .annual_leave, .health_care{ width: 214px; height: 178px; background: #006A5E;} .education{ width: 445px; height: 178px; background: #006A5E;} .block_inner{ padding: 15px;} .annual_leave .block_content{ margin: 10px 0; padding: 0 0 0 20px; background: url(../img/green_right.png) no-repeat 0 5px; font: normal 16px/20px "Arial"; color: #fff;} .health_care .block_content, .education .block_content{ font: normal 16px/20px "Arial"; color: #fff; margin: 10px 0;} .block_inner .block_title{ font: normal 24px "Microsoft YaHei"; color: #71BE43;} .benefits_center{ width: 100%; height: 283px; padding: 23px 0 0 0; overflow: hidden; position: relative;} .benefits_center_inner{ width: 750px; position: absolute; left: 50%; top:60px; margin:0 0 0 -375px;} .benefits_center_inner p{ text-align: center;} .benefits_center_title{ font: normal 36px/60px "Arial"; color: #71BE43;} .benefits_center_content{ font: normal 22px/28px "Arial"; color: #fff;} .hosuring{ width: 915px; margin: 53px auto 0;} .hosuring_left{ width: 600px;} .hoursing_top{ float: left; height: 36px; background: url(../img/house.png) no-repeat left top; padding: 0 0 0 50px; font: normal 24px/56px "Arial"; color: #71BE43;} .hosuring_left_bottom{ width: 380px;} .hosuring_left_bottom_top{ font: normal 16px/20px "Arial"; color: #71BE43; margin: 20px 0;} .left_each_item{ display: block; background: url(../img/green_right.png) no-repeat left center; padding: 0 0 0 20px; font: bold 16px/20px "Arial"; color: #000;} .left_each_item_content{ padding: 0 0 0 20px; font: normal 14px/20px "Arial"; color: #7f7f7f;} .back_top{ padding: 20px 0 0 0;}