.indexMain{
    position:relative;
    width:100%;
    height:calc(100vh);
}
.imgSlider{
    position: absolute;
    z-index: 1;
}
.imgSlider img{
    width:100%;
    height:100%;
}
.imgSliderSub{
    position: relative;
    overflow: hidden;
}
.imgSliderSub .bgVideo-dimensions{
    position: absolute;
    width: 100%;
    height: 100%;
}
.imgSliderSub .bgVideo-dimensions .vjs-tech{
    width: 100%;
}
.titleBg{
    width:100%;
    position:absolute;
    z-index:1;
    left:0;
    top:10%;
    background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.3));
}
.desc{
    position:absolute;
    top:30%;
    left:50%;
    margin-left:-366px;
    margin-top:50px;
}
.slogan{
    position: absolute;
    top: 30%;
    left: 50%;
    width: 735px;
    margin-left: -377px;
}
.apply{
    width: 200px;
    height:56px;
    background:rgba(255,255,255,0.17);
    border-radius:28px;
    position:absolute;
    /*top:60%;*/
    left:50%;
    margin-left:-100px;
}
.apply>span:first-child{
    position: absolute;
    width: 80px;
    height:27px;
    font-size:20px;
    font-weight:600;
    color:rgba(255,255,255,1);
    top: 14px;
    left: 46px;
}
.applyImg{
    float: right;
    margin-right: 45px;
}
.applyImg img{
    width: 17px;
    height: 12px;
    position: relative;
    top: 22px;
}
.orderList{
    position:absolute;
    bottom:15%;
    left: 50%;
    margin-left: -420px;
}
.orderItem{
    display:inline-block;
    width:58px;
    height:2px;
    border-radius:2px;
    background:#fff;
    opacity:0.2;
    margin:16px 13px;
}
.orderItemDetail{
    display:inline-block;
    text-align:center;
    color:#fff;
}
.orderItemDetail font{
    font-size: 14px;
}
.orderNum{
    display:inline-block;
    width:28px;
    height:28px;
    text-align:center;
    line-height:28px;
    font-size:12px;
    font-weight:D-DIN;
    color:rgba(255,255,255);
    border-radius:50%;
    background:rgba(255,255,255,0.2);
    margin-bottom:8px;
}
.downIcon{
    position:absolute;
    bottom:0;
    left:50%;
}
.downIcon-inner{
    width: 10px;
    height: 13px;
    margin-left: -5px;
    bottom: 0;
    margin-bottom: 27px;
    cursor: pointer;
}
.downIcon-outer{
    width: 22px;
    height: 45px;
    /*position: absolute;*/
    bottom: 0;
    /*left: 50%;*/
    margin-left: -11px;
    cursor: pointer;
}
.downIcon-tips{
    position: absolute;
    bottom: 5%;
    left: 52%;
    color: #fff;
    font-size: 14px;
}
.diffRecruit{
    width:100%;
    background:#fff;
    padding:50px 53px;
    box-sizing:border-box;
}
.recruitItem{
    width:1260px;
    height:372px;
    position:relative;
    margin:0 auto 60px;
    border-radius:8px;
}
.recruitItem:last-child{
    margin-bottom:0;
}

/* .itemFirst{
    background:url('../images/recruit5.png') no-repeat 70% 30%;
}
.itemSecond{
    background:url('/image/clients/Index/recruit7.png') no-repeat 30% 95%;
}
.itemThird{
    background:url('/image/clients/Index/recruit3.png') no-repeat 70% 80%;
}
.itemfourth{
    background:url('/image/clients/Index/recruit4.png') no-repeat 70% 80%;
} */

.recruitBg{
     width:100%;
     height:100%;
     background:rgba(0,0,0,0.1);
     position:absolute;
     left:0;
     top:0;
 }
.hoverBg{
    /*background:rgba(51,112,255,0.8)!important;*/
}
.titleStyle{
    position:absolute;
    color:#FFFFFF;
    font-family: YouSheBiaoTiHei;
    left:80px;
    z-index:10;
}
.zhTitle{
    font-size:36px;
    top:55px;
}
.enTitle{
    font-size: 20px;
    top: 120px;
}
.recruitTitle{
    display:none;
    top:200px;
    font-size:16px;
    font-family:D-DIN;
    font-weight:400;
    color:rgba(255,255,255,1);
    opacity:1;
}
.recruitBtn{
    display:none;
    top:267px;
    width:208px;
    height:56px;
    border:1px solid rgba(255,255,255,1);
    opacity:1;
    border-radius:28px;
    text-align:center;
    line-height:56px;
    font-size:16px;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    cursor:pointer;
	background: initial !important;
}

.blackStyle{
    /*filter:grayscale(1);*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
    filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
}
