.contact-info .left {
padding:.7rem .8rem;
	background: linear-gradient(to right, #fff, #f8fbff)
}
.contact-info .left .info p:nth-child(2) {
font-size:.36rem
}
.contact-info .right {
padding:.7rem .8rem
}
.contact-info .left p, .contact-info .right p {
	margin: 0
}
.contact-info .left .info, .contact-info .right .info {
font-size:.18rem;
	color: #4c627d
}
.contact-info .left .info P:nth-child(2), .contact-info .right .info P:nth-child(2) {
	color: #0a2a50;
	font-weight: bold
}
.process {
gap:.01rem
}
.process .item {
	flex: 1;
	height: 3.3rem
}
.process .item .head {
	height: 1.65rem;
	background: linear-gradient(to right, #1469cb, #1a7cec);
	color: #fff;
padding:0 .3rem;
	box-sizing: border-box;
font-size:.22rem;
	font-weight: bold
}
.process .item .head span {
	font-weight: 200;
font-size:.3rem
}
.process .item .body {
padding:.3rem;
	color: #0a2a50;
font-size:.2rem;
	box-sizing: border-box
}
.process .item:nth-child(2n + 1) {
	background: linear-gradient(to right, #fff, #f8fbff)
}
.map {
	height: 6rem;
	overflow: hidden
}
.map .BMap_bubble_title {
font-size:.2rem
}
.message .step {
	background: linear-gradient(to bottom, #1469cb, #1a7cec);
	height: 1.9rem;
gap:.35rem
}
.message .step .item {
	color: #fff;
	position: relative
}
.message .step .item::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -0.32rem;
width:.32rem;
height:.3rem;
	background-image: url(../img/arrow_right.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%
}
.message .step .item h4 {
	margin: 0;
font-size:.28rem;
	font-weight: 300
}
.message .step .item p {
	margin: 0;
font-size:.16rem;
	font-weight: 300
}
.message .step .item.active h4 {
	color: #ffe600
}
.faq-list {
	display: flex;
margin-left:.5rem;
margin-right:.5rem;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
gap:.2rem
}
.faq-list .item {
width:calc((100% - .2rem) / 2);
gap:.1rem;
border-radius:.16rem;
	background-color: #f1f8ff;
padding:.2rem .3rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column
}
.faq-list .item .faq-title {
	display: flex;
	align-items: center;
gap:.1rem;
padding:0 .1rem;
	box-sizing: border-box
}
.faq-list .item .faq-title .icon {
width:.4rem;
height:.4rem;
	border-radius: 50%;
	background-color: #fff;
font-size:.16rem;
	font-weight: bold;
	color: #1469cb;
	display: flex;
	align-items: center;
	justify-content: center
}
.faq-list .item .faq-title h4 {
	margin: 0;
font-size:.18rem;
	color: #4c627d
}
.faq-list .item .faq-content {
	display: flex;
	align-items: baseline;
gap:.1rem;
	background-color: #fff;
border-radius:.16rem;
padding:.1rem;
	box-sizing: border-box;
height:.8rem
}
.faq-list .item .faq-content .icon {
width:.4rem;
height:.4rem;
	border-radius: 50%;
	background: linear-gradient(to bottom, #1469cb, #1a7cec);
font-size:.16rem;
	font-weight: 500;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center
}
.faq-list .item .faq-content div {
font-size:.15rem;
	color: #4c627d;
	font-weight: 300;
	flex: 1
}
.job-list {
	display: flex;
	flex-direction: column;
gap:.5rem
}
.job-list .item {
	background-color: #fff;
border-radius:.2rem;
padding:.5rem;
	box-sizing: border-box
}
.job-list .item .head {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.job-list .item .head .left {
	display: flex;
	flex: 1;
	flex-direction: column;
gap:.2rem
}
.job-list .item .head .left h3 {
font-size:.2rem;
	color: #1469cb;
	margin: 0
}
.job-list .item .head .left .label {	display: flex;	align-items: center; gap:.6rem;	color: #777;font-size:.16rem}
.job-list .item .head .left .label span {
	display: flex;
	align-items: center
}
.job-list .item .head .left .label span img {
margin-right:.06rem
}
.job-list .item .head .left .date {
	color: #bcc4ce;
font-size:.14rem
}
.job-list .item .head .right {
font-size:.16rem
}
.job-list .item .head .right a {
	color: #1469cb;
	display: flex;
	align-items: center;
gap:.17rem
}
.job-list .item .head .right a i {
width:.35rem;
height:.35rem;
font-size:.12rem;
	background-color: #1469cb;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(90deg);
	transition: all .3s
}
.job-list .item .body {
	display: none
}
.job-list .item.active .head .right a i {
	transform: rotate(270deg)
}
.job-list .item.active .body {	display: block;margin-top:.5rem;	border-top: 1px solid #e6ebf1;padding-top:.5rem;font-size:.16rem; color: #111; font-weight: 300}
.job-list .item.active .body .title {margin-bottom:.3rem;font-size:.18rem;	font-weight: 400}
.job-list .item.active .body h4 { margin: 0; font-weight: normal}
.job-list .item.active .body .text { text-align: justify; line-height: 1.8em; margin-top:.1rem}
.job-list .item.active .body .content{ line-height: 1.8em; }
@media screen and (max-width:768px) {
.wrapper>.title {
	height: 2.5rem;
	text-align: center
}
.wrapper>.title h2 {
	flex-direction: column
}
.contact-info {
	flex-direction: column
}
.contact-info .left .info p:nth-child(2) {
font-size:.5rem
}
.contact-info .right .info {
	flex: 1
}
.contact-info .left, .contact-info .right {
	width: 100%;
padding:.7rem .35rem;
	box-sizing: border-box;
gap:.2rem
}
.contact-info .left img, .contact-info .right img {
width:.5rem
}
.contact-info .left p, .contact-info .right p {
	margin: 0;
	text-align: end
}
.contact-info .left .info, .contact-info .right .info {
font-size:.28rem
}
.process {
	white-space: nowrap;
	overflow-x: auto
}
.process .item {
	width: 3.8rem;
	flex: none
}
.process .item .head {
font-size:.32rem;
	font-weight: 400
}
.process .item .body {
font-size:.28rem;
padding:.3rem .2rem
}
.faq-list {
margin:0 .2rem
}
.faq-list .item {
	width: 100%;
padding:.2rem
}
.faq-list .item .faq-title {
padding:.2rem
}
.faq-list .item .faq-title .icon {
width:.6rem;
height:.6rem;
font-size:.22rem
}
.faq-list .item .faq-title h4 {
font-size:.28rem
}
.faq-list .item .faq-content {
border-radius:.24rem;
	height: 1.5rem;
padding:.2rem
}
.faq-list .item .faq-content .icon {
width:.6rem;
height:.6rem;
font-size:.22rem
}
.faq-list .item .faq-content div {
font-size:.26rem
}
.job-list {
gap:.5rem;
margin:0 .2rem
}
.job-list .item {
padding:.3rem
}
.job-list .item .head .left {
gap:.2rem
}
.job-list .item .head .left h3 {
font-size:.36rem
}
.job-list .item .head .left .label {
gap:.4rem;
font-size:.24rem
}
.job-list .item .head .left .date {
font-size:.24rem
}
.job-list .item .head .right {
font-size:.26rem
}
.job-list .item .head .right a {
gap:.17rem
}
.job-list .item .head .right a i {
width:.35rem;
height:.35rem;
font-size:.14rem
}
.job-list .item.active .body {
margin-top:.3rem;
padding-top:.3rem;
font-size:.26rem
}
.job-list .item.active .body .title {
margin-bottom:.3rem
}
}