.s1-box {
	display: flex;
	justify-content: space-between;
	padding-top: 1.9rem;
	background-image: url(../images/global-branch/s1-bg.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.s1-p-1 {
	letter-spacing: 0;
	color: #fff;
	font-size: 26px;
	line-height: 60px
}

.s1-h2-1 {
	font-size: var(--font-size-h2)
}

.s1-h2-1,
.s1-p-2 {
	color: #fff
}

.s1-left {
	align-self: flex-start;
	flex: 0.68;
	margin-top: .5rem;
	margin-left: calc(13% - 6px)
}

.s1-right {
	align-self: flex-end;
	padding: .7rem 2.6rem .7rem .9rem;
	background-color: #fff;
	box-shadow: 0 31px 84px 0 hsla(0, 0%, 87.5%, .34)
}

.s1-form-item input {
	width: calc(50% - 4px);
	padding: 20px;
	border-radius: 4px;
	background-color: #f7f7f7
}

.s1-form-item {
	margin-bottom: 10px
}

.s1-areatext {
	margin-top: .1rem;
	padding: .3rem .2rem;
	background-color: #f7f7f7
}

.s1-submit {
	position: relative;
	margin-top: .4rem;
	padding: 20px 70px 20px 50px;
	cursor: pointer;
	color: #fff;
	border-radius: 30px;
	background-color: #e62129;
	font-size: var(--font-size-18)
}

.s1-submit:after {
	position: absolute;
	top: 50%;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	content: url(../images/global-branch/s1-icon1.png);
	transform: translateY(-50%);
	border-radius: 50%;
	background-color: #fff
}

@media (max-width:1500px) {
	.s1-left {
		min-width: 340px;
		margin-left: 5%
	}
}

@media (max-width:1200px) {
	.s1-right {
		padding: 20px
	}
}

@media (max-width:900px) {
	.s1-box {
		flex-wrap: wrap;
		justify-content: center
	}

	.s1-right {
		width: 90%;
		margin: 20px 5%
	}

	.s1-form-item input {
		width: calc(50% - 4px)
	}

	.s1-left {
		min-width: 340px;
		margin: 0 5%
	}
}

.s3 {
	padding-bottom: 1rem
}

.s3-h2-1 {
	margin-bottom: .6rem
}

.s3-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px
}

.s3-item {
	position: relative;
	padding: .35rem;
	cursor: pointer;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 4px 92px 0 rgba(126, 123, 117, .16)
}

.s3-item:after {
	position: absolute;
	z-index: -1;
	bottom: -4px;
	left: 50%;
	display: block;
	width: calc(100% - 40px);
	height: 10px;
	height: .1rem;
	content: "";
	transform: translateX(-50%);
	opacity: 0;
	border-radius: 20px;
	background-color: #e62129
}

.s3-item:hover:after {
	opacity: 1
}

.s3-h4 {
	margin-bottom: .2rem;
	padding: .1rem 0;
	transition: .5s;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
	font-size: var(--font-size-26)
}

.s3-p {
	opacity: .89;
	color: #333;
	line-height: 28px
}

@media (max-width:786px) {
	.s3-list {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px
	}
}

@media (max-width:650px) {
	.s3-list {
		grid-template-columns: repeat(1, 1fr);
		gap: 10px
	}
}

.map {
	position: relative;
	width: 80%;
	height: 100%;
	margin: 1rem 10%
}

.map .mapbg {
	width: 100%
}

.map .star {
	z-index: 1;
	width: 8px;
	height: 8px;
	background-color: red
}

.map .star,
.map .star:before {
	position: absolute;
	border-radius: 50%
}

.map .star:before {
	z-index: 8;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	content: "";
	transition: all .5s;
	transform: translate(-50%, -50%) scale(1.5);
	animation: star1 2s infinite;
	background: rgba(255, 70, 70, .75)
}

.pos1 {
	top: 12vw;
	left: 6.5vw
}

.pos2 {
	top: 17vw;
	left: 28vw
}

.pos3 {
	top: 16.3vw;
	left: 33vw
}

.pos4 {
	top: 12vw;
	left: 5vw
}

.pos5 {
	top: 25vw;
	right: 51.2vw
}

.pos6 {
	top: 17vw;
	right: 17vw
}

.pos7 {
	top: 20.5vw;
	right: 18vw
}

.star .address {
	position: absolute;
	top: -78px;
	height: 60px;
	padding: 0 20px;
	background: rgba(230, 33, 39, .74);
	line-height: 60px
}

.star .txt {
	display: block;
	white-space: nowrap;
	word-wrap: break-word;
	color: #fff;
	font-size: 18px
}

.pos1 .address,
.pos3 .address,
.pos5 .address,
.pos6 .address {
	left: 3px;
	border-radius: 6px 6px 6px 0
}

.pos1 .address:after,
.pos3 .address:after,
.pos5 .address:after,
.pos6 .address:after {
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 0;
	height: 0;
	content: "";
	border-color: rgba(230, 33, 39, .74) transparent transparent rgba(230, 33, 39, .74);
	border-style: solid;
	border-width: 6px
}

.pos2 .address,
.pos4 .address,
.pos7 .address{
	right: 3px;
	border-radius: 6px 6px 0 6px
}

.pos2 .address:after,
.pos4 .address:after,
.pos7 .address:after {
	position: absolute;
	right: 0;
	bottom: -12px;
	width: 0;
	height: 0;
	content: "";
	border-color: rgba(230, 33, 39, .74) rgba(230, 33, 39, .74) transparent transparent;
	border-style: solid;
	border-width: 6px
}

@keyframes star1 {

	0%,
	to {
		transform: translate(-50%, -50%) scale(1.5)
	}

	50% {
		transform: translate(-50%, -50%) scale(2)
	}
}

@media (max-width:1000px) {
	.star .txt {
		color: #e62129;
		font-size: 12px
	}

	.pos1 .address,
	.pos3 .address,
	.pos5 .address,
	.pos6 .address {
		top: 7px;
		left: 5px;
		height: auto;
		padding: 0;
		background: transparent;
		line-height: 1
	}

	.star .address:after {
		display: none
	}

	.pos2 .address,
	.pos4 .address,
	.pos7 .address {
		top: -20px;
		right: 5px;
		width: auto;
		height: auto;
		padding: 0;
		background: transparent;
		line-height: 1
	}

	.map .star {
		width: 4px;
		height: 4px
	}
}