	/* 全局变量 */
	:root {
		--index-bannner-font-size-title: 30px;
		--index-bannner-font-size-content: 20px;
		--index-banner-text-color-black: #202020;
		--index-banner-text-color-white: #fff;
		--index-banner-mobile-content-background: #f5f5f5;
		--index-bannner-mobile-font-size-content: 16px;
	}

	body,
	div {
		margin: 0;
		padding: 0;
	}

	/* 	
		.right-color-changeLang{
				height: 32px;
				width: 40px;
				border: solid 1px #f3f7ff;
				background-color: #f3f7ff;
				border-radius: 10px 0px 0px 10px;
				line-height: 32px;
				text-align: center;
				font-size: 14px;
				color: #4673d9;
		} */


	.left-color {
		height: 32px;
		width: 40px;
		border: solid 1px #f3f7ff;
		background-color: #f3f7ff;
		border-radius: 10px 0px 0px 10px;
		line-height: 32px;
		text-align: center;
		font-size: 14px;
		color: #4673d9;
	}

	.right-fade-changeEn {
		height: 32px;
		width: 40px;
		border: solid 1px #f3f7ff;
		border-radius: 0px 10px 10px 0px;
		line-height: 32px;
		text-align: center;
		font-size: 14px;
		color: #b7b7b7
	}

	.br::after {
		content: '\A';
		white-space: pre;
	}

	.main-content {
		width: 100%;
		/* overflow: hidden; */
	}

	.mainpage {
		max-width: 9999px;
		width: 100%;
		margin: 0 auto;
		/* overflow: hidden; */
	}

	.mainpage::before {
		content: '';
		display: block;
		height: 100px;
		width: 100%;
	}

	.mainpage .banner-item {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	@media screen and (max-width: 1140px) {
		.mainpage .banner-item.along{
			display: grid;
			align-items: center;
			justify-content: center;
			position: relative;
			grid-template-columns: 3fr 1fr;
		}
	}
	@media screen and (max-width: 828px) {
		.mainpage .banner-item.along{
			display: grid;
			align-items: center;
			justify-content: center;
			position: relative;
			grid-template-columns: 3fr 1fr;
		}
	}

	/* 	.mainpage .banner-item>.pc-banner {
		    width: 100vw;
		    height: calc(100vh - 100px);
		    display: block;
		    margin: 0 auto;
		    object-fit: fill;
		} */

	/* .pc-banner-div1 {
		position: absolute;
		width: 1000px;
		color: #fff;
		top: 30%;
	}

	.pc-banner-div1 .font-detail {
		display: block;
		font-size: 20px;
		color: #fff;
		line-height: 36px;
		/* margin-top: 8%; */
	/* }  */

	.pc-banner-div2 {
		position: absolute;
		/* width: 462px; */
		color: #fff;
		/* left: 15%; */
	}

	.pc-banner-div2 .font-detail {
		display: block;
		font-size: 20px;
		color: #fff;
		line-height: 36px;
		margin-top: 60px;
	}

	.pc-banner-div3 {
		position: absolute;
		/* width: 462px; */
		color: #fff;
		/* left: 15%; */
	}

	.pc-banner-div3 .font-detail {
		display: block;
		font-size: 20px;
		color: #fff;
		line-height: 40px;
		margin-top: 60px;
	}

	.pc-banner-div3 .content-text {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.pc-banner-div3 .content-text span {
		width: 50%;
	}

	.pc-banner-btn span {
		display: block;
		width: 181px !important;
		height: 34px;
		border-radius: 4px;
		border: 1px solid #fff;
		margin-bottom: 20px;
		text-align: center;
		line-height: 34px;
	}

	.pc-banner-div4 {
		position: absolute;
		/* width: 525px; */
		color: #202020;
		/* left: 15%; */
	}

	.pc-banner-div4 .font30b {
		display: block;
		margin-bottom: 58px;
	}

	.pc-banner-div4 .font-detail {
		display: block;
		font-size: 20px;
		margin-bottom: 20px;
	}

	.pc-banner-down-arrow {
		position: absolute;
		bottom: 5%;
		cursor: pointer;
	}