/* your styles go here */
* {
    z-index: 10;
}

body {
    overflow-x: hidden;
}

footer.main-footer a {
    text-transform:none;
}

#navigation > ul li.aboutUs {
    position: relative;
}

#navbar .menu-large.aboutUs {
    position: relative!important;
}

.qrcode {
    position: absolute;
    display:none;
    background: #fff;
    /*padding: 10px;*/
    top: 52px;
    box-shadow: 5px 5px 10px rgba(120,120,120,0.5);
    z-index: 9999;
    width: 140px;
}

.qrcode img {
    width: 120px;
    margin: 10px;
    z-index: 9999;
}

.qrcode div {
    font-size: 12px;
    color: #333;
    font-weight: 600;
    margin: 0 10px;
    text-align: center;
    z-index: 9999;
}

.heading {
    position: relative;
}

.getMore {
    position: absolute;
    right: 0;
    top: -2rem;
}

.getMore img {
    width:4.2rem;
}

#navigation > ul li.aboutUs:hover .qrcode {
    display: block;
}

.main-footer .container .row .bottom-code {
    text-align: center;
}

.main-footer .container .row .bottom-Copyright {
    font-size: 0.9rem;
    color: #aaa;
}

/* 二维码 */
.public {
    display: none;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,0.9);
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 14% 19%;
}

.public-success {
    width: 80px;
}

.public-qrcode {
    width: 180px;
    margin: 20px 0 0 0;
}

.public-success-text {
    color: #fff;
    margin: 20px 0;
    font-size: 16px;
    font-weight: 600;
}

.public div {
    color: #fff;
    margin-top: 10px;
}

.public div.close {
    color: #fff;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    border-radius: 0 0 0 50%;
    background: #666;
}

.dark-mask {
    background: rgba(0, 0, 0, 0.3);
}

#content {
    position: relative;
    z-index: 9;
}

#all .container {
    position: relative;
    z-index: 9;
}

/* 申请 */
.form-apply {
    background:#e9ecef !important;
    position: relative;
}

.form-apply .bar {
    width: 50%;
    margin: 0 auto;
}

.img-apply {
    text-align: center;
    margin-bottom: 0.3rem;
    position: absolute;
    right: 15%;
    top: 10rem;
}

.img-apply div {
    color: #333;
    font-size: 0.9rem;
}

.img-apply img {
    width: 115px;
    margin-bottom: 0.5rem;
}

/* 首页 */
.background_video {
    position: fixed;/* 视频定位方式设为固定 */
    right: 0;
    bottom: 0;/* 视频位置 */
    min-width: 100%;
    min-height: 100%; /* 不会因视频尺寸造成页面需要滚动 */
    width: auto;
    height: auto; /* 尺寸保持原视频大小 */
    z-index: -100; /* z轴定位，小于0即可 */
    -webkit-filter: grayscale(20%);/*添加灰度蒙版，如果设定为100%则视频显示为黑白 */
}

.background-wap {
    position: relative;
    background: #fff;
}

.indexHead #navbar {
    background: unset;
    position: fixed;
    width: 100%;
    z-index: 110;
}

#navbar .navbar-toggler {
    color: #fff;
    border: 1px solid #fff !important
}

/* 轮播图自定义样式 */
.home-carousel .owl-carousel {
    padding-top: 0;
}

.banner .home-carousel .owl-carousel { 
    padding-bottom: 20px;
    position: relative;
}

.banner .owl-carousel .owl-dots {
    margin-top: 20px;
    text-align: center;
    position: absolute;
    bottom: 3rem;
    width: 100%;
}

.owl-item {
    height: 100%;
}

.banner .owl-carousel .owl-item img {
    height: 100%;
    max-height: 700px;
    min-height: 175px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .banner .home-carousel img {
        height: 230px!important;
        max-height: 210px!important;
    }
}

/* 关于我们 */
.about .relative-positioned .container {
    height: 600px;
}

.about .relative-positioned .container .text-uppercase {
    padding-top: 10rem;
}

.about .box-image .overlay ,
.about .box-image h3 ,
.about .box-image p ,
.about .box-image .buttons {
    opacity: 1;
}

.about .box-image .overlay {
    background: rgba(0, 0, 0, 0.3);
}

.about .box-image h3 {
    transform: translateY(0px);
}

.about .icon-outlined.icon-sm {
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 3.8rem;
    font-weight: 100;
    border: 0;
}

.about #message {
    resize: none;
}

/*公司优势内的图片固定缩放为100%*/
/*.target-content img{*/
    /*max-width: 100%;*/
    /*height: auto;*/
/*}*/

/*职业详情的正文颜色*/
.job-detail{
    color: #555;
}