body{
    width:100%;
    overflow:hidden; font-family:"Microsoft Yahei";
}
.hide{ display:none;}
.hide1{visibility:hidden;}
.page{
    width:100%;
    height:100%;
    position:absolute;
    font-size:100px;
    text-align:center;
}

.page .wrap{
    height:500px;
}
.wrap_bg{ background:#fff; position:absolute; width:90%; height:92%; left:50%; margin-left:-45%; top:3%;}
.arrow-up{
    height:auto;
    width:25px;
    position:absolute;
    left:50%;
    top:92%;
    margin-left:-12px;
    z-index:99;
}

.bottom_bg {
    height:auto;width:30%;
    position:absolute;
    left:50%;
    top:91.3%;
    margin-left:-15%;
    z-index:98;
}
.page-1{ background:url(../../../images/recruitment/default/bodyBg.jpg) center center no-repeat; background-size:100% 100%;}
.page-2{background:url(../../../images/recruitment/default/jobBg.jpg) center center no-repeat; background-size:100% 100%;}
.page-3{background:url(../../../images/recruitment/default/jobBg.jpg) center center no-repeat; background-size:100% 100%;}
.page-4{background:url(../../../images/recruitment/default/jobBg.jpg) center center no-repeat; background-size:100% 100%;}
.page-5{background:url(../../../images/recruitment/default/jobBg.jpg) center center no-repeat; background-size:100% 100%;}
.page-6{background:url(../../../images/recruitment/default/shareBg.png) center center no-repeat; background-size:100% 100%;}

.page-current{
    z-index:1;
}
/*第一屏*/
.index_topWeizhao {
    height:auto;width:30%;
    position:absolute;
    left:50%;
    top:1%;
    margin-left:-15%;
}
.index_comLogo {
    width:190px;
}
.index_comTitle{
    position:absolute; font-size:1.1rem;
    width:64%;
    left:50%;
    top:20%;
    color:#000;
    margin-left:-32%;
    font-weight:bold;
}
.comTitle_jobs{ font-size:.9rem;
    width:60%;
    left:50%;
    top:43%;
    color:#000;
    margin:0 auto;

}
.comTitle_jobs span{ color:#F00;}
.comBottom{
    position:absolute;
    font-size:.9rem;
    color:#3962ad;
    width:80%;
    left:50%;
    top:67%;
    margin-left:-40%;
}

.bottom_bnt {
    height:auto;width:25px;
    position:absolute;
    left:50%;
    top:93%;
    margin-left:-12px;
}

/*公司介绍*/
.comAdd {
    height:auto;width:80%;
    position:absolute;
    left:50%;
    top:82%;
    margin-left:-40%;
    font-size:.8rem;
    color:#2f5098;
    text-align:left;
    z-index:2;
    line-height:1.5rem;
}
.comTitle{position:absolute; font-size:1.2rem;
    width:80%;
    left:50%;
    top:3%;
    color:#000;
    margin-left:-40%;
    font-weight:bold;
}
.comContent {
    position:absolute;
    width:80%;
    left:50%;
    top:28%;
    color:#000;
    margin-left:-40%;
    font-size:.8rem;
    line-height:1.5rem;
    text-align:left;
    height:45%;
    overflow:hidden;
}
.comContent p{ text-indent:20px;}

.comMore {
    position:absolute;
    width:80%;
    left:50%;
    top:76%;
    margin-left:-40%;
    font-size:1rem;
    line-height:1.5rem;
    color:#f60;
    font-weight:bold;
}
.comIocn {
    position:absolute;
    width:80%;
    left:50%;
    top:12%;
    margin-left:-40%;
    color:#f60;
}
.comIocn .icon_l {
    width:30%;
    color:#000;
    font-size:.9rem;
    float:left;
    position:absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.comIocn .icon_2 {
    width:30%;
    color:#000;
    font-size:.9rem;
    position:absolute;
    margin-left:30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.comIocn .icon_3 {
    width:30%;
    color:#000;
    font-size:.9rem;
    position:absolute;
    margin-left:65%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.imgauto{ width:80%;}
.dialog_bg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}
.dialog {
    width: 90%;
    height: 92%;
    position: absolute;
    left: 0;
    top:-2%;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1001;
    background-color: rgba(78, 128, 189, .8);
    border-radius: 5px;

}
.dia_Close{ background:url(../../../images/recruitment/default/close_Com.png); background-size:20px 20px; top:1%; opacity:.5; width:20px; height:20px; position:absolute; right:0;}

.dialog-ComContent{ padding:0 15px;
    margin-top:30px;
    text-align:left;
    color: #fff;
    line-height: 25px;
    font-size: 15px;
    position: relative;
    height: 86%;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    -webkit-tap-highlight-color:rgba(255,255,255,0);
}
.dialog-ComContent p{ text-indent:20px;}

/*公司福利*/
.welfareTitle {
    height:auto;width:80%;
    position:absolute;
    left:50%;
    top:3%;
    font-size:1.1rem;line-height:1.5rem;
    margin-left:-40%;
    z-index:3;
    color:#000;
    font-weight:bold;
}
.welfare {
    position:absolute;
    width:90%;
    left:50%;
    top:18%;
    color:#000;
    margin-left:-45%;
    text-align:left;
    height:76%;
    overflow:hidden;
}
.welfare_L1,.welfare_L2,.welfare_L3,.welfare_L4,.welfare_L5,.welfare_L6,.welfare_L7,.welfare_L8,.welfare_L9,.welfare_L10 {
    position:absolute;
    width:20%;
    top:21%;
    right:20%;
    color:#000;
    text-align:left;
    font-size:.8rem;
    line-height:1.5rem;
}
.welfare_L2 {top:43%;right:18%;}
.welfare_L3 {top:67%;left:36%; right:0;}
.welfare_L4 {top:35%;left:8%; right:0;}
.welfare_L5 {top:21%;left:9%; right:0;}
.welfare_L6 {top:38%;left:52%; right:0;}
.welfare_L7 {top:49%;left:20%; right:0;}
.welfare_L8 {top:81%;left:32%; right:0;}
.welfare_L9 {top:64%;right:9%;}
.welfare_L10 {top:88%; right:19%;}

/* 公司照片 */
.slideBox{ position: absolute;
    height:65%;width:100%;
    position:absolute;
    left:50%;
    top:25%;
    margin-left:-50%;
    overflow:hidden;

}
.slideBox .bd{height:68%; }
.slideBox .bd ul{ width:95%; float:left;}
.slideBox .bd li{ width:95%; margin:0 auto; float:left;overflow:hidden;float:left; font-size:14px; text-align:center; }
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.slideBox .bd li img{ background:url(../../../images/recruitment/default/loading.gif) center center no-repeat;  vertical-align:top; width:90%;}
.slideBox .hd{ height:20px; line-height:20px; text-align:left; width:100%;   position:relative; bottom:-15%; text-align:center; }
.slideBox .hd ul{ display:inline-block;width:auto;text-align:center;margin:0 auto; }
.slideBox .hd li{ width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; display:inline-block;line-height:999px; }
.slideBox .hd .on{ background:#80BD6D;  }

/*招聘职位*/
.jobList {
    height:100%;width:100%;
    left:50%;
    z-index:2;
    background:#fff;
    border-top:5px solid #56bdef;
}
.jobListName {
    width:90%;
    margin:0 auto;
    line-height:1.5rem;
    text-align:left;
    background:url(../../../images/recruitment/default/welfareTitle_bg.png) center bottom no-repeat;
    background-size:100% 2px;
    padding-bottom:1%;
    padding-bottom:2%;
    padding-left:2%;
}
.jobListName h1{ color:#000;font-size:1rem;}
.jobListName h2{ color:#305197;font-size:.9rem; font-variant:normal;}
.jobListName h3{ color:#305197;font-size:.8rem; font-variant:normal;}
.jobs_d{
    width:90%;
    font-size:.8rem;
    line-height:1.5rem;
    color:#000;
    text-align:left;
    margin:0 auto;
    padding-top:1.5%;
}
.jobs_Description{
    width:90%;
    font-size:.8rem;
    line-height:1.5rem;
    color:#000;
    text-align:left;
    padding-top:2%;
    background:#fff;
    margin:0 auto;
    overflow:hidden;

}
a.more_jobs{
    display:inline-block;
    width:30%;
    height:30px;
    line-height:30px;
    background:#fff;
    border:1px solid #C60;
    color:#C60;
    font-weight: bold;
    text-align:center;
    margin-left:14%;

}
.jobsTitle {
    height:auto;width:80%;
    position:absolute;
    left:50%;
    top:3%;
    font-size:1.1rem;line-height:1.5rem;
    margin-left:-40%;
    z-index:3;
    color:#fff;
}

.job_submit {
    height:7%;width:50%;
    position:absolute;
    left:50%;
    top:83%;
    font-size:1rem;
    line-height:2.4rem;
    margin-left:-25%;
    z-index:3;
    color:#fff;
    background:url(../../../images/recruitment/default/jobs_bnt.png) center center no-repeat; background-size:100% 100%;


}
.job_submit a{ float:left; height:100%; width:100%;color:#fff;}
/*最后一屏*/
.weizhao_end {
    height:auto;width:30%;
    position:absolute;
    left:50%;
    top:1%;
    margin-left:-15%;
}
.job001_logo {
    height:auto;width:40%;
    position:absolute;
    left:50%;
    top:80%;
    margin-left:-20%;
}
.search_box {
    height:6%;width:86%;
    position:absolute;
    left:50%;
    top:25%;
    margin-left:-43%;
    font-size:.8rem;
    line-height:1.5rem;
    color:#949494;
}
.search_box .search_input {
    width:60%; height:30px; vertical-align:top; border-radius:5px; color:#949494;font-size:.9rem;line-height:30px; background:#d3d3d3; background-size: auto 60%; border:0; padding:1% 5%;}
.search_box .search_btn { position:absolute; right:15%; top:0;
    width:5%; height:30px; vertical-align:top; border-radius:5px; color:#949494;font-size:.8rem;line-height:30px; background:#d3d3d3 url(../../../images/recruitment/default/search_icon.png) center center no-repeat; background-size: auto 60%; border:0; padding:1% 5%;}

.like_bnt {
    height:50px;width:86%;
    position:absolute;
    left:50%;
    top:40%;
    margin-left:-43%;
    font-weight:bold;
    line-height:30px;
    font-size:.8rem;
    z-index:8;

}
.like_com{	height:50px;width:86%;
    position:absolute;
    left:50%;
    top:35%;
    margin-left:-43%;
    font-weight:bold;
    line-height:30px;
    font-size:.8rem;
}
.like_com span{ color:#f00;}
.praise{ position:absolute; width:15%; margin-left:-10%; left:50%;
    margin:1em 0 3em;
    color:#333;
    /* css3 */
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#fff;
    top:-10%;
    background-color: rgba(48, 81, 151, .5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: myOutTop .5s both ease-in;
    animation: myOutTop 2s ease both;

}
@-webkit-keyframes myOutTop {
    from { }
    to {opacity: 0;-webkit-transform: translateY(-100%); transform: translateY(-100%); }
}
@keyframes myOutTop {
    from { }
    to { opacity: 0;-webkit-transform: translateY(-100%); transform: translateY(-100%); }
}
.praise:before {
    content:"";
    position:absolute;
    bottom:-6px; /* value = - border-top-width - border-bottom-width */
    left:30%; /* controls horizontal position */
    border-width:6px 6px 0;
    border-style:solid;
    border-color:#305197 transparent;
    display:block;
    width:0;
    opacity:.5;
}

.share_bnt {
    height:50px;width:86%;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-43%;
    font-weight:bold;
    line-height:50px;
}
.share_bnt_input,.like_bnt_input{width:70%; height:80%; vertical-align:top;font-weight:bold; color:#3962ad;font-size:.9rem;line-height:1.5rem; background:#FFF url(../../../images/recruitment/default/share_bntBg.png) center center no-repeat; background-size:100% 100%; border:0;
}
.like_bnt_input{ color:#f00;}
.create_bnt {
    height:50px;width:86%;
    position:absolute;
    left:50%;
    top:60%;
    margin-left:-43%;
    font-weight:bold;
    font-size:.8rem;line-height:50px;
}
.search_box_key{width:70%; position:absolute;margin-left:-35%;left:50%;z-index:10;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.search_box_key ul{border:1px solid #ccc;border-top: none;border-bottom: none;}
.search_box_key li{ background:#fff; border-bottom:1px solid #ccc; text-align:left; line-height:30px; padding:0 5%;}
.search_close{width:20px; position:absolute; height:20px; top:22%; right:18%;}
.layer_div {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../../images/recruitment/default/layer.png) center no-repeat;
    background-size: 320px auto;
    background-color: rgba(0,0,0,.75);
    z-index: 999;}

/*slider*/
.picScroll{ position: absolute;
    height:65%;width:100%;
    position:absolute;
    left:50%;
    top:13%;
    margin-left:-50%;
    overflow:hidden;

}
.picScroll .bd{height:68%; overflow:hidden; }
.picScroll .bd ul{ width:90%; float:left;}
.picScroll .bd li{ width:95%; margin:0 auto; float:left;overflow:hidden;float:left; font-size:14px; text-align:center; margin:0 0 0 5%;height:1000px;}
.picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.picScroll .hd{ height:40px; line-height:40px; display:none; text-align:left;  padding:0 10px;  }
.picScroll .hd ul{ float:right; padding-top:16px;   }
.picScroll .hd li{ float:left; width:8px; height:8px; background:#D0D0D0; margin:0 5px; overflow:hidden;
    -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.picScroll .hd .on{ background:#80BD6D;  }
.jobs_page{ font-size:.9rem; color:#fff; position:absolute;  top:9%; left:5%;text-align:left;}
.jobs_page span{ color:#f00}