.sub-joinus {
 	max-width: 1500px;
 	margin: 8rem auto;
 	padding: 0;
 	background: #f8f9f9;
 }

 .sub-joinus-box {
 	width: 100%;
 	display: flex;
 	flex-direction: row;
 	overflow: hidden;
 	height: 100%;
 }

 .sub-joinus-left {
 	width: 50%;
 	float: left;
 	display: block;
 }

 .sub-joinus-right {
 	padding: 9rem;
 	width: 50%;
 	color: #333333;
 	display: flex;
 	flex-direction: row;
 	align-items: flex-start;
 }

 .sub-joinus-right i {
 	font-size: 6rem;
 	margin-right: 1.7rem;
 }

 .sub-joinus-right h3 {
 	font-size: 4rem;
 	margin-top: 2.2rem;
 }

 .sub-joinus-right p {
 	font-size: 14px;
 	font-family: arial;
 	text-transform: uppercase;
 	color: #666666;
 }

 .sub-joinus-right .info {
 	font-size: 1.8rem;
 	margin-top: 4.3rem;
 }

 .sub-joinus-list {
 	max-width: 1500px;
 	margin: 0 auto;
 	margin-bottom: 8rem;
 }

 .sub-joinus-list .table-header {
 	background: #007bc7;
 	color: #fff;
 	padding: 0 3rem;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	margin-bottom: 1rem;
 	font-size: 1.8rem;
 }

 .sub-joinus-list .table-header>div {
 	line-height: 6rem;
 	padding: 0 2rem;
 }

 .sub-joinus-list .table-header>div.zhiwei {
 	width: 51%;
 }

 .sub-joinus-list .table-header>div.xinzi {
 	width: 12.25%;
 	text-align: center;
 }

 .sub-joinus-list ul {
 	margin: 0;
 	padding: 0;
 }

 .sub-joinus-list ul li {
 	margin-bottom: 1rem;
 	border: #dfdfdf solid 1px;
 }

 .sub-joinus-list ul li .table-header {
 	background: #f8f9f9;
 	color: #333;
 	margin-bottom: 0;
 }

 .sub-joinus-list ul li .table-header i {
 	font-size: 3rem;
 	cursor: pointer;
 }

 .sub-joinus-list ul li .content {
 	border-top: #dfdfdf solid 1px;
 	padding: 3rem 2rem;
 	margin: 0 3rem;
 	color: #666666;
 	line-height: 1.8;
 	display: none;
 }

 .sub-joinus-list ul li .content p {
 	margin-bottom: 3rem;
 }

 .sub-joinus-list ul li .content p:last-child {
 	margin-bottom: 0;
 }

 .sub-joinus-list ul li.open .table-header {
 	background: none;
 }

 .sub-joinus-list ul li.open .table-header i:before {
 	content: "\e638";
 }
@media(max-width:768px) {
	.sub-joinus-box{
		flex-direction:column;
	}
	 .sub-joinus-left,
	  .sub-joinus-right{
	  	width: 100%;
	  }
	  .sub-joinus-right{
	  	padding: 5rem;
	  }
}
@media(max-width:640px) {
	.sub-joinus{
		margin: 4rem auto;
	}
	.sub-joinus-right{
		padding: 3rem;
	}
	.sub-joinus-list .table-header{
		display: none;
	}
	.sub-joinus-list .table-header{
		font-size: 14px;
		flex-direction: column;
	}
	.sub-joinus-list ul li .table-header{
		display: block;
		height: 13rem;
	}
 
	.sub-joinus-list ul li .table-header>div.zhiwei{
		width: 100%!important;
	}
	.sub-joinus-list ul li .table-header>div.xinzi{
		width: 25%;
		float: left;
	}
}
