/*====================================================
					联系我们banner 
======================================================*/
.contact-us-banner-home {
	position: relative;
	/* background-image: url('../assets/imgContactUs/联系我们-banner图@2x.png'); */
	/* background-size: 100% 66.83rem; */
	/* background-repeat: no-repeat; */
	/* 如果不希望背景重复 */
	/* background-position: center top; */
	/* 设置背景图像的位置 */
	/* height: 66.83rem; */
	/* 确保元素有足够的高度显示背景图像 */
}

.contact-us-banner-home>img {
	width: 100%;
}

.contact-us-banner-home .contact-us-banner-list {}

.contact-us-banner-home .contact-us-banner-list .title-box {
	position: absolute;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	top: 6.58rem;
}

.contact-us-banner-home .contact-us-banner-list .title-box .title-bar {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 500;
	font-size: 4.57rem;
	color: #FFFFFF;
	text-shadow: 0.0625rem 0 0.0625rem #505050;
	text-align: center;
	font-style: normal;
	text-transform: none;
	margin-left: 3rem;
	position: relative;
	z-index: 2;
}

.contact-us-banner-home .contact-us-banner-list .title-box .shape-top {
	width: 7.75rem;
	height: 7.92rem;
	border-radius: 50%;
	margin-bottom: -5rem;
}

.contact-us-banner-home .contact-us-banner-list .title-box .english-title-box .english-title-bar {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: bold;
	font-size: 1.63rem;
	color: #FFFFFF;
	text-align: center;
	font-style: normal;
	text-transform: none;
	word-spacing: 0.8rem;
	margin-left: 3rem;
}

.contact-us-banner-home .contact-us-banner-list .title-box .english-title-box .shape-bottom {
	position: absolute;
	right: -1rem;
	bottom: 0.6rem;
	width: 4rem;
	height: 4rem;
	background: rgb(104 185 79 / 40%);
	opacity: 0.6;
	border-radius: 50%;
	z-index: 1;
}

.contact-us-banner-slogan {
	position: absolute;
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 5rem;
	color: #FFFFFF;
	text-align: right;
	font-style: normal;
	text-transform: none;
	width: 90%;
	height: 5rem;
	background-image: linear-gradient(to right, rgb(104 185 79 / 0%), #68B94F);
	opacity: 0.84;
	right: 0;
	bottom: 6.58rem;
}

/*====================================================
					联系我们 
======================================================*/
.contact-us {
	margin-top: 9.83rem;
	margin-bottom: 6.68rem;
}

.contact-us .contact-us-top {
	display: flex;
}

.contact-us .contact-us-top .contact-us-title {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	font-size: 1.83rem;
	color: #69BA4F;
	line-height: 2.4rem;
	text-align: justifyLeft;
	font-style: normal;
	text-transform: none;
	border-left: 0.375rem #69BA4F solid;
	padding-left: 0.75rem;
	margin-bottom: 2.25rem;
}

.contact-us .contact-us-top .contact-us-box {
	/* width: 40.17rem; */
	width: 40%;
	/* height: 37.67rem; */
	background-color: #fafafa;
	margin-right: 1.5rem;
	padding: 3.6rem 2.4rem 3.6rem 2.4rem;
}

.contact-us .contact-us-top .contact-us-box .contact-us-item {
	display: flex;
	border-top: 0.125rem #ededed solid;
	margin-top: 2.25rem;
	padding-top: 2.25rem;
}

.contact-us .contact-us-top .contact-us-box .contact-us-item.first-item {
	border-top: unset;
	margin-top: 0;
	padding-top: 0;
}

.contact-us .contact-us-top .contact-us-box .contact-us-item .contact-us-icon {
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.57rem;
}

.contact-us .contact-us-top .contact-us-box .contact-us-item .contact-us-icon img {
	width: 100%;
	padding-top: 0.125rem;
}

.contact-us .contact-us-top .contact-us-box .contact-us-item-info {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	font-size: 1rem;
	color: #686868;
	/* line-height: 1.83rem; */
	text-align: justifyLeft;
	font-style: normal;
	text-transform: none;
}

.contact-us .contact-us-top .contact-us-box .contact-us-item-info .contact-us-item-title {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	font-size: 1.33rem;
	color: #464646;
	/* line-height: 1.85rem; */
	text-align: justifyLeft;
	font-style: normal;
	text-transform: none;
	margin-bottom: 1.25rem;
}

.contact-us .contact-us-top .contact-us-box .contact-us-item-info .address {
	width: 19rem;
}

.contact-us .contact-us-top .online-message-box {
	/* width: 58.5rem; */
	width: 60%;
	/* height: 37.67rem; */
	background-color: #fafafa;
	flex: 1;
	padding: 3.6rem 2.4rem 3.6rem 2.4rem;
}

.contact-us .contact-us-top .online-message-form .online-message {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 1.59rem;
	grid-row-gap: 1.83rem;
}

.contact-us .contact-us-top .online-message-form .online-message-item input {
	width: 100%;
	background-color: #f2f2f2;
	border: unset;
	height: 3.17rem;
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	font-size: 1rem;
	color: #A7A7A7;
	line-height: 1.85rem;
	text-align: justifyLeft;
	font-style: normal;
	text-transform: none;
	padding: 0.75rem;
	border-radius: 0.125rem;
}

.contact-us .contact-us-top .online-message-form .online-message-item-row .online-message-item-textarea {
	width: 100%;
	height: 11rem;
	background-color: #f2f2f2;
	border: unset;
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-size: 1rem;
	line-height: 1.85rem;
	padding: 0.75rem;
	border-radius: 0.125rem;
}

.contact-us .contact-us-top .online-message-form .online-message-item-row {
	margin-top: 1.83rem;
}

.contact-us .contact-us-top .online-message-form .online-message-item-row .btn-submit {
	width: calc(50% - 0.59rem);
	height: 3.17rem;
}

.contact-us-map {
	height: 28rem;
	background-color: #fafafa;
	margin-top: 1.58rem;
}

/* 平板设备 */
@media (max-width: 1024px) {
	/* 在这里编写适用于平板设备的CSS样式 */
}

/* 手机设备 */
@media (max-width: 768px) {}

/* 小屏手机设备 */
@media (max-width: 480px) {
	/* 在这里编写适用于小屏手机设备的CSS样式 */
}