@charset "utf-8";
/* CSS Document */
.Map{
	background: linear-gradient(135deg, #63B1FF 0%, #499BFF 100%);
}
.map-container,.container-p{
	width: 1430px;
	margin: auto;
}
.map-container .position{
	margin-bottom: 76px;
}
.container-p .position ,.container-p .position a{
	font-size: 16px;
	font-family: Raleway-SemiBold, Raleway;
	font-weight: 600;
	color: #FFFFFF;
}
.map-center{
	height: 770px;
	background: url("Map_2023gz.png") no-repeat center;
	position: relative;
	width: 1430px;
}
.point1{
	position: absolute;
	width: 348px;
	height: 178px;
	background: url("point1_2023gz.png");
	background-size: cover;
	top: 23px;
	right: 456px
}
.map-center div a{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 22px;
	display: block;
	z-index: 999;
}
.point1 a{
	position: absolute;
	left: 80px;
	top: -13px;
	width: 250px
}
.point2{
	position: absolute;
	width: 324px;
	height: 98px;
	background: url("point2_2023gz.png");
	background-size: cover;
	top: 128px;
	right: 479px;
}
.point2 a{
	position: absolute;
	left: 80px;
	top: -13px;
}
.point3{
	position: absolute;
	width: 306px;
	height: 72px;
	background: url("point3_2023gz.png");
	background-size: cover;
	top: 245px;
	right: 458px;
}
.point3 a{
	position: absolute;
	left: 80px;
	top: -13px;
	width: 220px;
}
.point4{
	position: absolute;
	width: 342px;
	height: 230px;
	background: url("point4_2023gz.png");
	background-size: cover;
	top: 82px;
	right: 76px;
}
.point4 a{
	position: absolute;
	right: 75px;
	top: -13px;
	width: 200px;
}
.point5{
	position: absolute;
	width: 281px;
	height: 71px;
	background: url("point5_2023gz.png");
	background-size: cover;
	top: 286px;
	right: 69px;
}
.point5 a{
	position: absolute;
	right: 70px;
	top: -13px;
	width: 190px
}
.point6{
	position: absolute;
	width: 268px;
	height: 108px;
	background: url("point6_2023gz.png");
	background-size: cover;
	top: 349px;
	right: 56px;
}
.point6 a{
	position: absolute;
	right: 40px;
	bottom: 45px;
	width: 190px;
}
.point7{
	position: absolute;
	width: 353px;
	height: 212px;
	background: url("point7_2023gz.png");
	background-size: cover;
	bottom: 174px;
	right: 65px;
}
.point7 a{
    position: absolute;
    right: 60px;
    bottom: 45px;
    width: 210px;
}
.point8{
	position: absolute;
	width: 375px;
	height: 253px;
	background: url("point8_2023gz.png");
	background-size: cover;
	bottom: 84px;
	right: 283px;
}
.point8 a{
	position: absolute;
	right: 70px;
	bottom: 45px;
	width: 200px;
}
.point9{
	position: absolute;
	width: 330px;
	height: 113px;
	background: url("point9_2023gz.png");
	background-size: cover;
	bottom: 107px;
	left: 432px;
}
.point9 a{
	position: absolute;
	right: 70px;
	bottom: 45px;
	width: 200px;
}
.point10{
	position: absolute;
	width: 347px;
	height: 152px;
	background: url("point10_2023gz.png");
	background-size: cover;
	bottom: 40px;
	left: 320px;
}
.point10 a{
	position: absolute;
	right: 70px;
	bottom: 45px;
	width: 180px;
}
.cas_list2{
	display: none;
}
.map-m{
	display: none;
}
@media(min-width: 1230px) and (max-width: 1460px){
	.map-container,.container-p{
		width: 1230px;
		padding: 13 15;
	}
	.map-center{
		width: 1200px;
		background-size: 100% auto;
		margin: auto;
	}
	.point1{
		top: 50px;
    	right: 400px;
	}
	.point2{
		top: 145px;
    	right: 415px;
	}
	.point3{
		top: 260px;
    right: 385px;
	}
	.point4{
		top: 95px;
    right: 5px;
	}
	.point5{
		top: 290px;
    right: 10px;
	}
	.point6{
		top: 350px;
    right: 0px;
	}
	.point7{
		bottom: 180px;
    right: 0px;
	}
	.point8{
		bottom: 84px;
    right: 190px;
	}
	.point9{
		bottom: 140px;
    left: 355px;
	}
	.point10{
		bottom: 75px;
    left: 265px;
	}
}
@media(max-width:1230px){
	.map-container{
		overflow-x: scroll;
		width: 100%;
	}
	.container-p{
		width: 100%;
		padding-left: 30px;
	}
	.map-container::-webkit-scrollbar {/*滚动条整体样式*/
			width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
			height: 10px;
		}
		.map-container::-webkit-scrollbar-thumb {/*滚动条里面小方块 0.5是滚筒条透明度*/
			border-radius: 5px;
			-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
			background: rgba(0,0,0,0);
		}
		.map-container::-webkit-scrollbar-track {/*滚动条里面轨道*/
			-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
			border-radius: 0;
			background: rgba(0,0,0,0);
		}
}
@media(max-width:768px){
	.container-p{
		padding-left: 0px;
	}
	.map-container{
		overflow: inherit;
	}
	.Map{
		padding: 0px 30px;
	}
	.map-center{
		display: none;
	}
	.cas_list2 li a{
		width: 90%
	}
	.cas_list2{
		display: block;
		margin-bottom: 30px;
	}
	.map-m{
		display: block;
		width: 100%;
	}
	.container-p .position ,.container-p .position a{
		font-size: 28px;
	}
}