/* 代理加盟1 */



.agency_banner_box {

	width: 100%;

	height: 400px;

	background: url(../images/agency/banner_02.jpg) no-repeat;

	background-size: cover;


}
.agency_banner_bj{
	height:400px;
	line-height:400px;
	font-family: 'FZLTXHK 2';
    font-weight: lighter;
    font-size: 42px;
    text-shadow: none;
    text-align: center;
    color: #fff;
}


.agency_plan_bj {

	width: 100%;

	height: 1065px;

	display: flex;

	justify-content: center;

	align-items: center;

	background: #FFFFFF;

}



.agency_plan_bj .agency_plan_box {

	width: 1280px;

	height: 1065px;

}



/* top */

.agency_plan_bj .agency_plan_box .agency_plan_top {

	width: 1280px;

	height: 310px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

}



.agency_plan_bj .agency_plan_box .agency_plan_top p.title {

	font-size: 32px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

	margin-bottom: 50px;

}



.agency_plan_bj .agency_plan_box .agency_plan_top span.desc {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

	text-align: center;
	line-height: 28px;

}



.banner {

	background: #F6F6F6;

	height: 60px;

	width: 100%;

}



.banner ul {

	list-style: none;

	float: left;

	width: 100%;

	text-align: center;

	line-height: 40px;

}



.banner ul li {

	float: left;

	padding: 10px 20px;

	width: 20%;

}



.banner ul .active {

	color: #fff;

	background: #18A88B;

}



.banner ul .active a {

	color: #fff;

}



/* bottom */

.agency_plan_bj .agency_plan_box .agency_plan_bottom {

	width: 1280px;

	height: 694px;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy {

	width: 1280px;

	height: 212px;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy p.title {

	font-size: 32px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

	margin-bottom: 31px;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy span.desc {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol {

	list-style: none;

	width: 1280px;

	height: 280px;

	display: flex;

	justify-content: space-between;

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #ffffff;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol img {

	margin-bottom: 45px;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .red {

	width: 280px;

	height: 280px;

	background-color: #ee615f;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .green {

	width: 280px;

	height: 280px;

	background-color: #18a88b;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .yellow {

	width: 280px;

	height: 280px;

	background-color: #ffb433;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}



.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .blue {

	width: 280px;

	height: 280px;

	background-color: #0a93c4;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;
	

}
.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .blue p,.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .yellow p,.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .green p,.agency_plan_bj .agency_plan_box .agency_plan_bottom .agency_policy_box ol .red p{
	color:#ffffff;
}


/* flow */

.agency_flow_bj {

	width: 100%;

	height: 800px;

	display: flex;

	justify-content: center;

	align-items: center;

	background: #eef7fb;

}



.agency_flow_bj .agency_flow_box {

	width: 1280px;

	height: 800px;

}



.agency_flow_bj .agency_flow_box .agency_flow_phone {

	/* width: 1086px; */

	height: 315px;

	margin-top: -42px;

	margin-bottom: 5px;

	background: url(../images/agency/picture_03.jpg) center no-repeat;

	background-size: 1280px 315px;

	box-shadow: 0px 0px 10px 0px rgba(230, 221, 221, 1);

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding-left: 114px;

}



.agency_flow_bj .agency_flow_box .agency_flow_phone h6 {

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

}



.agency_flow_bj .agency_flow_box .agency_flow_phone p.title {

	font-size: 40px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #18a88b;

	margin-top: 20px;

	margin-bottom: 30px;

}



.agency_flow_bj .agency_flow_box .agency_flow_phone span.desc {

	display: block;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

	line-height: 34px;

}





.agency_flow_bj .agency_flow_box .agency_agencyflow {

	width: 1280px;

	height: 520px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

}



.agency_flow_bj .agency_flow_box .agency_agencyflow p.title {

	font-size: 32px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

}



.agency_flow_bj .agency_flow_box .agency_agencyflow ol {

	width: 1260px;

	height: 80px;

	display: flex;

	justify-content: space-between;

	margin-top: 75px;

	margin-bottom: 98px;

}



.agency_flow_bj .agency_flow_box .agency_agencyflow ol li {

	height: 80px;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.agency_flow_bj .agency_flow_box .agency_agencyflow ol li p {

	font-size: 22px;

	margin-bottom: 5px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

}



.agency_flow_bj .agency_flow_box .agency_agencyflow ol li span {

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #333333;

}



.agency_flow_bj .agency_flow_box .agency_agencyflow span.desc a {

	width: 280px;

	height: 40px;

	border-radius: 20px;

	border: solid 2px #18a88b;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #18a88b;

	display: flex;

	justify-content: center;

	align-items: center;

}