/*job*/
.job{background-color: #f8f9fa}
.joblist{
    background-color: #fff;padding:30px;
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #ddd;border-top: none;
}
.joblist h4{font-size: 22px;color:#495057;font-weight:550;position: relative;padding: 15px 0;margin: 0 0 10px 0;}
.joblist h4:after{
    content: '';
    position: absolute;
    width: 5px;height: 22px;
    background-color: #00639a;
    left:-30px;top:16px;
}
.joblist h4:before{
    content: '';
    position: absolute;
    width: 100%;height: 1px;
    background-color: #eee;
    left:0;bottom: 5px;
}
.jobinfo-ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content:space-between;
    -o-justify-content: space-between;
    justify-content:space-between;
    margin: 10px 0 30px 0;
    border-left: 1px solid #eee;
    border-top:1px solid #eee;
    background-color: #fff;
    border-radius: 6px;
}
.joblist .jobinfo-ul li{width: 25%;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    background-color: rgba(0,0,0,0.02);
    padding: 10px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;position: relative;
    margin: 0;}
.joblist .jobinfo-ul li:nth-child(2n){background-color: #fff;}
.joblist .jobinfo-list{padding: 10px;}
.joblist .jobinfo-list li{line-height: 30px;font-size:14px;color: #666; }
.nav-tabs{}
.nav-tabs li{}
.nav-tabs li a{font-size: 18px;padding: 10px 25px;font-weight: 550;color: #495057}
.nav-tabs li a:hover{color:#00639a}
.tab-content{margin-bottom: 50px;}

/*showjob*/
.showjob{}
.showjob h3{font-size:25px;font-weight: 600;color:#212529;position: relative;margin: 20px 0;padding-bottom: 20px;}
.showjob h3:after{
    content: '';
    position: absolute;
    width: 30px;height: 3px;
    background-color: #00639a;
    left:0;top:-20px;
}
.showjob h3:before{
    content: '';
    position: absolute;
    width: 100%;height: 1px;
    background-color: #eee;
    left:0;bottom: 5px;
}
.showjob .info-text{padding:20px 0}
.showjob .info-text p{font-size: 18px;line-height:36px;color:#495057;text-align:justify; text-justify:inter-ideograph;}
.showjob .info-text p:last-child{border-bottom: none;margin-bottom:20px;}
.showjob .info-mail{font-size:18px;line-height:36px;color:#495057;padding: 0 0 20px 0 }
.showjob .info-mail i{background-color:#00639a;display:inline-block;width: 35px;height:35px; border-radius: 50%;color: #fff;font-size: 18px;line-height: 35px;text-align: center;margin-right: 10px;}

@media (max-width: 992px) {
    .job{background-color: #fff;}
    .job .page-nav .page-nav-ul li{width: 100%;}
    .showjob{margin:0 auto}
    .showjob h3{font-size:2.2rem;padding: 10px 0;margin: 0 0 10px 0;font-weight: 700;}
    .showjob h3:after{width: 30px;height: 2px;left:0;top:-5px;	}
    .showjob h3:before{bottom: 5px;}
    .showjob .info-text{padding:25px 0 0 0}
    .showjob .info-text p{font-size: 1.4rem;letter-spacing: 0;line-height:2.2rem;margin: 0 0 10px 0;padding: 0 0 10px 0;}
    .showjob .info-mail{font-size:1.4rem;line-height:2.2rem;padding: 0 0 10px 0 }
    .showjob .info-mail i{width:26px;height:26px;font-size: 1.4rem;line-height:26px;margin-right:2px;}

    .joblist{padding:0;margin:0;}
    .joblist{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border:none;}
    .joblist h4{font-size: 1.8rem;padding:20px 0;margin: 0 0 10px 0;font-weight:550;}
    .joblist h4:after{display: none}
    .joblist h4:before{bottom: 5px;	}
    .jobinfo-ul{margin: 10px 0 30px 0;border-radius:0;}
    .joblist .jobinfo-ul li{padding: 5px 5px;}
    .joblist .jobinfo-list{padding: 10px;}
    .joblist .jobinfo-list li{line-height:2.2rem;font-size:1.3rem; }
    .nav-tabs{margin: 10px 0 0 0;flex-wrap: wrap;border: none;}
    .nav-tabs li{width: 100%;border: none;margin-bottom:5px; }
    .nav-tabs li a{font-size:1.6rem;padding:15px 15px;background-color: #f1f3f5;}
    .nav-tabs li.active a,.nav-tabs li.active a:hover{background-color:#00639a; color: #fff;border: none;border-radius: 0}

}