:root {
	--ft24: 24px;
	--ft54: 54px;
	--ft60: 60px;
	--p40: 40px;
	--p90: 90px;
	--p250: 250px;
}

.banner-box {
	width: 100%;
	position: absolute;
	left: 0;
	top: var(--p250);
}

.banner-box-spandiv {
	width: 63%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: var(--p40);
	display: flex;
	justify-content: start;
}

.banner-box-div-span1 {
	display: block;
	font-size: var(--ft54);
	font-weight: 700;
	color: #333333;
	letter-spacing: 1px;
}

.banner-box-div-span1 span {
	color: red;
}

.banner-box-div-span2 {
	display: block;
	width: 100%;
	font-size: var(--ft24);
	font-weight: bold;
	color: #333333;
	letter-spacing: 6px;
}

.banner-box-div-JianTou {
	font-size: var(--ft60);
}
.no-banner-box-div-span2 {
	display: block;
	width: 60%;
	font-size: var(--ft24);
	color: #333333;
	position: relative;   
  padding-left: 15px;
}
.no-banner-box-div-span2::before {
  content: "";
  position: absolute;
  left: 0;              
  top: 0;               
  bottom: 0;
  width: 5px;           
  background: #A00008;  
}@media screen and (max-width: 1440px) {
	:root {
		--p250: 200px;
	}
}

@media screen and (max-width: 1024px) {
	:root {
		--p250: 180px;
	}
.banner-box-div-span1 {
	display: block;
	font-size: var(--ft54);
line-height: var(--ft54);
	font-weight: 700;
	color: #333333;
	letter-spacing: 1px;
}
.no-banner-box-div-span2 {
	display: block;
	width: 90%;
line-height:var(--ft24);
	font-size: var(--ft24);
	color: #333333;
	position: relative;   
  padding-left: 15px;
}


}

@media screen and (max-width: 768px) {
	:root {
		--ft24: 20px;
		--ft54: 30px;
		--ft60: 30px;
		--p40: 5px;
		--p90: 5px;
		--p250: 100px;
	}

	.banner-box-spandiv {
		width: 80%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: var(--p40);
		display: flex;
		justify-content: start;
	}
}

@media screen and (max-width: 480px) {
	:root {
		--ft24: 10px;
		--ft54: 12px;
		--ft60: 12px;
		--p40: 5px;
		--p90: 5px;
		--p250: 35px;
	}

	.banner-box-spandiv {
		width: 80%;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: var(--p40);
		display: flex;
		justify-content: start;
	}


}