/* 
* @Author: Marte
* @Date:   2016-11-04 19:53:52
* @Last Modified by:   Marte
* @Last Modified time: 2016-11-05 16:26:21
*/

.ft-title{font-size: 24px;transition: font-size .1s,color .1s;-webkit-transition: font-size .1s,color .1s;-ms-transition: font-size .1s,color .1s;}
.on .ft-title{font-size: 48px;}
.ft-h1{font-size: 16px;transition: font-size .1s,color .1s;-webkit-transition: font-size .1s,color .1s;-ms-transition: font-size .1s,color .1s;}
.on .ft-h1{font-size: 36px;}

/*life*/
.lift_body{margin-top: 30px;}
.lift_index{position: relative;height: 650px;margin-top: 100px;}
.lift_p{
    cursor: pointer;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    width: 600px;
    height: 380px;
    margin-left: -300px;
    z-index: 1;
    left: 50%;
    transform: scale(.6);
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    box-shadow: 0px 40px 30px -20px #999;
    -webkit-box-shadow: 0px 40px 30px -20px #999;
    -ms-box-shadow: 0px 40px 30px -20px #999;
    left: 50%;transform: scale(.3);-webkit-transform: scale(.3);-ms-transform: scale(.3);
}
.lift_arrow{position: absolute;height: 54px;top: 190px;margin-top: -27px;cursor: pointer;}
.lift_arrow_l{left: 0;}
.lift_arrow_r{right: 0;}
.lift_1{z-index: 1;left: 25%;transform: scale(.6);-webkit-transform: scale(.6);-ms-transform: scale(.6);}
.lift_2{z-index: 2;left: 35%;transform: scale(.8);-webkit-transform: scale(.8);-ms-transform: scale(.8);}
.lift_3{z-index: 3;left: 50%;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
.lift_4{z-index: 2;left: 65%;transform: scale(.8);-webkit-transform: scale(.8);-ms-transform: scale(.8);}
.lift_5{z-index: 1;left: 75%;transform: scale(.6);-webkit-transform: scale(.6);-ms-transform: scale(.6);}
.lift_tu_1{background-image: url(../images/about/join/lift_pho1.jpg);}
.lift_tu_2{background-image: url(../images/about/join/lift_pho2.jpg);}
.lift_tu_3{background-image: url(../images/about/join/lift_pho3.jpg);}
.lift_tu_4{background-image: url(../images/about/join/lift_pho6.jpg);}
.lift_tu_5{background-image: url(../images/about/join/lift_pho5.jpg);}
.lift_tu_6{background-image: url(../images/about/join/lift_pho7.jpg);}
.lift_tu_7{background-image: url(../images/about/join/lift_pho8.jpg);}
.lift_tu_8{background-image: url(../images/about/join/lift_pho9.jpg);}
.lift_tu_9{background-image: url(../images/about/join/lift_pho10.jpg);}
.lift_tu_10{background-image: url(../images/about/join/lift_pho11.jpg);}
.lift_info_box{width: 100%;position: absolute;top: 450px;}
.lift_info{display: none;}
.lift_info.active{display: block;animation: fadeIn .3s both ease;-webkit-animation: fadeIn .3s both ease;-ms-animation: fadeIn .3s both ease;}
.lift_info>p{width: 100%;text-align: center;}
.lift_info_title{font-size: 36px;color: #181818;margin-bottom: 30px;}
.lift_info_word{font-size: 14px;color: #7d7d7d;line-height: 24px !important;/* width: 276px !important; *//* left: 50%; *//* position: absolute; *//* margin-left: -138px; */}

/*culture*/
.culture_body{width: 100%;position: relative;font-size: 0;overflow: hidden;}
.culture_bg{width: 100%;}
.culture_top{position: absolute;left: 5%;top: 3%;z-index: 2;width: 30%;height: 36px;}
.culture_top2{top: 35%;}
.culture_top>img{width:auto; height:15px;float: left;margin-top: 9px !important;}
.culture_top>p{font-size: 16px;color: #009846;margin-left: 6px;float: left;}
.culture_top>p>a{color:#666;float: left;margin-left: 3px;line-height: 36px;}
.three_tu{
    background-image: url(../images/about/join/three_tu.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    margin-top: 11px;
}
.index_p{font-size: 30px;color: #0d9c4e !important;}
.culture_logo{margin-bottom: 10px;width: 80%;}

.culture_box{position: absolute;width: 1000px;height: 100%;max-height: 900px;margin: 0 auto;left: 6%;top: 0;right: 0;}
.culture_box>img{transition: all .2s;-webkit-transition: all .2s;-ms-transition: all .2s;}
.culture_robot{position: absolute;height: 50%;left: -16%;top: 15%;z-index: 7;}
.culture_pho{position: absolute;border: 3px solid #fff;box-shadow: 0px 40px 50px -25px #888;cursor: pointer;}
.culture_pho:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);z-index: 8;}
.culture_pho,.culture_pho_place1{height: 44.8%;left: 34%;top: 23%;z-index: 6;}
.culture_pho_place2{height: 30%;left: 20.5%;top: 12%;z-index: 5;}
.culture_pho_place3{height: 42%;left: 60%;top: 5%;z-index: 4;}
.culture_pho_place4{height: 39%;left: 69%;top: 47%;}
.culture_pho_place5{height: 33.5%;left: 13.9%;top: 52%;z-index: 2;}

/*culture on*/
.on .culture_robot{left: -22%;}
.on .culture_pho_place1{height: 54%;left: 14%;top: 40%;}
.on .culture_pho_place2,
.on .culture_pho_place3,
.on .culture_pho_place4,
.on .culture_pho_place5{height: 25%;}
.on .culture_pho_place2{left: 51.5%;top: 40%;}
.on .culture_pho_place3{left: 71%;top: 40%;}
.on .culture_pho_place4{left: 51.5%;top: 69%;}
.on .culture_pho_place5{left: 71%;top: 69%;}
.on .culture_pho:hover{transform: none;-webkit-transform: none;-ms-transform: none;}
.on.culture_box>img{transition: all .4s;-webkit-transition: all .4s;-ms-transition: all .4s;}

.culture_title_box{width: 100%;position: absolute;height: 28.8%;background-size: auto 100%;background-repeat: no-repeat;left: 14%;top: 3%;opacity: 0;}
.culture_title_box{transition: all .5s;-webkit-transition: all .5s;-ms-transition: all .5s;}
.on .culture_title_box.active{animation: fadeIn .3s .2s both ease;-webkit-animation: fadeIn .3s .2s both ease;-ms-animation: fadeIn .3s .2s both ease;}
.on .culture_title_box:before{content: "";position: absolute;width: 20%;height: 27%;background-image: url(../images/about/join/culture_title_line.png);background-repeat: no-repeat;background-size: auto 100%;left: -8%;bottom: -18%;}
.culture_title_box_type1{background-image: url(../images/about/join/culture_title1.png);}
.culture_title_box_type2{background-image: url(../images/about/join/culture_title2.png);}
.culture_title_box_type3{background-image: url(../images/about/join/culture_title3.png);}
.culture_title_box_type4{background-image: url(../images/about/join/culture_title4.png);}
.culture_title_box_type5{background-image: url(../images/about/join/culture_title5.png);}

@media screen and (max-height: 800px){
    .culture_robot{left: -5%;top: 18%;}
    .culture_pho,.culture_pho_place1{left: 37%;top: 25%;}
    .culture_pho_place2{left: 25%;top: 12%;}
    .culture_pho_place3{left: 57%;top: 6%;}
    .culture_pho_place4{left: 63%;top: 48%;}
    .culture_pho_place5{left: 21.5%;top: 55%;}

    .on .culture_pho_place1{left: 20%;top:;}
    .on .culture_pho_place2{left:;top:;}
    .on .culture_pho_place3{left: 68%;top:;}
    .on .culture_pho_place4{left: ;top: ;}
    .on .culture_pho_place5{left: 68%;top:;}
    .on .culture_title_box{left: 20%;top: 6%;}
    .on .culture_robot{left: -10%;top:;}
}

@media screen and (max-width: 9999px){
    .ft-title {font-size: 24px;}
    .on .ft-title {font-size: 48px;}
    .ft-h1 {font-size: 16px;}
    .on .ft-h1 {font-size: 32px;}
    .culture_top>p{font-size: 16px;}
    .lift_info_title{font-size: 36px;}
    .lift_info_word{font-size: 14px;}
}
@media screen and (max-width: 1440px){
    .ft-title {font-size: 20px;}
    .on .ft-title {font-size: 40px;}
    .ft-h1 {font-size: 15px;}
    .on .ft-h1 {font-size: 24px;}
    .culture_top>p{font-size: 16px;}
    .lift_info_title{font-size: 30px;}
    .lift_info_word{font-size: 12px;}
}
@media screen and (max-width: 1024px){
    .ft-title {font-size: 18px;}
    .on .ft-title {font-size: 36px;}
    .ft-h1 {font-size: 12px;}
    .on .ft-h1 {font-size: 18px;}
    .culture_top>p{font-size: 16px;}
    .lift_info_title{font-size: 24px;}
}

/*job*/
.job_new.w1200{width: 1000px;margin-bottom: 40px;display: none;}
.job_new.active{display: block;}
.job_type_box,.job_menu{transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}

.job_new_first_box{position: relative;width: 100%;background-image: url(../images/about/join/job_new_first_bg.jpg);background-size: 100% 100%;/*height: 844px;*/display: none;}
.job_new_first_box.active{display: block;}
.job_new_first_box img{width: auto;max-width: none;max-height: 100%;}
.job_new_first_center{width: 1105px;height: 100%;margin: auto;position: relative;}
.job_new_first_robotbox{/* width: 539px; */height: 100%;width: 28%;max-width: 539px;position: absolute;top: 0;left: 58%;opacity: 0;z-index: 9;}
.job_new_first_robot{position: absolute;right: 0;left: 0;margin: auto;height: 93%;top: -45px;z-index: 2;}
.job_new_first_robot_bg{position: absolute;right: 0;left: 0;margin: auto;height: 21.5%;bottom: 25px;}
.job_new_first_title{position: absolute;right: 36%;height: 35%;cursor: pointer;opacity: 0;}
.job_new_first_title1{top: 15%;}
.job_new_first_title2{top: 54%;}
.job_new_first_box.active .job_new_first_robotbox{animation: fadeUpIn .5s .2s both;-webkit-animation: fadeUpIn .5s .2s both;-ms-animation: fadeUpIn .5s .2s both;}
.job_new_first_box.active .job_new_first_robot{animation: rb_updown 3s .5s ease infinite;-webkit-animation: rb_updown 3s .5s ease infinite;-ms-animation: rb_updown 3s .5s ease infinite;}
.job_new_first_box.active .job_new_first_robot_bg{animation: rb_scale 3s .5s ease infinite;-webkit-animation: rb_scale 3s .5s ease infinite;-ms-animation: rb_scale 3s .5s ease infinite;}
.job_new_first_box.active .job_new_first_title1{animation: fadeRightIn .8s .5s both;-webkit-animation: fadeRightIn .8s .5s both;-ms-animation: fadeRightIn .8s .5s both;}
.job_new_first_box.active .job_new_first_title2{animation: fadeRightIn .8s 1s both;-webkit-animation: fadeRightIn .8s 1s both;-ms-animation: fadeRightIn .8s 1s both;}

@media screen and (max-width: 1440px){
    /*.job_new_first_box{height: 680px;}*/
    .job_new_first_robotbox{/* width: 400px; *//* right: 125px; */}
    .job_new_first_robot{top: 0px;}
    .job_new_first_robot_bg{bottom: 0px;}
    .job_new_first_title{/* width: 500px; *//* left: 100px; */}
}

@keyframes fadeUpIn{
    0%{opacity: 0;transform: translateY(50px);}
    100%{opacity: 1;transform: translateY(0);}
}
@-webkit-keyframes fadeUpIn{
    0%{opacity: 0;-webkit-transform: translateY(50px);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}
@-ms-keyframes fadeUpIn{
    0%{opacity: 0;-ms-transform: translateY(50px);}
    100%{opacity: 1;-ms-transform: translateY(0);}
}
@keyframes rb_updown{
    0%{transform: translateY(0);}
    30%{transform: translateY(-50px);}
    100%{transform: translateY(0);}
}
@-webkit-keyframes rb_updown{
    0%{-webkit-transform: translateY(0);}
    30%{-webkit-transform: translateY(-50px);}
    100%{-webkit-transform: translateY(0);}
}
@-ms-keyframes rb_updown{
    0%{-ms-transform: translateY(0);}
    30%{-ms-transform: translateY(-50px);}
    100%{-ms-transform: translateY(0);}
}
@keyframes rb_scale{
    0%{transform: scale(1);}
    30%{transform: scale(.3);}
    100%{transform: scale(1);}
}
@-webkit-keyframes rb_scale{
    0%{-webkit-transform: scale(1);}
    30%{-webkit-transform: scale(.3);}
    100%{-webkit-transform: scale(1);}
}
@-ms-keyframes rb_scale{
    0%{-ms-transform: scale(1);}
    30%{-ms-transform: scale(.3);}
    100%{-ms-transform: scale(1);}
}
@keyframes fadeRightIn{
    0%{opacity: 0;transform: translateX(200px);}
    100%{opacity: 1;transform: translateY(0);}
}
@-webkit-keyframes fadeRightIn{
    0%{opacity: 0;-webkit-transform: translateX(200px);}
    100%{opacity: 1;-webkit-transform: translateY(0);}
}
@-ms-keyframes fadeRightIn{
    0%{opacity: 0;-ms-transform: translateX(200px);}
    100%{opacity: 1;-ms-transform: translateY(0);}
}

.job_type_box{width: 100%;height: 184px;position: absolute;bottom: 0;left: 0;text-align: center;display: none;}
.job_type_box.active{display: block;}
.job_type{background-position-y: -72px;background-image: url(../images/about/join/job_icon.png);background-repeat: no-repeat;color:#4b4b4b;font-size: 14px;position: absolute;width: 70px;height: 70px;top: 0;bottom: -23px;margin: auto 0;cursor: pointer;}
/*.job_type.active{background-position-y: 3px;}*/
.job_type1:hover{background-image: url(../images/about/join/job_icon_new1.gif);background-position: 0 0;background-size: 100%;}
.job_type2:hover{background-image: url(../images/about/join/job_icon_new2.gif);background-position: 0 0;background-size: 100%;}
.job_type1.active{background-image: url(../images/about/join/job_icon_new3.png);background-position: 0 0;background-size: 100%;}
.job_type2.active{background-image: url(../images/about/join/job_icon_new4.png);background-position: 0 0;background-size: 100%;}
.job_type_bg{background-color: #fff;opacity: .6;width: 100%;height: 100%;}
.job_type:after{position: absolute;width: 100%;height: 20px;left: 0;bottom: -20px;line-height: 20px;}
.active.job_type:after{color: #bf9d5a;}
.job_type1{right: 53%;background-position-x: -150px;}
.job_type1:after{content: "社会招聘";}
.job_type2{left: 53%;background-position-x: -261px;}
.job_type2:after{content: "校园招聘";}

.job_menu{display: none;height: 167px;position: relative;}
.job_menu.active{display: block;}
.job_menu p{position: absolute;text-align: center;width: 100%;left: 0;bottom: -50px;}
.job_menu>.job_menu_li{position: absolute;width: 78px;height: 40px;width: 90px;height: 60px;background-image: url(../images/about/join/job_icon.png);background-repeat: no-repeat;background-position-y: -284px;top: 40px;cursor: pointer;}
.job_menu.active>.job_menu_li.active{background-position-y: -188px;color: #bf9d5a;}
.job_menu_li1{background-position-x: 18px;}
.job_menu_li2{background-position-x: -127px;}
.job_menu_li3{background-position-x: -272px;}
.job_menu_li4{background-position-x: -415px;}
.job_menu2 .job_menu_li1{right: 80%;}
.job_menu2 .job_menu_li2{right: 57%;}
.job_menu2 .job_menu_li3{left: 57.5%;}
.job_menu2 .job_menu_li4{left: 80%;}
.job_menu1 .job_menu_li1{right: 75%;}
.job_menu1 .job_menu_li2{left: 46.9%;}
.job_menu1 .job_menu_li4{left: 75%;}

.job_content{display: none;width: 100%;min-height: 250px;background-color: #fafafa;border-top: 4px solid #bf9d5a;margin-top: 40px;}
.job_content.active{display: block;}
.job_content_li{display: none;margin-top: 40px;position: relative;}
.job_content_li.active{display: block;}
.job_liucheng{width: 677px;margin: 0 auto;margin-top: 75px;display: block;}
.job_fuli{padding: 0px 40px;}
.job_fuli_title{font-size: 16px;color: #bf9d5a;margin-bottom: 40px;font-weight: bold;}
.job_fuli_word{font-size: 14px;line-height: 45px;padding-bottom: 60px;color: #808080;}
.job_qa{position: relative;margin: 0 40px;padding-bottom: 133px;}
.job_qa_li{font-size: 14px;padding: 15px 0;border-bottom: 1px solid #ececec;}
.job_qa_title{position: relative;color: #bf9d5a;font-weight: bold;}
.job_qa_title:before{content:"";width: 12px;height: 12px;position: absolute;background-color: #bf9d5a;border-radius: 50%;top: 0;bottom: 0;left: -20px;margin: auto;}
.job_qa_word{color: #5e5e5e;}
.job_qa_btn{position: absolute;color: #bf9d5a;font-size: 16px;bottom: 40px;width: 200px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #bf9d5a;left: 0;right: 0;margin: 0 auto;cursor: pointer;}
.job_qa_btn:after{content:"";position: absolute;height: 10px;width: 13px;overflow: hidden;top: 0;bottom: 0;margin: auto;right: 15px;background-image: url(../images/about/join/job_daosanjiao.png);background-repeat: no-repeat;background-size: 100%;}
.noshow{display: none;}

.job_content_li1{margin-top: 0;}
.job_list_option{padding-bottom: 30px;}
.job_list_option ul{padding: 0 30px;height: 16px;display: block;margin-top: 30px;}
.job_list_option ul li{font-size: 16px;float: left;color: #4b4b4b;border-radius: 3px;}
.job_list_option_title{font-weight: bold;}
.job_list_option_word{cursor: pointer;padding: 0 7px;margin-right: 13px;}
.job_list_option_word.active{color: #fff;background-color: #bf9d5a;}

.job_list_search{width: 100%;background: #fff;height: 150px;position: relative;}
.job_list_search_input{width: 1039px;height: 58px;font-size: 14px;color: #00b5a4;border: 1px solid #00b5a4;padding: 0 25px;}
.job_list_search_input:focus{outline: none;}
.job_search_icon{position: absolute;width: 25px;height: 25px;top: 0;bottom: 0;right: 232px;margin: auto 0;cursor: pointer;}

.job_list{width: 100%;border-collapse: collapse;vertical-align: middle;margin-bottom: 40px;}
.job_list th{text-align: left;padding-left: 18px;color: #32b9a2; background-color: #ccf0ed;height: 60px;font-size: 16px;}
.job_list tr{height: 60px;font-size: 14px;background-color: #fff;}
.job_list thead tr{background-color: #bf9d5a;}
.job_list tbody tr:nth-of-type(2n){background-color: #fafafa;}
.job_list td{text-align: left;padding-left: 18px;color: #4b4b4b;}
.job_list_btn{/*display: none;*/width: 104px;height: 35px;line-height: 35px;font-size: 14px;color: #fff;background-color: #bf9d5a;text-align: center;border-radius: 6px;margin: auto;cursor: pointer;}
/*.job_list_btn.active{display: block;}*/

.job_mengban{position: fixed;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.job_mengban.active{display: block;}
.job_mengban_bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: .3;}
.job_mengban p{top: 48%;position: absolute;width: 100%;text-align: center;color: #f1f1f1;font-size: 24px;}
.job_new_back{width: 104px;height: 35px;line-height: 35px;font-size: 14px;color: #fff;background-color: #bf9d5a;text-align: center;border-radius: 6px;margin: 40px auto 0;cursor: pointer;}

@media screen and (max-width: 1440px){
    .job_type_box{height: 115px;}
}

/*job_read*/
.job_read_index{width: 1000px;margin: 0 auto;margin-top: 40px;margin-bottom: 60px;border-top: 4px solid #bf9d5a;background-color: #fafafa;}
.job_read_top{border-bottom: 1px solid #f2f2f2;padding: 40px 40px 20px;}
.job_read_top_title{height: 30px;line-height: 30px;font-size: 30px;color: #bf9d5a;font-weight: bold;margin-bottom: 20px;}
.job_read_top_list{color: #4b4b4b;font-size: 16px;height: 45px;width: 960px;}
.job_read_top_list li{float: left;margin-right: 40px;margin-bottom: 5px;line-height: 1;}
.job_read_top_time{color: #aeaeae;font-size: 14px;}
.job_read_top_listlast{margin-right: 0 !important;}
.job_read_middle{border-bottom: 1px solid #f2f2f2;padding: 0 40px 40px;}
.job_read_middle div{margin-top: 40px;margin-bottom: 35px;color: #4b4b4b;font-size: 20px;}
.job_read_middle p{color: #7d7d7d;font-size: 14px;}
.job_read_bottom{height: 105px;position: relative;}
.job_read_bottom p{height: 35px;width: 105px;line-height: 35px;position: absolute;top: 35px;text-align: center;border-radius: 5px;cursor: pointer;}
.job_read_back{background-color: #e7e7e7;right: 51%;color: #aeaeae;}
.job_read_apply{background-color: #bf9d5a;left: 51%;color: #fff;}

.fr{
    float: right;
}
.ds{
    display: none;
}
.join-banner {
    position: relative;
    width: 100%;
    line-height: 0;
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
 }
 .join-banner img{
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
 }

 .join-banner .banner-text{
    position: absolute;
    height:10%;
    top:36%;
    left:13%;
    color:rgb(90,90,90);
 }

 .banner-text h2{
    font-weight: normal;
    height:100%;
    margin-top: 5px;
    filter:alpha(opacity=0);
    /* -webkit-opacity:0; */
    /* opacity: 0; */
    zoom:1;
 }

.join-nav-list{
    /*margin-bottom: 60px;*/
    overflow: hidden;
}

 .join-nav-list a{
    width: 50%;
    *
    width: 49.999%;
    height: 467px;
    background: url('../images/join-nav-campus.jpg');
    background-image: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='{$_domain}Public/Home/images/join-nav-campus.jpg',
        sizingMethod='scale')\9;
    background-size: cover;
    background-size:auto 100%\9;
    cursor: pointer;
    text-align: center;
    color:#0c0c0c;
    color: #4b4b4b;
    float: left;
    position: relative;
    background-position: center;
 }
  .join-nav-list a.join-nav-1{
    background-image:url('../images/about/join/join-nav-social.jpg');
    background-image: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='{$_domain}Public/Home/images/join-nav-social.jpg',
        sizingMethod='scale')\9;
 }
  .join-nav-list a.join-nav-2{
    background-image:url('../images/about/join/join-nav-campus.jpg');
    background-image: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='{$_domain}Public/Home/images/join-nav-campus.jpg',
        sizingMethod='scale')\9;
 }
  .join-nav-list a.join-nav-3{
    background-image:url('../images/about/join/join-nav-employment.jpg');
    background-image: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='{$_domain}Public/Home/images/join-nav-employment.jpg',
        sizingMethod='scale')\9;
 }
  .join-nav-list a.join-nav-4{
    background-image:url('../images/about/join/join-nav-culture.jpg');
    background-image: none\9;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='{$_domain}Public/Home/images/join-nav-culture.jpg',
        sizingMethod='scale')\9;
 }
  .join-nav-list a p.ch{
    margin-top: 25%;
    position: relative;
    z-index: 3;
 }
  .join-nav-list a p.en{
    font-weight: 100;
    position: relative;
    z-index: 3;
    line-height: 2;
 }
.join-nav-list a.on{
 color:#fff;
}
.join-nav-cover{
    width: 100%;
    height: 100%;
    /*background: url(../images/join-nav-cover.png) no-repeat;*/
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    opacity: .7;
    display: none;
    background-color: #0fa351;
    /*background-position: center;*/
    /*background-size:cover;*/
 }

 .send-tips .tip{
    display: none;
    font-weight: normal;
    margin-left: 20px;
    font-size:14px;
 }

/*˜*/

.social-nav{
    width: 100%;
    height: 40px;
    margin-top: 50px;
    line-height: 40px;
    font-size: 16px;
    margin-bottom: 23px;
    border-bottom: 1px solid #b5b5b5;
}
.social-nav span{
    margin:0 10px;
}
.social-div-left{
    width: 22%;
    float: left;
    margin-right: 36px;
}
.input-search{
  width: 100%;
  position: relative;
  margin-left: 13px;
}
.input-search-icon{
    position: absolute;
    top: 14px;
    right: -1px;
    cursor: pointer;
}
.search_input{
    width: 100%;
    height: 50px;
    border:1px solid #bf9d5a;
    margin-bottom: 50px;
    padding-left: 15px;
    font-size: 18px;
    line-height: 50px;
}
.left-box{
    width: 100%;
    background: #fafafa;
    padding: 9px 18px 4px 22px;
    margin-bottom: 14px;
    overflow: hidden;
}
.left-box h5{
    border-bottom: 21px;
    display: block;
    padding-bottom: 10px;
      
}
.left-box h5 a{
    color: #808080;
}

.left-con{
      border-top: 1px dotted #dfdfdf;
      padding: 8px 10px;
      margin-bottom: 7px;
      overflow: hidden;
}
.left-con a{
    font-weight: 100;
    margin-right: 12px;
    line-height: 26px;
}

.social-div-right{
    position: relative;
    width: 69%;
    float: right;
    padding-right: 13px;
    margin-left: 41px;
}
.social-div-right-nav{
    overflow: hidden;
    background: #fafafa;
    font-size: 15px;
    font-weight: 100;
    margin-bottom: 40px;
    padding:10px 22px 10px 29px;
}
.social-div-right-nav ul{
    float: left;
}
.social-div-right-nav li{
    float:left;
    margin: 0 40px 0 0;
}
.key-word-cover{
    float: right;
}
.social-right-list{display: none;
    height: 800px;
    overflow-y:auto; 
    margin-bottom: 120px;
}
iframe#read_con{
    top: 0;
}
.social-right-list li{
    height: 69px;
    background: #fafafa;
    padding: 36px 25px 23px 23px;
    border-left: 6px solid #bf9d5a;
    margin-bottom: 24px;
}
h5.title{
    color: #bf9d5a;
    font-weight: normal;
    float: left;
    margin-right: 10px;
}
h5.title a{
    color:#bf9d5a;
    +font-size:20px;
}
h5.title a b{
    color:red;
    font-weight: normal;
}
.job-class{
    width: 52px;
    height: 22px;
    font-size: 14px\9;
    background: #bf9d5a;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 22px;
    *line-height: 20px;
    border-radius: 13px;
}

.job-class.social{
      background: #bf9d5a;
}
.job-class.sch{
  background: #73bc93;
}
.job-count{
    margin-top: 13px;
    float: left;
    display: block;
    width: 85%;
    margin-bottom: 26px;
}
.job-count .recruit-require{margin-left: 40px;}
.social-right-list .time_type{
    float: right;
    *float:none;
    overflow: hidden;
    text-align: right;
    margin-top: -18px;
    color: #000;
}
.social-right-list .recruit-time{
    margin-bottom: 13px;
}
.recruit-type{}

.left-con a:hover{
    color:#bf9d5a;
}
#footer-nav{
    clear:both;
}
.page{
    overflow: hidden;
    clear: both;
    float: right;
    margin-bottom: 50px;
}
.page li{
    text-align: center;
    line-height: 42px;
    width: 45px;
    height: 42px;
    float: left;
    border: 1px solid #f5f5f5;
    color: #969696;
    cursor: pointer;
}
.page li:hover{
    background: #bf9d5a;
    color:#fff;
}
.pagination{
    overflow: hidden;
    margin-top: 20px !important;
}
.pagination ul{
    float:right;
    margin-right: 11px;
}
.pagination li{
    float:left;
    width:42px;
    height:42px;
    border:1px solid #e5e5e5;
    border-right: 0;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}
.pagination li.last{
    border-right: 1px solid #e5e5e5;
}
.pagination li:hover,
.pagination li.curr{
    background-color:#bf9d5a;
    color:#fff;
}
.detail-back{
    position: absolute;
    z-index: 10;
    right:40px;
    top:140px;
    width: 52px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 13px;
    float: right;
    margin-top: -23px;
    cursor: pointer;
}

.social-detail{
    overflow:hidden;
    background-color:#fafafa;;
    border-top:5px solid #bf9d5a;
    padding:34px 40px 44px 40px;
}
.social-detail p,
.social-detail span{
    background-color:transparent !important;
}
.social-detail .time_type{
    clear: both;
    display: block;
    overflow: hidden;
    font-size:13px;
}
.social-detail .time_type p{
    color: #a1a1a1;
    float: left;
    margin-right: 13px;
}
.social-detail  .recruit-time{}
.social-detail-con{
    width: 100%;
    border-top: 1px;
    color: #808080;
    line-height: 28px;
    border-top: 1px dotted #e2e2e2;
    padding-top: 15px;
    margin-top: 10px;
    +font-size: 14px;
}
.social-detail-con p{
    background-color: transparent !important;
    padding-right: 34px;
}
.social-detail-con span{
    color:#808080 !important;
}
.send-tips{margin-top: 15px;font-weight: bold;/* color: #808080; */}
.send-tips .copy{
    width: 60px;
    height: 24px;
    background: #bf9d5a;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    margin-left: 19px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: normal;
    color: #fff !important;
    font-size:13px;
}
.demend{margin: 32px 0;}

.ideality-list{
        color: #808080;
        margin-bottom: 27px;
}
.ideality-list dt{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.ideality-list-cover{
    margin-bottom: 73px;
}

.iframe{
    width: 500px;
    height: 500px;
    overflow: hidden;
}

  .act-nav-list a.join-nav-1{
    background-image: url('../images/act_nav_4_2.jpg');
 }
  .act-nav-list a.join-nav-2{
    background-image: url('../images/act_nav_3.jpg');
 }
  .act-nav-list a.join-nav-3{
    background-image: url('../images/act_nav_2_2.jpg');
 }
  .act-nav-list a.join-nav-4{
    background-image: url('../images/act_nav_1.jpg');
 }

 .believe-cont{
    margin: 80px 0 100px;
 }

  .believe-cont dl{
    margin-bottom: 60px;
  }

 .believe-cont dt{
    font-weight: bold;
    margin-bottom: 10px;
    color:#808080;
 }

  .believe-cont dd{
    color:#808080;
  }