body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* S背景 */
.join-bg{}
	.join-bg .bg-container{}
		.join-bg .bg-container img{
			position: absolute;
		}
		.join-bg .bg-container .bg-pic1{
			top: -10vh;
			left: 18vw;
			height: 30vh;
		}
		.join-bg .bg-container .bg-pic2{
			top: -14vh;
			right: 23vw;
			height: 26vh;
		}
		.join-bg .bg-container .bg-pic3{
			left: -3vw;
			bottom: 10vh;
			height: 40vh;
		}
		.join-bg .bg-container .bg-pic4{
			left: 30vw;
			bottom: 24vh;
			height: 30vh;
		}
		.join-bg .bg-container .bg-pic5{
			right: -5vw;
			bottom: 40vh;
			height: 30vh;
		}
		.join-bg .bg-container .bg-pic6{
			right: 13vw;
			bottom: 12vh;
			height: 17vh;
		}
/* E背景 */

/* S分公司信息 */
.join-top{
	position: absolute;
	height: 75%;
	width: 100%;
}
	.join-top .top-container{
		height: 100%;
		width: 100%;
	}
		.join-top .top-container .left{
			width: 50%;
			height: 100%;
			position: relative;
		}
			.join-top .top-container .left .pic{
				position: absolute;
				width: 80%;
				height: 60%;
				top:55%;
				right: 0;
				transform: translate(0, -50%);
			}
				.join-top .top-container .left .pic .citypic-wrapper{
					height: 100%;
				}
					.join-top .top-container .left .pic .citypic-wrapper>li{
						height: 100%;
						background-position: center;
						background-size: cover;
					}
			
		.join-top .top-container .right{
			width: 46%;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
		}
			.join-top .top-container .right .right-container{
				height: 60%;
				width: 46vw;
				position: absolute;
				top: 55%;
				transform: translate(0, -50%);
				overflow: visible;
			}
				.join-top .top-container .right .right-container .cityinfo-wrapper{

				}
					.join-top .top-container .right .right-container .cityinfo-wrapper>li{

					}
			.join-top .top-container .right .right-container .con{
				margin-bottom: 7rem;
			}
			
			.join-top .top-container .right h1{
				margin-bottom: 2.4rem;
			}
				.join-top .top-container .right h1 span{
					font-size: 2rem;
					color: #a3a3a3;
				}
				.join-top .top-container .right h1 .company{
					color: #FF4200;
				}
				.join-top .top-container .right h1 .city{
					color: #fff;
				}
			.join-top .top-container .right .des{
				font-size: 1.4rem;
				line-height: 2.1rem;
				color: #fff;
				width: 80%;
				text-align: justify;
			}
			.join-top .top-container .right .contact{
				display: flex;
			}
				.join-top .top-container .right .contact .contact-left{
					width: 55%;
				}
					.join-top .top-container .right .contact .contact-left>ul{}
						.join-top .top-container .right .contact .contact-left>ul>li{
							display: flex;
							align-items: center;
						}
						.join-top .top-container .right .contact .contact-left>ul>li:nth-child(1){
							margin-bottom: 2rem;
						}
							.join-top .top-container .right .contact .contact-left>ul>li .icon{
								margin-right: 1.6rem;
							}
								.join-top .top-container .right .contact .contact-left>ul>li .icon img{
									display: block;
									width: 3rem;
									height: 3rem;
								}
							.join-top .top-container .right .contact .contact-left>ul>li .info{
								font-size: 1.4rem;
							}
								.join-top .top-container .right .contact .contact-left>ul>li .info h5{
									color: #787878;
									margin-bottom: 0.8rem;
								}
								.join-top .top-container .right .contact .contact-left>ul>li .info p{
									color: #fff;
								}
				.join-top .top-container .right .contact .contact-right{
					width: 45%;
				}
					.join-top .top-container .right .contact .contact-right>ul{
						display: flex;
					}
						.join-top .top-container .right .contact .contact-right>ul>li{
							padding-right: 1.8rem;
						}
							.join-top .top-container .right .contact .contact-right>ul>li img{
								display: block;
								width: 10rem;
								height: 10rem;
								margin-bottom: 1rem;
							}
							.join-top .top-container .right .contact .contact-right>ul>li p{
								font-size: 1.4rem;
								color: #666;
								text-align: center;
							}
/* E分公司信息 */

/* S分公司选项 */
.join-bot{
	position: absolute;
	height: 25%;
	width: 100%;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	display: flex;
	justify-content: center;
	align-items: center;
}
	.join-bot .bot-container{
		width: 80%;
		height: 70%;
	}
		.join-bot .bot-container .citylist-swiper{
			height: 100%;
		}
			.join-bot .bot-container .citylist-swiper .city-wrapper{
				display: flex;
				justify-content: space-between;
				height: 100%;
			}
				.join-bot .bot-container .citylist-swiper .city-wrapper>li{
					width: 23%;
					height: 100%;
					background-position: center;
					background-size: cover;
					cursor: pointer;
				}
					.join-bot .bot-container .citylist-swiper .city-wrapper>li .zhezhao{
						width: 100%;
						height: 100%;
						background-color: rgba(0,0,0,0.6);
						display: flex;
						flex-direction: column;
						justify-content: center;
					}
					.join-bot .bot-container .citylist-swiper .city-wrapper>li.active .zhezhao{
						display: none;
					}
						.join-bot .bot-container .citylist-swiper .city-wrapper>li .zhezhao h5{
							font-size: 3rem;
							color: #fff;
							text-align: center;
							margin-bottom: 1rem;
						}
						.join-bot .bot-container .citylist-swiper .city-wrapper>li .zhezhao .pinyin{
							font-size: 2rem;
							color: rgba(255,255,255,0.6);
							text-align: center;
						}
/* E分公司选项 */