
@font-face {
    font-family: "PingFangSCRegular";
    src: url("../font/PingFangSCRegular.woff2") format("woff2"),
       url("../font/PingFangSCRegular.woff") format("woff"),
       url("../font/PingFangSCRegular.ttf") format("truetype"),
       url("../font/PingFangSCRegular.eot") format("embedded-opentype"),
       url("https://www.lonve.com/bocstatic/web/fonts/PingFangSCRegular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PingFang Bold";
    src: url("../font/PingFangBold-subfont.woff2") format("woff2"),
       url("../font/PingFangBold-subfont.woff") format("woff"),
       url("../font/PingFangBold-subfont.ttf") format("truetype"),
       url("../font/PingFangBold-subfont.eot") format("embedded-opentype"),
       url("https://www.lonve.com/bocstatic/web/fonts/PingFang%20Bold-subfont.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* @font-face {
  font-family: "PingFangSC-Medium";
  src: url("../fonts/PingFangSC-Medium-subfont.woff2") format("woff2"),
       url("../fonts/PingFangSC-Medium-subfont.woff") format("woff"),
       url("../fonts/PingFangSC-Medium-subfont.ttf") format("truetype"),
       url("../fonts/PingFangSC-Medium-subfont.eot") format("embedded-opentype"),
       url("../fonts/PingFangSC-Medium-subfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
} */
@font-face {
    font-family: "DIN-Regular";
    src: url("../font/DIN-Regular.woff2") format("woff2"),
       url("../font/DIN-Regular.woff") format("woff"),
       url("../font/DIN-Regular.ttf") format("truetype"),
       url("../font/DIN-Regular.eot") format("embedded-opentype"),
       url("https://www.lonve.com/bocstatic/web/fonts/DIN-Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "dinb";
    src: url("../font/dinb.woff2") format("woff2"),
       url("../font/dinb.woff") format("woff"),
       url("../font/dinb.ttf") format("truetype"),
       url("../font/dinb.eot") format("embedded-opentype"),
       url("https://www.lonve.com/bocstatic/web/fonts/dinb.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "Times_New_Roman";
  src: url("../font/Times_New_Roman.woff2") format("woff2"),
       url("../font/Times_New_Roman.woff") format("woff"),
       url("../font/Times_New_Roman.ttf") format("truetype"),
       url("../font/Times_New_Roman.eot") format("embedded-opentype"),
       url("https://www.lonve.com/bocstatic/web/fonts/Times_New_Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
    html {
        font-size: 30px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }
/* 更改placeholder颜色 */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
body{
    overflow: hidden;
}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 30px);
    opacity: 0;
  }
}
@keyframes sdb05 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 30px);
    opacity: 0;
  }
}
.view{
    width: 96%;
    margin: 0 auto;
}
.recruit-box{
    padding: 0rem 26px 0rem;
}
.recruit-box .pub-tit{
    text-align: center;
}
.recruit-box .tab-btns{
    font-size: 0;
    text-align: center;
    margin-top: 1.1rem;
}
.recruit-box .tab-btns a{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: .4rem;
    width: 3.7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    color: #111;
    border:1px solid #cccfcf;
    border-radius: .7rem;
    margin:0 2px;
    font-family: "PingFang Bold";
    transition: all .3s;
}
.recruit-box .tab-btns a.cur{
    color: #fff;
    border-color: #e50012;
    background-color: #e50012;
}
.recruit-wrap{
    margin-top: 0rem;
}
.recruit-list{
    float: center;
    width: 100%%
}
.recruit-list li{
    border:1px solid #cccfcf;
    margin-bottom: .3rem;
}
.recruit-list li:last-child{
    margin-bottom: 0;
}
.recruit-list .tit-box{
    padding:.9rem 1.25rem;  
    font-size: 0;
    position: relative;
}
.recruit-list .tit-box > div{
    display: inline-block;
    *display: inline;
    zoom:1;
    font-size: .45rem;
    /* font-size: .5rem; */
    line-height: 1.15rem;
    color: #222;    
}
.recruit-list .tit-box .staff{
    width: 27.7%;
}
.recruit-list .tit-box .department{
    width: 22%;
    /* width: 31.48%; */
}
.recruit-list .tit-box  .position{

}
.recruit-list .tit-box .btns{
    float: right;
    font-size: 0;
}
.recruit-list .tit-box .btns a{
    display: inline-block;
    *display: inline;
    zoom:1;
    width: 2.85rem;
    line-height: 1.15rem;
    border-radius: .575rem;
    border:1px solid #cccfcf;
    font-size: .4rem;
    line-height: 1.15rem;
    color: #111;
    text-align: center;
    margin-left: 6px;
    transition: all .3s;
}
.recruit-list .tit-box .btns a:first-child{
    margin-left: 0;
}
.recruit-list .sub-box{
    border:1px solid #efefef;
    padding:1.25rem;
    display: none;
}
.recruit-list .sub-box .tit{
    font-size: .55rem;
    line-height: .6rem;
    color: #222;
    float: left;
}
.recruit-list .sub-box .pub-con{
    color: #555;
    float: right;
    width: 79.63%;
    margin-right: 2.77%;
}
.recruit-wrap .right{
    float: right;
    width: 24.375%;
}
