body,html{
	height: 100%;
}
body{
	/* display: flex; */
	/* flex-direction: column; */
	/* justify-content: space-between; */
}
.broker_banner{
	width: 100%;
	/* height: 600rem; */
	height: 580rem;
	background-color: #121214;
	background-image: url(../img/broker_banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.banner_title{
	margin-top:0rem;
	font-size: 48rem;
	margin-bottom: 20rem;
	text-align: left;
}
.banner_textArea{
	/* margin-top: 12%; */
	margin-top: 10.2%;
	width: 636rem;
	height: 290rem;
	border-radius: 6rem;
	/* background-color: rgba(0, 0, 0, 0.6); */
	padding: 22rem 28rem;
	box-sizing: border-box;
	/* box-shadow: 0rem 6rem 20rem rgba(0, 0, 0, 0.4); */
}
.banner_text{
	font-size: 16rem;
	color: #ffffff;
	letter-spacing: 2rem;
	line-height: 28rem;
}
/* .btn_banner{
	width: 220rem;
	height: 48rem;
	font-size: 18rem;
	color: #f4b200;
	letter-spacing: 4rem;
	background-image: linear-gradient(to right, #676767, #2b2b2b);
	border-radius: 100rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1rem solid rgba(143, 143, 143, 0.2);
	margin-top:26rem;
	box-shadow: 0px 12rem 16rem rgba(0, 0, 0, 0.5);
	cursor: pointer;
	transition: 0.2s;
} */
.btn_banner{
	width: 150rem;
	height: 42rem;
	font-size: 16rem;
	color: #f4b200;
	letter-spacing: 4rem;
	background-image: linear-gradient(to right, #676767, #2b2b2b);
	border-radius: 100rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1rem solid rgba(143, 143, 143, 0.2);
	margin-top:28rem;
	box-shadow: 0px 12rem 16rem rgba(0, 0, 0, 0.5);
	cursor: pointer;
	transition: 0.2s;
}
.btn_banner:hover{
	box-shadow: 0px 18rem 20rem rgba(0, 0, 0, 0.8);
	width: 180rem;
}
.banner_cn{
	height: 100%;
	/* padding-left: 120rem; */
	box-sizing: border-box;
}
.broker_introduce{
	width: 1050rem;
	height: 160rem;
	border-radius: 6rem;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: -80rem;
	backdrop-filter:blur(10px);
	box-shadow: 0rem 6rem 20rem rgba(0, 0, 0, 0.4);
	color: #ffffff;
	font-size: 18rem;
	padding: 28rem 30rem;
	box-sizing: border-box;
	line-height: 34rem;
	letter-spacing: 2rem;
}
.section_title_first{
	font-size: 46rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2rem;
	margin-top: 80rem;
	margin-bottom: 120rem;
}
.section_title_first>span{
	color: #f4b200;
}
.broke_part{
	display: flex;
	align-items: flex-start;
	margin-bottom: 120rem;
}
.broke_part>img{
	display: block;
	margin-right: 80rem ;
	margin-left: 80rem;
}
.broke_part3>img{
	margin-left: 0rem;
	margin-right: 60rem ;
}
.part_titleArea{
	position: relative;
}
.number_bg{
	font-size: 72rem;
	font-weight: bold;
	color: #f4b200;
	opacity: 0.2;
	position: absolute;
	top: -46rem;
	left: -34rem;
	z-index: 0;
}
.part_titleArea>p:nth-child(1){
	font-size: 30rem;
	font-weight: bold;
	margin-bottom: 12rem;
	letter-spacing: 1rem;
	position: relative;
	z-index: 10;
}
.part_titleArea>p:nth-child(2){
	font-size: 16rem;
	letter-spacing: 1rem;
}
.point_right{
	margin-left: 20rem;
}
.point_list{
	margin-top: 50rem;
}
.point_list>li{
	display:flex;
	align-items: flex-start;
	margin-bottom: 40rem;
}
.point_title{
	font-size: 20rem;
	font-weight: bold;
}
.point_text{
	font-size: 14rem;
	margin-top: 8rem;
	letter-spacing: 1rem;
	width: 490rem;
}
.broke_part2>.broke_partRight{
	margin-left: 30rem;
}

.item_trait{
	width: 100%;
	position: absolute;
	bottom: 0rem;
	height: 70rem;
	background-color: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(4px);
	z-index: 10;
}
.trait_list{
	width: 1280rem;
	height: 100%;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
}
.trait_list>li{
	display: flex;
	height: 100%;
	width: 25%;
	align-items: center;
	position: relative;
	cursor: default;
}
.trait_list>li>p{
	color: #ffffff;
	font-size: 16rem;
	letter-spacing: 2rem;
	transition: 0.2s;
}
.trait_list>li:hover p{
	letter-spacing: 3rem;
}
.trait_list>li>img{
	display: block;
	margin-right: 24rem;
	margin-left: 34rem;
	transition: 0.2s;
}
.trait_list>li:hover img{
	/* margin-left: 40rem; */
	/* margin-right: 20rem; */
	filter: drop-shadow( 0px 0rem 4rem rgba(244, 178, 0, 0.8) );
}
.trait_list>li>span{
	display: block;
	width: 1rem;
	height: 26rem;
	background-color: rgba(255 255, 255, 0.3);
	position: absolute;
	right: 0rem;
}