body{background-color: #fff;}
.jobsProBanner{padding: 25px 50px; background: linear-gradient(-135deg, #55ccc8, #667fdd); background-color: #4986E5; color: #fff; margin-bottom: 30px;}
.jobsProBanner h2{font-size: 30px; line-height: 1.5; margin-bottom: 0.3em;}
.jobsProBanner p{font-size: 16px;}
.jobsProBanner img{max-width: 100%;}
.jobsProCon {}
.jobsProCon dl{margin-bottom: 30px;}
.jobsProCon dt{background: #eee; border-radius: 12px 0 0 0;}
.jobsProCon dt span{font-weight: normal; font-size: 18px; background-color: #4986E5; color: #fff; display: inline-block; padding: 8px 20px 8px 15px; border-radius: 12px 0 0 0;}
.jobsProCon dd{margin: 10px 0;}
.jobsProCon dd h5{font-size: 18px; margin: 1em 0 0.5em; line-height: 1.5;}
.jobsProCon dd p{margin: 0;}
.jobsProCon dd img{margin-top: 20px; margin-bottom: 30px; max-width: 80%; border: 1px solid #eee; box-shadow: 0 3px 6px rgba(0, 0, 0, .15);}
.jobsPro_buzhou,.jobsPro_faq{clear: both; overflow: hidden; padding: 10px 0 40px;}
.jobsPro_buzhou {text-align: center;}
.jobsProcon_tit{padding: 30px 0 40px; text-align: left;}
.jobsProcon_tit span{font-size: 24px; border-left: 5px solid #4986E5; padding-left: 15px; display: inline-block;}
.jobsPro_buzhou>ul{margin-left: 5px; text-align: left;}
.jobsPro_buzhou>ul>li{display: inline-block;}
.jobsPro_buzhou>ul>li>div{font-size: 18px; text-align: center; width: 190px; display: inline-block; color: #333; padding: 0; border: 1px solid #ddd; background: #fff;}
.jobsPro_buzhou>ul>li>div span{display: flex; align-items: center; justify-content: center; padding: 0.4em 0; background: #eee;}
.jobsPro_buzhou>ul>li>div>.fa{font-size: 2.6em; display: block; margin: 0.8em 0 0.6em; color: #4986E5;}
.jobsPro_buzhou>ul>li .fa-angle-right{color: #ccc; font-size: 3em; margin: 0 30px; top: -50px; position: relative;}
.jobsPro_buzhou a.btn{background-color: #f60; background-image: linear-gradient(90deg, #494ee5, #8366dd); color: #fff; margin: 35px 5px 13px; border-radius: 50px; font-size: 18px; padding: 8px 60px;}
.jobsPro_buzhou a.btn:hover{opacity: .9;}
.jobsPro_buzhou .colorf60{}
.jobsPro_faq .jobsProInfo{font-size: 18px; margin-bottom: 15px;}
.jobsPro_faq ul{margin: 20px 0;}
.jobsPro_faq h5{font-size: 18px; line-height: 1.5; margin: 10px 30px 0 0; display: inline-block;}
.jobsPro_faq ul p{color: #666;}
.jobsPro_faq h5>i,.jobsPro_faq p>i{font-size: 18px; width: 22px; height: 22px; text-align: center; line-height: 22px; border-radius: 2px; background: #999; color: #fff; display: inline-block; font-style: normal; margin: 0 8px 8px 0;}
.jobsPro_faq h5>i{background: #4986E5;}
.jobsPro_faq a.large-text{color: #4986E5; margin-top: 15px; display: inline-block;}
.jobsPro_faq a:hover{color: #4986E5; text-decoration: underline;}
@media (min-width: 1200px){
	.jobsProBanner h2{margin-top: 15px;}
	.jobsPro_buzhou a.btn{margin-left: -15%;}
	.jobsPro_buzhou .colorf60{margin-left: -15%;}
}
@media (max-width: 1199px){
	.jobsPro_buzhou>ul>li .fa-angle-right{margin: 0 20px;}
}
@media (max-width: 992px){
	.jobsProBanner{padding: 20px 30px;}
	.jobsProCon dd img{max-width: 100%;}
	.jobsPro_buzhou>ul>li>div{width: 160px;}
	.jobsPro_buzhou>ul>li>div>.fa{}
	.jobsPro_buzhou>ul>li{margin: 0 1%;}
	.jobsPro_buzhou>ul>li .fa-angle-right{display: none;}
	.jobsPro_buzhou a.btn{margin-top: 20px;}
	.jobsPro_buzhou ul{margin-left: 0;}
	.jobsPro_buzhou .colorf60{}
}
@media (max-width: 767px){
	body{font-size: 14px !important;}
	.jobsProBanner{padding: 20px 15px; margin-bottom: 20px; border-radius: 0; margin-left: -15px; margin-right: -15px;}
	.jobsProBanner h2{font-size: 20px;}
	.jobsProBanner p{font-size: 14px;}
	.jobsProCon dt span{border-radius: 8px 0 0 0; font-size: 16px;}
	.jobsProCon{padding-left: 15px; padding-right: 15px;}
	.jobsProCon dd h5,.jobsProCon dd p,.jobsPro_faq h5,.jobsPro_faq .jobsProInfo{font-size: 14px;}
	.jobsProCon dd img{box-shadow: none; max-width: 80%;}
	.jobsProcon_tit{padding: 20px 0 30px;}
	.jobsProcon_tit span{font-size: 18px;}
	.jobsPro_buzhou>ul>li{width: 42%; margin: 10px 3%;}
	.jobsPro_buzhou>ul>li>div{width: 100%; font-size: 14px;}
	.jobsProCon dd h5{display: block; margin-right: 0;}
	.jobsPro_faq h5>i,.jobsPro_faq p>i{font-size: 14px; width: 18px; height: 18px; line-height: 18px; margin: 0 5px 5px 0;}
}

.breadcrumb{display: none;}
.btnTop{padding: 0.5em 2em; border-radius: 50px; font-size: 16px; background: #fff; color: #333;}
.inviteBanner .btnTop,.zhidingBanner .btnTop{margin-top: 1em;}
.jipinBanner .btnTop{margin-top: 0.5em;}
@media (max-width: 767px){
	.btnTop{font-size: 14px;}
	.jobsProBanner .btnTop{margin-top: 0;}
}
@media (min-width: 1200px){
	.jobsProBanner.jipinBanner h2,.jobsProBanner.shuaxinBanner h2,.jobsProBanner.zhidingBanner h2,.jobsProBanner.inviteBanner h2{margin-top: 0;}
}
@media (min-width: 768px){
	.btnTop:hover{box-shadow: 0 2px 4px rgba(0,0,0,.2);}
}