.both-body {
	padding: 70px 0px  60px 0px;
}
.tit-box {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.tit-box img {
	width: 50%;
}

.tit-box .bt-line{
	position: absolute;
	width: 1.03rem;
	height: 0px;
	border: .03rem solid #000000;
	bottom: -.24rem;
}

.both-tabs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .75rem;
	margin-bottom: .3rem;
}

.both-tabs .tab-item {
	background: #99B7CC;
	border-radius: .6rem .6rem .6rem .6rem;
	font-size: .26rem;
	font-weight: bold;
	color: #FFFFFF;
	width: 1.68rem;
	height: 0.54rem;
	/* padding: 12px 24px; */
	text-align: center;
	line-height: .54rem;
	position: relative;
	cursor: pointer;
	margin-bottom: 0.15rem;
}
.both-tabs .tab-item .item-name {
	white-space: nowrap;
}
.both-tabs .tab-item:hover, .both-tabs .tab-item.active {
	background: #DF5636;
}
.both-tabs .tab-item:hover::after, .both-tabs .tab-item.active::after {
	border-top: .1rem solid #DF5636;
}
.both-tabs .tab-item::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: .1rem solid #99B7CC;
	border-left: .1rem solid transparent;
	border-right: .1rem solid transparent;
	left: 40%;
}
.both-tabs .tab-ar{
	width: .26rem;
	border-bottom: .05rem solid #A7C1D2;
	margin: 0px 4px;
	margin-bottom: 0.15rem;
}
.yz-swiper-slide {
	/* height: 6.18rem; */
	position: relative;
}

.guide-box {
	margin-top: .5rem;
	background: #E9F1F8;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 24px;
}
.guide-box .gb-title {
	width: 2.04rem;
	height: .6rem;
	background: #CAE3FB;
	border-radius: 0px 0px 0px 0px;
	font-size: .24rem;
	font-weight: bold;
	color: #125CB1;
	line-height: .6rem;
	text-align: center;
}

.guide-box .gb-more {
	font-size: .16rem;
	font-weight: 400;
	color: #345474;
}

.guide-news {
	background: #FFFFFF;
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.06);
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #CAE3FB;
	border-top: 3px solid #CAE3FB;
	padding: .36rem;
	display: flex;
	flex-wrap: wrap;
}

.guide-news .gn-item {
	width: 50%;
	padding-right: 20px;
	padding-bottom: 20px;
	display: flex;
	box-sizing: border-box;
	align-items: center;
	justify-content: space-between;
	
}
.guide-news .gn-item:nth-child(2n) a{
	padding-left: 40px;
}
.guide-news .gn-item a {
	font-size: .16rem;
	font-weight: 400;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	cursor: pointer;
	padding-left: 10px;
}
.guide-news .gn-item:nth-child(2n) a::before {
	left: 30px;
}
.guide-news .gn-item a::before {
	content: "";
	width: 5px;
	height: 5px;
	background: #125CB1;
	position: absolute;
	left: 0px;
	top: 37%
}

.guide-news .gn-item span{
	font-size: .16rem;
	font-weight: 400;
	color: #999999;
	white-space: nowrap;
}

.guide-news .gn-item a:hover {
	color: #337ab7
}

.map-action {
	position: absolute;
	width: 5.95rem;
	/* height: 2.2rem; */
	background: linear-gradient(180deg, #FFFFFF 0%, #EFF2F6 100%);
	box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.15);
	padding: 0.15rem 5px 0.25rem 0.25rem;
	bottom: 1.3rem;
	right: 9%;
	display: flex;
	flex-wrap: wrap;
	border-top: 0.07rem solid #4680D2;
	z-index: 999;
	max-height: 3rem;
	overflow-y: auto;
}

.map-action img {
	position: absolute;
	width: 1rem;
	height: 1rem;
	right: 3px;
	bottom: 3px;
	z-index: -1;
}

.map-action img.sca {
	width: .78rem;
	height: .6rem;
}
.map-action a {
	font-size: 0.2rem;
	font-weight: 600;
	color: #125CB1;
	/* margin-right: 0.3rem; */
	position: relative;
	white-space: normal
	/* height: .28rem; */
	display: inline-block;
	width: 50%;
	/* line-height: .6rem; */
	/* height: .28rem; */
	position: relative;
	padding: 8px 10px;
	
}
.map-action a.w-full {
	width: 100%;
}
.map-links{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.map-action a::before {
	content: "";
	position: absolute;
	width: .06rem;
	height: .06rem;
	background: #B9C6D4;
	border-radius: 50%;
	top: 18px;
	left: -6px;
}
.pc {
	display: block;
}
 .mb {
	display: none;
}
.relative {
	position: relative;
}
.scImg {
	position: absolute;
	z-index: 2;
	height: 80%;
	left: 0;
	bottom: 0;
}
@media screen and (max-width:1200px) { 
	
	.both-tabs {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.both-tabs .tab-item {
		width: 30%;
		margin-bottom: .4rem;
	}
	.both-tabs .tab-ar {
		display: none;
	}
	/* .both-tabs .tab-item {
		margin-bottom: 30px;
	} */
	.guide-news .gn-item {
		width: 100%;
	}
	
	.guide-news .gn-item:nth-child(2n) a {
		padding-left: 10px;
	}
	
	.guide-news .gn-item:nth-child(2n) a::before {
		left: 0px;
	}
	
}

@media screen and (max-width:760px) { 
	
	.pc {
		display: none;
	}
	.mb {
		display: block;
	}
	
	.map-action {
		position: relative;
		z-index: 999;
		left: auto;
		right: auto;
		margin: auto;
		width: 94%;
		top: -77px;
		height: inherit;
		max-height: initial;
		padding: 15px 10px 5px 10px;
		/* pa */
	}
	.map-action .map-links {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		flex-wrap: wrap;
	}
	.map-action a {
		width: 48%;
		background: #FFFFFF;
		border-radius: .07rem;
		border: 1px solid #CED9E1;
		white-space: nowrap;
		margin-bottom: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-right: 0px;
		text-align: center;
	}
	.map-action a::before {
		content: inherit;
	}
	
	.guide-box {
		margin-top: -40px;
	}
	.guide-box .gb-title {
		width: 40%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
	
	.guide-box .gb-more {
		font-size: 16px;
	}
	
	.guide-news .gn-item a {
		font-size: 16px;
		white-space: nowrap;
	}
	/* .guide-news .gn-item:nth-child(2n) a::before {
		left: 30px;
	} */
	
	.guide-news .gn-item span{
		display: none;
	}
	.tit-box img {
		width: 90%;
	}
	
	.scImg {
		position: absolute;
		z-index: 2;
		height: 145px;
		top: 30px;
	}
	.swiper-container {
		/* height: 306px; */
	}
	
}