.join_banner{background: url(../images/join_banner.jpg) center 0 no-repeat; background-size: cover; }

.join_txt{text-align: center;}
.join_txt h3{margin-top: 30px; line-height: 30px; font-size: 22px;color: #333;}
.join_txt p{font-size: 14px; color: #666; line-height: 25px;}

.join_imgs{margin-top: 50px;}
.join_slide .swiper-slide{text-align: center;}
.join_slide .swiper-slide .img{border: 3px solid #ccc; border-radius: 3px;}
.join_slide .swiper-slide img{width: 100%;}
.join_slide .swiper-slide h3{font-size: 20px; color: #053B95;}
.join_slide .swiper-slide p{font-size: 14px; color: #999;}
.join_slide .swiper-slide p.p1{padding-top: 10px;}

.join_slide .swiper-slide.active .img{border: 3px solid #053B95;}

.join_box .hd{margin: 60px 0 70px;}
.join_box .hd h2{position: relative; margin: 0 auto;  font-size: 30px; color: #053a95; font-weight: bold; text-align: center;}
.join_box .hd h2 i{display: inline-block; width: 8px; height: 30px; background: #053a95; position: relative; top: 4px; margin: 0 8px;}
.join_box .hd h2:after{content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;border-top:17px solid #053a95; left: 50%; margin-left: -10px; position: absolute; top: 60px;}
.hd.t1{margin: 60px 0 70px;}
.hd.t1 h2{position: relative; margin: 0 auto;  font-size: 30px; color: #053a95; font-weight: bold; text-align: center;}
.hd.t1 h2 i{display: inline-block; width: 8px; height: 30px; background: #053a95; position: relative; top: 4px; margin: 0 8px;}
.hd.t1 h2:after{content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;border-top:17px solid #053a95; left: 50%; margin-left: -10px; position: absolute; top: 60px;}

.join_box .jobs_nav{float: left; width: 20%; padding: 16px 0;}
.jobs_nav .swiper-slide{cursor: pointer; margin-bottom: 8px; min-height: 30px;}
.jobs_nav .swiper-slide.active{ color: #053B95; text-decoration: underline;}
.join_box .jobs_con{float: right; width: 80%;}
.join_box .jobs_con h3{font-size: 20px; color: #333; padding-bottom: 20px; border-bottom: 1px dashed #ccc; margin-top: 0; margin-bottom: 20px;}
.join_box .jobs_con p{font-size: 12px; color: #666; line-height: 25px;}
.scroll-container{height: 375px;}
.scroll-container .swiper-slide{height: auto;}
.jobs_nav .nav-prev{width: 0;height:0;border-left: 7px solid transparent; border-right:7px solid transparent; border-bottom: 8px solid #666; position: absolute; top: 0; left: 0;}
.jobs_nav .nav-next{width: 0;height:0;border-left: 7px solid transparent; border-right:7px solid transparent; border-top: 8px solid #666; position: absolute; bottom: 0; left: 0;}
.swiper-container-vertical>.swiper-scrollbar{right: 0; width: 2px;}

#map{width:100%;height:500px;border:#ddd solid 1px;font-size:12px}
.address{margin: 10px 0; font-size: 16px;}
.address p{float: left; margin-right: 100px; color: #999; background: #fff;}

.pc-padd{padding: 20px;background: #fafafa;}
.address span{color: #333;}
@media(min-width: 1199px){
	.address p{margin-right: 100px;}
	.address p:last-child{float: right;margin-right: 0;}
}
@media(max-width: 992px){
	.sec_banner h2{padding: 100px 0;}
	.join_box .jobs_nav{float: left; width: 30%;}
	.join_box .jobs_con{float: right; width: 68%;}
	#map{width:100%;height:400px;border:#ddd solid 1px;font-size:12px}
	.pc-padd{padding: 10px;}
}
@media(max-width: 767px){
	.sec_banner h2{font-size: 36px;letter-spacing:2px;}
	.join_txt h3{margin-top: 20px; line-height: 22px; font-size: 16px;color: #333;}
	.join_txt p{font-size: 14px; color: #666; line-height: 25px;}
	#map{width:100%;height:300px;border:#ddd solid 1px;font-size:12px}
}