body{ background-color:#F7F8FA}
.insidemain{
	background: #F7F8FA;
	overflow: hidden;
	width: 100%;
}
.wid{ width:1300px; margin:0px auto;}

.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}


.joinusbox{
	overflow: hidden;
	width: 100%;
	padding: 50px 0;
}
.joinus_list{
	width: 100%;
	float: left;
	margin-bottom: .4rem;
}
.joinusbox li{
	float: left;
	width: 100%;
	padding:50px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	transition: all .4s;
	background:#fff;
	margin-bottom: 20px;
}
.joinusbox li .contextbox{
	overflow: hidden;
	width:100%;
	cursor: pointer;
	transition: all .3s;
	/*background-image: url(/img/joinus_icon.png);  00000000000000000*/
	background-image: url(/img/joinus_icon2.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.joinusbox li.on .contextbox{
	background:url(/img/joinus_icon2.png) no-repeat right center;	
}
.joinusbox li .post{
	font-size: 24px;
	color: #333333;
	position: relative;	
	padding-bottom:10px;
	padding-right:10px;
	/* height: .5rem; */
}
.joinusbox li .post:after{
	content:"";
	width: 1px;
	height: 100%;
	position: absolute;
	top:0;
	right: 0;
	/*background: #dddddd;*/
}
.joinusbox li .post:before{
	content:"";
	width:40px;
	height:2px;
	position: absolute;
	bottom:0;
	left: 0;
	background: #004893;
}

.joinusbox li .postdes{ width:100%; overflow:hidden; padding-left:10px;}


.joinusbox li .postdes dl{
	padding-left:7px;
}
.joinusbox li .postdes dd{
	float: left;
	font-size: 14px;
	color: #666666;
	padding-right:70px;
	line-height: 30px;
}
.joinusbox li .postdes dd:last-child{
	padding-right: 0;
}
.joinusbox li .textbox{
	width: 100%;
	float: left;
	padding-left:24px;
	line-height: 30px;
	font-size: 14px;
	/*display: none;       0000000000000*/
	padding-top: 40px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
.joinusbox li .textbox strong{
	font-size: 18px;
	color: #0058ae;
	padding-bottom: 5px;
	/*display: block;*/
}
.joinusbox li .textbox .bbu{
	float:left;
}
.joinusbox li .textbox .bbu a{
	display:inline-block;
	padding: 30px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background: #7bc9ea;
	border-radius: 3px;
	transition: all .3s;
}
.joinusbox li .bbu a:hover{
	background: #0058ae;
}


@media screen and ( max-width:1680px ){
	.wid{
		
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}

}
@media screen and ( max-width:640px ){
.joinusbox{
	padding: 50px 0 10px 0;
}
.joinusbox li .postdes{ padding-left:0px;}
.joinusbox li .postdes dl{
	padding-left:0px;
}
.joinusbox li .postdes dd{	
	padding-right:0px;

}
.joinusbox li .contextbox{

	background-image: url(/img/joinus_icon.png);
	background-repeat: no-repeat;
	background-position: right top;	
}
.joinusbox li.on .contextbox{
	background:url(/img/joinus_icon2.png) no-repeat right top;	
}


.joinusbox li{
		padding: 18px;
	}
.joinusbox li .post:after{
	background: none;
}	
	
	.joinusbox li .post:before{
		width: 30px;		
		
	}
	.joinusbox li .post{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.joinusbox li .postdes dd{
		font-size: 14px;
		line-height:28px;
	}
	.joinusbox li .textbox strong{
		font-size: 15px;
		line-height:28px;
	}
	.joinusbox li .postdes dd{ padding-right:12px;}	
	.joinusbox li .textbox{
		font-size: 14px;
		line-height: 25px;
		padding-left:5px;
	}
	

	
	
	
	}
	
/*分页导航*/
.fy_daohang{ width:1300px; margin:auto; border-bottom:1px #cccccc solid; line-height:70px; height:70px; margin-top:30px;}
.fy_daohang_l {width:800px; overflow:hidden; float:left;}
.fy_daohang_l ul li{ 
float:left;
text-align:left; 
margin-right: 28px;
font-size: 17px;
line-height: 70px;
position:relative;
}
.fy_daohang_l ul li.active a {
    color: #004893;
}
.fy_daohang_l ul li:hover > a:after, .fy_daohang_l ul li.active > a:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -25%;
    bottom: -3px;
    width: 50%;
    height: 4px;
    background: #004893;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}	
.fy_daohang_l ul li.bt{
margin-right: 10px;
font-size: 23px;
color: #555;
}
.fy_daohang_r { float:right;width:450px; height:40px; color:#004893; font-size:12px; padding-top:20px}
.fy_daohang_r  ul li{height:20px; line-height:20px}