/*reset*/
*{box-sizing: border-box;zoom:1!important;}
html,body{
    width: 100%;
    height: 100%;
    position: relative;
}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
body{margin: 0; padding: 0; background:#fff; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif;position: relative;}
input:focus {outline: none;}
html,body{height:100%;}
a{text-decoration: none; outline:none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none;color:#333; text-decoration: none;  blr:expression(this.onFocus=this.blur());}
a:hover{color: #34c2db; outline:none; text-decoration: none;}

/*index*/
.content-basic{
    background: #f9f9f9;
    min-height: 100vh;
	padding-top:49px;
}
.content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 10px;
    background: #fff;
}
.header-left{
    display: flex;
    align-items: center;
	padding:10px 0 ;
}
.header-left img{
    width: 180px;
    height: auto;
}
.header-left p{
    font-size: 16px;
    color:#909399
}
.card_tit  {border: 0 none;display: flex;align-items: center; background: transparent;margin-bottom:35px;}
.card_tit h1 {border-left: solid 3px #0f62fe;display: block;line-height: 1;padding-left: 0.5em;font-size:22px;font-weight: bold;color: #0f62fe;}
.card_tit:after {content: '';border-top: dashed 1px #ccc;display: block;flex: auto;margin-left:5px;}
.header-right{
    display: flex;
    align-items: center;
	margin-right:50px;
}
.header-right li a{
    color:#666;
    padding:10px 20px;
    font-size: 18px;
}
.header-right li a:hover{
    color:#000;
}
.header-right li a.active{
    color:#006fff;
    font-weight: bold;
}
.banner img{
    width: 100%;
}
.footer{
	height: auto;
	overflow: hidden;
    text-align: center;
    padding: 25px 0;
	background: #006fff;
	color:#fff;
	
}
.footer img{
		display: block;
		margin:0 auto;
	}
.container{
    width: 1180px;
    margin:20px auto;
	background:#fff;
	padding:40px;
}
.intr{
}
.intr img{
    margin:20px auto;
    width:100%;
	max-width:1090px;
    display: block;
}
.intr p{
    font-size: 15px;
    line-height: 2;
	color:#333;
	text-indent: 2em;
}
.title{
    color: #006fff;
	font-weight: bold;
    font-size:24px;
    position: relative;
    padding:16px 40px;
    background: #fff;
    border-bottom: 1px solid #eee;

}
.title:before{
    content: '';
    position: absolute;
    left:20px;
    top:50%;
    transform: translate(0,-50%);
    border:6px solid transparent;
    border-left-color:#006fff ;
}
.jobs{
    margin: 20px 0;
}
.jobs .nav-tabs{
    display: flex;
	height: auto;overflow: hidden;
    flex-direction: column;
    align-items: center;
    width: 300px;
    margin-right: 20px;
	background: #fff;
	border-radius:10px;
	padding:15px 10px;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.jobs .nav-tabs li{
    width: 100%;
}
.jobs .tab-content{
    flex:1;
}
.jobs .nav-tabs li a{
    font-size: 18px;
}
.jobs .nav-tabs li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    padding:16px;
    border-bottom: 1px solid #eee;
    color:#222;
    border-radius: 0;
}
.jobs .nav-tabs li a span{
    font-size: 16px;

}
.jobs .nav-tabs li a img{
    width: 16px;
    height: auto;
}
.jobs .nav-tabs>li.active>a,.jobs .nav-tabs>li.active>a:focus,.jobs .nav-tabs>li.active>a:hover{
    border:none;
    border-bottom:1px dashed #eee;
    color:#006fff;
    font-weight: bold;
	padding:15px 5px;
	border-radius:8px;
}
.jobs .nav-tabs li a:hover{
	background:#d7e8ff;
}
.job-detail{
    line-height: 1.8;
}
.job-detail h3{
    font-size: 18px;
    font-weight: bold;
    margin-bottom:10px;
}
.job-detail h4{
    font-size: 16px;
    font-weight: bold;
    margin:10px 0;
}
.job_list{height: auto;overflow: hidden;}
.job_list li{height:auto;overflow: hidden;background: #f8f8f8;}
.job_list li .list_dorp{ width:185px; height:47px;line-height:47px;border:1px #333 solid; overflow: hidden; display: flex; justify-content:center; align-items:center; float: right;  transition:all 0.6s ease;margin-top:-0.5rem;}
.job_list li .list_dorp em{width:20px; height:15px; background:url(https://img.bosszhipin.com/static/file/2022/icon-chengdu-arrow_down.png) no-repeat center center;  transition:all 0.6s ease;}
.job_list li .list_dorp span{font-size:0.85rem; color: #333; margin-right:0.5rem;}
.job_list li a.list_top{width:100%; height:auto; overflow:hidden; display: block; position: relative; text-align: left; padding:1.5rem 1rem 1rem 1rem;}
.job_list li a.list_top::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);display: block;width: 2px;height: 1rem;overflow: hidden;background: #333;border-radius: 10px;}
.job_list li a.list_top h3{font-size:1rem; color:#333; padding-left:0.75rem ;}

.job_list li a.list_top:hover > h3{
    opacity: 0.8;
}

.job_list li a.list_top .list_dorp:hover em,
.job_list li a.list_top .list_dorp:hover span,
.job_list li a.list_top .list_dorp span:hover {
    opacity: 0.8;
}


.job_list li a.list_top p{font-size:0.7rem; color:#999; margin:0 0 0 1rem;}
.job_list li .list_btn {height:auto;overflow: hidden; padding:0.75rem 0 0 0;  }
.job_list li .list_btn:hover { opacity: 0.8; }
.job_list li .list_btn a{text-align: center;width:8rem; height:2rem;line-height:2rem; background:#0066ff; color:#fff;border-radius:0.5rem; font-size:0.8rem; display:inline-block; border:0; padding:0 2rem; margin:0 0.75rem 0 0; }
/* .job_list li .list_btn a:hover{background:#fff; } */
.job_list li .list_con{height: auto;overflow: hidden; clear: both; padding:0.75rem 2rem 1.5rem 2rem; margin-top:-1rem; text-align: left; display: none; }
.job_list li .list_con strong{font-size:16px;margin-bottom:10px;color:#333; margin-bottom:1rem;}
.job_list li .list_con p{font-size:14px; line-height:2; margin-bottom:10px;color:#333;}
.job_list li .list_con h4{font-size:16px; line-height:2.2; font-weight: bold; color:#fff; padding:1rem 0;}
.job_list li:nth-child(even){}
.job_list li.active .list_dorp{}
.job_list li.active .list_dorp em{transform: rotate(180deg);}
.job_list li.active .list_dorp span{color: #0066ff;}
.job_list li.active a.list_top h3{font-weight: bold; color: #0066ff;}
.job_list li.active a.list_top::before{background: #0066ff; }
.job_list li.nodata{text-align:center; color:#ccc; border:0;}
.job_list li:nth-child(even){background: #fff;}
.btn-blue{
    margin:20px auto;
    background: #409eff;
    display: block;
    font-size: 18px;
    color:#fff;
    width: 80%;
    padding:14px 0;
    text-align: center;
    border:none;
    border-radius: 6px;
}
.btn-blue:hover{
    background: #2e6da4;
}
.nav-tabs>li>a{
    margin-right: 0;
}
.modal-dialog{
    width: 50%;
}
@media (max-width: 760px) {
	#header{display: none;}
	.content-basic{
		padding-top:0;
	}
    .content{
        flex-direction: column;
    }
    .container{
        width: 100%;
        padding:0;
        box-sizing: border-box;
    }
	.header-right{margin-right: 0;}
	.intr{padding:20px 15px;}
	.footer{font-size:0.7rem;}
    .job-detail{
        height: 500px;
        overflow: auto;
    }
	.job .container {
					background: #fff;
					padding: 20px 15px;
				}
	.job_list li a.list_top{padding: 0.6rem 0.5rem 0.5rem 0.5rem;}
	.job_list li .list_dorp{width:4rem;height:1.5rem;margin-top: 3px;}
	.job_list li a.list_top h3{font-size:0.75rem;}
	.job_list li .list_dorp span{font-size:0.65rem;margin: 0;}
	.job_list li .list_dorp em{display: none;}
	.job_list li .list_con{padding:0.8rem 0.5rem;}
	.job_list li a.list_top::before{height:0.8rem;margin-right: 0.3rem;margin-top: 3px;}
	.job_list li .list_btn a{text-align: center}
    .modal-dialog{
        width: 96%;
        position: fixed;
        transform: translate(-50%,-50%);
    }
    .intr img{
        width: 100%;
    }
    .header-left{
        margin-bottom: 16px;
    }
    .jobs .nav-tabs{
        width: 100%;
    }
    .header-left img{
        width: 100px;
        height: auto;
    }
    .header-right{
        margin-bottom: 16px;
    }
    .jobs{
        flex-direction: column;
		padding: 20px 15px;
    }

}