.cate-title-box{width:100%;text-align: center;margin-top:30px;}
.cate-title p{font-size:30px;font-weight: 400; line-height: 100px;}
.cate-title-sub{padding:15px 0;}
.cate-title-sub p{font-size: 14px;line-height: 30px;color:#666666;}

.join-us-top-box{width:100%;display: flex;justify-content: space-between;align-items: center;padding-bottom:20px;}
.join-item{width:450px;position:relative;}
.join-item-top-line{width:100%;height:3px;background:#019BDB;top:-3px;left:0;display: none;position: absolute;}

.join-item-top{width:450px;height:245px;background: url("../img/join_top_bg.jpg");background-size: 100% 100%;padding:35px;box-sizing: border-box;}
.join-item-title{font-size:22px;font-weight: 400;text-align: center}
.join-item-content{margin-top:30px;font-size: 14px;line-height: 25px;color:#666666;}

.join-item-bottom{width:450px;height:180px;overflow: hidden;}
.join-item-bottom img{width:100%;height: auto;}


.job-main{width:100%;background:#F4F5F7;padding:10px 0 10px 0;}
.job-box{width:100%;}
.job-item{width:450px;height:156px;float:left;margin-right:20px;margin-bottom:80px;
    background:url("../img/join_bottom_bg.jpg");background-size: 100% 100%;padding:45px;
    box-sizing: border-box;color:black;}
.job-item:nth-child(3n){margin-right:0;}

.job-item-left{width:45%;float:left;text-align: center;}
.job-title{font-size:28px;line-height: 38px;}
.job-title-sub{font-size: 16px;display: block;width:90%;background:#019BDB;line-height: 20px;text-align: center;color:white;margin:5px auto 0;}

.job-item-right{width:45%;float:right;}
.job-item-right p{font-size:16px;line-height: 30px;}

.job-item:hover{background: url("../img/join_bottom_hover_bg.jpg");color:white;transition: all .5s;}
.job-item:hover .job-title-sub{background:white;color:#019BDB;}


.job-pop{width: 1000px;padding: 50px;display: none;background-color: #fff;position: relative;margin: 0 auto;margin-top: 100px;}
.job-pop .pop-close{position: absolute;right: -20px;top: -20px;width: 40px;}
.job-pop .pop-close img{width: 100%}
.job-pop-top{width: 100%;display: flex;justify-content: space-between}
.job-pop-title{line-height: 40px}
.job-pop-title span{font-size: 22px;font-weight: 600;}
.job-pop-btn{height: 40px;line-height: 40px;padding: 0 20px;color: #fff;background-color: #014DA1;}
.job-pop-btn a{color: #ffffff}
.job-pop-detail{width: 100%;border-top: 2px solid #7D7D7D;border-bottom: 2px solid #7D7D7D; }
.job-pop-info{width: 100%;display: flex;justify-content: flex-start;padding: 20px 0;}
.job-pop-info-item{display: flex;justify-content: flex-start;align-items: center;margin-right: 20px}
.job-pop-info-item img{width: 32px;height: 32px;margin-right: 5px}
.job-pop-info-item span{font-weight: 600}
.jop-pop-content{width: 100%}
.jop-pop-content-title{padding: 10px 0;font-size: 18px;font-weight: 600}
.jop-pop-content-content{line-height: 28px;}

.jop-pop-welfare{width: 100%}
.jop-pop-welfare-title{padding: 10px 0;font-size: 18px;font-weight: 600}
.jop-pop-welfare-content{line-height: 28px;text-indent: 1em}

.job-pop-contact{width: 100%}
.job-pop-contact-title{padding: 10px 0;font-size: 18px;font-weight: 600}
.job-pop-contact-content{width: 100%}
.job-pop-contact-item{display: flex;justify-content: flex-start;align-items: center;padding-left: 16px;line-height: 40px}
.job-pop-contact-item img{width: 25px;height: 25px;margin-right: 15px;}
.job-pop-contact-item span{font-weight: 600}

#applyBox{width:600px;background-color:#fff;padding:10px;top:40%;position:fixed;left:50%;margin-left:-400px;}
#applyBox .title{font-size:22px;border-bottom:1px solid #e2e3e3;height:40px;line-height:40px;
    text-align: center;}
#applyBox ul{width:60%;margin:0 auto;padding-top:40px;}
#applyBox li{height:45px;line-height:45px;}
#applyBox li .l1{width:6em;text-align: right;display:inline-block;}
#applyBox li .l2{width:4em;}
#applyBox .input1{width:200px;border:1px solid #ccc;border-radius: 4px;height:30px;text-indent:10px;}
#applyBox #btnSubmit{width:6em;height:2.5em;line-height: 2.5em;text-align: center;color:#fff;border-radius:5px;
    background-color:#009bdb;border:0;margin:0 auto;cursor: pointer;
}
#applyBox #closeAdd{width:6em;height:2.5em;line-height: 2.5em;text-align: center;color:#fff;border-radius:5px;
    background-color:lightgray;border:0;margin:0 auto;cursor: pointer;}

@media screen and (max-width: 414px){
    /*.main-title,.foot,.copy-right{display:none;}*/
    .main{width: 100%}
    .cate-title-box{margin-top: 0;}
    .join-us-top-box{display: block;}
    .join-item{width: 100%}
    .join-item-top{width: 100%}
    .join-item-bottom{width: 100%}
    .job-main{padding: 10px 0}
    .job-item{width: 100%;margin-bottom: 10px;padding: 45px 20px;}
    .job-pop{width: 95%;padding:20px;position: relative;margin: 0 auto;margin-top: 30px;box-sizing: border-box}
    .job-pop .pop-close{position: absolute;right: -15px;top: -15px;width: 30px;}
    .job-pop-top{display: block}
    .job-pop-info{display: block}
    .job-pop-btn{text-align: center}
    #applyBox{width:90%;margin-left:-47.5%;left:50%;top:30%;}
    #applyBox ul{width:95%;}
}