.join {
	max-width: 96rem;
	margin: 0 auto
}

.join .brand-com-title {
	color: #1f1d1d;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	overflow: hidden
}

.join .brand-com-title h3 {
	font-size: 2.2rem
}




.join .brand-com-title p {
	font-size: 1rem;
	margin: 1.1rem 0;
	text-transform: uppercase
}

.join .brand-com-title div.line {
	width: 3rem;
	margin: 0 auto;
	border-top: 0.1rem solid #edcea2
}


.join .market {
	width: 100%;
	height: 27.75rem;
	background: url(../image/market-bg.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 3.5rem
}

.join .market .market-ys {
	width: 65rem;
	margin: 4.5rem auto 0
}

.join .market .market-ys dl {
	float: left;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 2rem
}

.join .market .market-ys dl dt {
	font-size: 1.5rem;
	color: #1f1d1d;
	font-weight: 700;
	white-space: nowrap
}

.join .market .market-ys dl dt span {
	font-family: Arail;
	font-size: 3rem
}

.join .market .market-ys dl dd {
	font-size: 1rem;
	line-height: 1.2rem;
	margin-top: 2rem;
	color: #5c5b5b
}

.join .why-join {
	width: 100%;
	height: 33rem;
	background: url(../image/mc-join.jpg) no-repeat;
	background-size: 100% 100%;
	padding-top: 5rem
}

.join .why-join .brand-com-title {
	color: #fff
}

.join .why-join .why-list {
	width: 65rem;
	margin: 2rem auto 0
}

.join .why-join .why-list ul.item {
	width: 18.75rem;
	height: 19.25rem;
	padding: 1rem 2rem;
	box-sizing:border-box;
	margin: 0.75rem 0.75rem 0;
	float: left;
	text-align: center;
	color: #fff;
	background: rgba(118, 118, 118, 0.5)
}

.join .why-join .why-list ul.item img {
	max-width: 100%;
	display: inline-block
}

.join .why-join .why-list ul.item .title {
	font-size: 1.3rem;
	margin: 1.5rem auto 1rem
}

.join .why-join .why-list ul.item .detail {
	font-size: 0.8rem;
	line-height: 1.25rem;
	text-align: left
}

.join .today {
	width: 100%;
	padding: 5.5rem 0;
	background: #fff
}

.join .today .today-detail {
	width: 63.5rem;
	margin: 2rem auto 0
}

.join .today .today-detail img {
	width: 28rem;
	height: 20rem;
	border: 1rem solid #f2f2f2
}

.join .today .today-detail .today-intro {
	float: right;
	text-align: left;
	width: 31.5rem;
	color: #1f1d1d
}

.join .today .today-detail .today-intro h3 {
	font-size: 1.3rem;
	margin: 1rem 0
}

.join .today .today-detail .today-intro p {
	font-size: 0.8rem;
	line-height: 1.3rem;
	margin-bottom: 2.75rem
}

.join .deguo {
	width: 100%;
	background: url(../image/jd-bg.jpg) repeat;
	padding: 5.5rem 0;
	text-align: center
}

.join .deguo .roto {
	max-width: 100%;
	margin: 2.5rem auto 2rem
}

.join .deguo .dg-intro {
	width: 39rem;
	margin: 0 auto;
	font-size: 0.8rem;
	line-height: 1.25rem
}

.join .deguo .brand-pic {
	max-width: 100%;
	margin: 1rem auto 0
}

.join .jingsui {
	background: #fff
}

.join .jingsui .why-list {
	width: 62.5rem;
	margin: 2.5rem auto 0
}

.join .jingsui .brand-com-title {
	color: #1f1d1d
}

.join .jingsui .item-bg {
	width: 18.75rem;
	height: 13.5rem;
	background-size: 100% 100% !important;
	float: left;
	margin: .75rem .75rem 0;
	overflow: hidden
}

.join .jingsui .item-bg:hover .item {
	display: none
}

.join .jingsui .item-bg ul.item {
	padding-top: 1.5rem;
	margin: 0;
	height: 13.5rem;
	background: rgba(0, 0, 0, .5)
}

.join .jingsui .item-bg.p1 {
	background: url(../image/p1.jpg) no-repeat
}

.join .jingsui .item-bg.p2 {
	background: url(../image/p2.jpg) no-repeat
}

.join .jingsui .item-bg.p3 {
	background: url(../image/p3.jpg) no-repeat
}

.join .jingsui .item-bg.p4 {
	background: url(../image/p4.jpg) no-repeat
}

.join .jingsui .item-bg.p5 {
	background: url(../image/p5.jpg) no-repeat
}

.join .jingsui .item-bg.p6 {
	background: url(../image/p6.jpg) no-repeat
}

.join .support {
	width: 100%;
	height: 30rem;
	
	padding: 11rem 0 0 0
}

.join .support .support-list {
	width: 59rem;
	margin: 3.25rem auto 0
}

.join .support .support-list ul {
	width: 48%
}

.join .support .support-list ul li {
	width: 100%;
	height: 3.25rem;
	line-height: 3.25rem;
	background: #e0e0e0;
	font-size: 1.1rem;
	text-align: left;
	padding-left: 30px;
	overflow: hidden;
	margin-bottom: 1.75rem
}

.join .support .support-list ul li span {
	width: 6rem;
	height: 3.3rem;
	background: url(../image/mw-bg.png) no-repeat;
	background-size: 100% 100%;
	font-weight: 700;
	color: #fff;
	display: inline-block;

}





.join .yzs {
	width: 100%;
	padding: 3.25rem 0;
	text-align: center;
	background: #fff
}

.join .yzs img {
	max-width: 100%
}

.join .yzs .yzs-pic {
	margin: 2.25rem auto
}

.join .partner {
	width: 100%;
	padding: 3.25rem 0;
	text-align: center;
	background: #1f1d1d
}

.join .partner .brand-com-title {
	color: #fff
}

.join .partner img {
	max-width: 100%;
	margin: 4.5rem auto
}

.map-leave {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.map-leave .map {
	width: 50%;
	height: 30rem;
	float: left;
	overflow: hidden
}

.map-leave .leave {
	width: 50%;
	height: 30rem;
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	padding: 4.5rem 3.25rem 0;
	color: #fff;
	text-align: left;
	background: url(../image/leave-bg.jpg) no-repeat;
	background-size: 100% 100%;
	font-size: 0.7rem
}

.map-leave .leave li {
	margin-bottom: 2rem
}

.map-leave .leave li label {
	width: 3.5rem;
	display: inline-block;
	margin-bottom: .5rem
}

.map-leave .leave li input,
.map-leave .leave li textarea {
	border: 0;
	border-radius: .5rem;
	margin-bottom: .5rem
}

.map-leave .leave li input {
	height: 1.5rem;
	margin-right: 2.5rem
}

.map-leave .leave li textarea {
	width: 23.25rem;
	height: 6rem;
}

.map-leave .leave li button {
	width: 5.5rem;
	line-height: 1.5rem;
	color: #fff;
	font-size: 1rem;
	background: #4d4d4d;
	border-radius: .5rem;
	border: 0;
	margin-left: 12.5rem
}

.map-leave .leave .title {
	font-size: 1.5rem;
	margin-bottom: 1.25rem
}

.map-leave .leave .tips {
	font-size: 1rem
}