/* 
    Created on : 2020-9-16, 16:08:01
    Author     : Administrator
*/
.jobs-list{
    width:1200px;
    margin: 40px auto;
    margin-top: 0;
}

.jobs-tit{
    width:1200px;
}
.jobs-tit li{
    padding-left: 15px;
    width: 20%;
    height: 45px;
    line-height: 45px;
    text-align: left;
    font-size: 1rem;
    background: #095195;
    color:#ffffff; 
    float:left;
    table-layout: fixed;
    word-break:break-all;
}

.jobs-tit-cl5 li{
    width:20%;
}

.jobs-item{
    margin-top: 20px;
    width: 100%;
    display: table;
}
.jobs-item li{
    padding-left: 15px;
    width: 20%;
    height: 45px;
    vertical-align:middle;
  	display:table-cell;
    text-align: left;
    font-size: .8rem;
    background: #ffffff;
    table-layout: fixed;
    word-break:break-all;
}
.jobs-item-cl5 li{
    width: 20%;
}
.jobs-item .t-fr{
    text-align: right;
    padding-right: 15px;
}

.form-left{
    width:50%;
    float:left;
    /*text-align: center;*/
}
.jobs-join .form-group label{
    font-size: .8rem;
    height: 35px;
    line-height: 35px;
    padding-top: 0;
}
.jobs-join .form-group input{
    background: none;
    height: 35px;
    line-height: 35px;
    padding: 0;
    padding-left:10px; 
    margin-bottom: 0;
}
.jobs-join .form-group input::-webkit-input-placeholder{
    font-size: .8rem;
}
.form-right{
    padding-left: 0;
}
.jobs-join{
    background: #fff;
    padding: 20px 100px;
}
.jobs-join .form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}
.join-line{
    padding: 40px 0;
}
.join-tit{
    width:1200px;
    margin: 0 auto;
    background: #094f93;
    color:#fff;
    text-align: center;
    font-size: 1.2rem;
    padding: 25px 0;
    margin-top: 40px;
}
@media screen and (max-width: 900px){
    .jobs-list{
        width:96%;
    }
    .jobs-tit{
        width:100%;
        background: #095195;
    }
    .jobs-tit li{
        padding-left: 5px;
    }
    .jobs-item{
        display: table;
        
    }
    .jobs-item li{
        float: none;
        padding-left: 0;
        display: table-cell;
        padding: 10px 5px;
        line-height: normal;
        vertical-align:middle;
        font-size: .8rem;
        text-align: center;
    }
    .jobs-item li .btn{
        font-size: .8rem;
    }
    .jobs-join{
        padding: 0;
    }
    .join-tit{
        width:96%;
    }
}

.jobs-info{
    width:1200px;
    margin: 40px auto;
}

.info-tit{
    width:100%;
    padding: 10px 20px;
    background: #095195;
    color:#fff;
}
.info-tit span{
    float:left;
    height: 35px;
    line-height: 35px;
    font-weight: 600;
}
.info-tit .btn{
    float: right;
}

.info-con{
    background: #fff;
    padding: 40px 60px;
}
.info-con p{
    font-size:.8rem;
    color:#222;
}
@media screen and (max-width: 900px){
    .fl-nav{
        margin-top: 20px;
    }
    .jobs-info{
        margin: 20px auto;
        width:96%;
    }
    .info-con{
        padding: 15px;
    }
}
.code-box{
    width:1200px;
    margin: 40px auto;
    background: #095195;
    color:#fff;
    padding: 40px 60px;
}
.s-c-box{
    width:50%;
    float: left;
}
.s-c-box .s-item{
    width:80%;
    margin-left: 10%;
}
.s-c-box .s-item label{
    float:left;
    height: 35px;
    line-height: 35px;
    width:110px;
    text-align: center;
}
.s-c-box .s-item .s-input{
    float:left;
    width:200px;
}
.s-c-box .s-item .s-input input{
    height:35px;
}
.s-c-box .s-item .btn{
    margin-left: 110px;
}
.s-c-code{
    float:left;
    width:40%;
    margin-left:35%;
}
.s-c-img{
    float:left;
    width:120px;
    height:120px;
}
.s-c-img img{
    width:100%;
}
.s-c-info{
    float:left;
    font-size: 1rem;
    padding: 25px 15px;
}
.col-sm-10 b{
    height:35px;
    line-height: 35px;
    font-size:.8rem;
}
@media screen and (max-width: 900px){
    .code-box{
        width:96%;
        padding: 10px;
    }
    .s-c-code{
        float:left;
        width:100%;
        margin-left: 5%;
    }
}