@media screen and (min-width:1250px) and (max-width:1440px) {
	.introduction-two {
		width: 480px;
		height: 100%;
		line-height: 270px;
		box-sizing: border-box;
		padding: 40px 16px 44px 15px;
		position: relative;
	}

	.introduction-three {
		width: calc(100% - 1020px);
	}



	.map {
		width: 100%;
		/* height: 440px; */
		height: calc(100% - 350px);
	}

	.bg .content span {
		width: 4px;
		height: 4px;
	}

	.bg .content .content-one {
		position: absolute;
		left: 69%;
		top: 36%;
	}

	.bg .content .content-two {
		position: absolute;
		/* left: 404px;
		top: 104px; */
		left: 28.1%;
		top: 24.2%;
	}

	.bg .content .content-three {
		position: absolute;
		/* 	left: 964px;
		top: 132px; */
		left: 67%;
		top: 30.4%;
	}

	.bg .content .content-four {
		position: absolute;
		/* left: 940px;
		top: 154px; */
		left: 67.1%;
		top: 35.5%;
	}

	.bg .content .content-five {
		position: absolute;
		/* left: 940px;
		top: 195px; */
		left: 66%;
		top: 37.4%;
	}

	.bg .content .content-six {
		position: absolute;
		/* 	left: 998px;
		top: 148px; */
		left: 70.2%;
		top: 39%;
	}

	.bg .content .content-seven {
		position: absolute;
		/* left: 1000px;
		top: 325px; */
		left: 69.4%;
		top: 75%;
	}

	.bg .content .content-eight {
		position: absolute;
		/* 	left: 1080px;
		top: 342px; */
		left: 75%;
		top: 78.5%;
	}

	.bg .content .content-nine {
		position: absolute;
		/* 	left: 1088px;
		top: 296px; */
		left: 75.8%;
		top: 68%;
	}

	.introduce {
		width: 410px;
		height: 185px;
	}

	.introduce img {
		width: 180px;
		height: 120px;
	}

	.introduce p {
		width: 174px;
		padding-top: 12px;
	}

	.map-introduce1 {
		left: 68%;
		top: 41%;
	}

	.map-introduce2 {
		left: 28%;
		top: 31%;
	}

	.map-introduce3 {
		left: 66%;
		top: 35%;
	}

	.map-introduce4 {
		left: 66%;
		top: 40%;
	}

	.map-introduce5 {
		left: 65%;
		top: 42%;
	}

	.map-introduce6 {
		left: 70%;
		top: 44%;
	}

	.map-introduce7 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 48%;
		top: 32%;
	}

	.map-introduce8 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 54%;
		top: 38%;
	}

	.map-introduce9 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 55%;
		top: 27%;
	}

	.section-3-hrader {
		padding-top: 10px;
		margin-bottom: 15px;
	}

	.section-3-hrader span {
		top: 30px;
	}





}


@media screen and (min-width:1300px) and (max-width:1410px) {
	.img1 {
		left: 0px;
		width: 452px;
		height: 130px;
	}

	.img2 {
		left: 582px;
		width: 316px;
		height: 130px;
	}

	.img3 {
		left: 968px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.img4 {
		left: 1104px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.section-2-ul li {
		height: 240px;
	}

	.section-2-ul li img {
		margin-top: 16px;
	}

	.map {
		width: 100%;
		/* height: 440px; */
		height: calc(100% - 350px);
	}

	.bg .content span {
		width: 4px;
		height: 4px;
	}

	.bg .content .content-one {
		position: absolute;
		left: 69%;
		top: 36%;
	}

	.bg .content .content-two {
		position: absolute;
		/* left: 404px;
		top: 104px; */
		left: 28.1%;
		top: 24.2%;
	}

	.bg .content .content-three {
		position: absolute;
		/* 	left: 964px;
		top: 132px; */
		left: 67%;
		top: 30.4%;
	}

	.bg .content .content-four {
		position: absolute;
		/* left: 940px;
		top: 154px; */
		left: 67.1%;
		top: 35.5%;
	}

	.bg .content .content-five {
		position: absolute;
		/* left: 940px;
		top: 195px; */
		left: 66%;
		top: 37.4%;
	}

	.bg .content .content-six {
		position: absolute;
		/* 	left: 998px;
		top: 148px; */
		left: 70.2%;
		top: 39%;
	}

	.bg .content .content-seven {
		position: absolute;
		/* left: 1000px;
		top: 325px; */
		left: 69.4%;
		top: 74.5%;
	}

	.bg .content .content-eight {
		position: absolute;
		/* 	left: 1080px;
		top: 342px; */
		left: 75%;
		top: 78.5%;
	}

	.bg .content .content-nine {
		position: absolute;
		/* 	left: 1088px;
		top: 296px; */
		left: 75.8%;
		top: 68%;
	}

	.introduce {
		width: 410px;
		height: 185px;
	}

	.introduce img {
		width: 180px;
		height: 120px;
	}

	.introduce p {
		width: 174px;
		padding-top: 12px;
	}

	.map-introduce1 {
		left: 68%;
		top: 41%;
	}

	.map-introduce2 {
		left: 28%;
		top: 32%;
	}

	.map-introduce3 {
		left: 66%;
		top: 35%;
	}

	.map-introduce4 {
		left: 66%;
		top: 40%;
	}

	.map-introduce5 {
		left: 65%;
		top: 42%;
	}

	.map-introduce6 {
		left: 70%;
		top: 44%;
	}

	.map-introduce7 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 51%;
		top: 38%;
	}

	.map-introduce8 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 56%;
		top: 40%;
	}

	.map-introduce9 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 57%;
		top: 31%;
	}

	.section-3-hrader {
		padding-top: 10px;
		margin-bottom: 15px;
	}

	.section-3-hrader span {
		top: 30px;
	}



	.main-three,
	video {
		height: 430px;
	}

	.section-3-footer {
		bottom: 0;
		height: 210px;
	}

	.footer-one h2,
	.footer-two h2 {
		margin-bottom: 10px;
	}

	.p1,
	.p2 {
		height: 150px;
	}

	.footer-one,
	.footer-two,
	.footer-three {
		height: 150px;
	}

	.footer-three img {
		height: 140px;
		width: 140px;
	}


}

@media screen and (min-width:1600px) {
	.img1 {
		left: 0px;
		width: 452px;
		height: 130px;
	}

	.img2 {
		left: 582px;
		width: 316px;
		height: 130px;
	}

	.img3 {
		left: 968px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.img4 {
		left: 1104px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.section-2-ul li {
		height: 250px;
	}

	.map {
		width: 100%;
		height: 430px;
	}

	.bg .content .content-one {
		position: absolute;
		left: 1103px;
		top: 155px;
	}

	.bg .content .content-two {
		position: absolute;
		left: 449px;
		top: 102px;
	}

	.bg .content .content-three {
		position: absolute;
		left: 1072px;
		top: 126px;
	}

	.bg .content .content-four {
		position: absolute;
		left: 1074px;
		top: 150px;
	}

	.bg .content .content-five {
		position: absolute;
		left: 1056px;
		top: 160px;
	}

	.bg .content .content-six {
		position: absolute;
		left: 1123px;
		top: 162px;
	}

	.bg .content .content-seven {
		position: absolute;
		left: 1100px;
		top: 318px;
	}


	.bg .content .content-eight {
		position: absolute;
		left: 1200px;
		top: 332px;
	}

	.bg .content .content-nine {
		position: absolute;
		left: 1216px;
		top: 288px;
	}

	.map-introduce1 {
		left: 1090px;
		top: 180px;
	}

	.map-introduce2 {
		left: 435px;
		top: 140px;
	}

	.map-introduce3 {
		left: 1056px;
		top: 148px;
	}

	.map-introduce4 {
		left: 1060px;
		top: 176px;
	}

	.map-introduce5 {
		left: 1040px;
		top: 190px;
	}

	.map-introduce6 {
		left: 1112px;
		top: 185px;
	}

	.map-introduce7 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 818px;
		top: 120px;
	}

	.map-introduce8 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 905px;
		top: 140px;
	}

	.map-introduce9 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 924px;
		top: 90px;
	}


	.section-3-hrader {
		padding-top: 10px;
		margin-bottom: 15px;
	}

	.section-3-hrader span {
		top: 30px;
	}



	.main-three,
	video {
		height: 430px;
	}

	.section-3-footer {
		bottom: 0;
		height: 210px;
	}

	.footer-one h2,
	.footer-two h2 {
		margin-bottom: 10px;
	}

	.p1,
	.p2 {
		height: 150px;
	}

	.footer-one,
	.footer-two,
	.footer-three {
		height: 150px;
	}

	.footer-three img {
		height: 140px;
		width: 140px;
	}

}



@media screen and (min-width:1660px) {

	.img1 {
		left: 0px;
		width: 452px;
		height: 130px;
	}

	.img2 {
		left: 582px;
		width: 316px;
		height: 130px;
	}

	.img3 {
		left: 968px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.img4 {
		left: 1104px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.map {
		width: 100%;
		height: 550px;
	}

	.section-2-ul li {
		height: 280px;
	}

	.section-2-ul li img {
		margin-top: 16px;
	}

	.bg .content .content-one {
		left: 1147px;
		top: 202px;
	}

	.bg .content .content-two {
		left: 472px;
		top: 134px;
	}

	.bg .content .content-three {
		left: 1117px;
		top: 165px;
	}

	.bg .content .content-four {
		left: 1115px;
		top: 195px;
	}

	.bg .content .content-five {
		left: 1097px;
		top: 206px;
	}

	.bg .content .content-six {
		left: 1168px;
		top: 215px;
	}

	.bg .content .content-seven {
		left: 1157px;
		top: 410px;
	}

	.bg .content .content-eight {
		left: 1253px;
		top: 432px;
	}

	.bg .content .content-nine {
		left: 1263px;
		top: 372px;
	}

	.map-introduce1 {
		left: 1138px;
		top: 230px;
	}

	.map-introduce2 {
		left: 466px;
		top: 170px;
	}

	.map-introduce3 {
		left: 1110px;
		top: 188px;
	}

	.map-introduce4 {
		left: 1106px;
		top: 225px;
	}

	.map-introduce5 {
		left: 1089px;
		top: 236px;
	}

	.map-introduce6 {
		left: 1158px;
		top: 238px;
	}

	.map-introduce7 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 872px;
		top: 210px;
	}

	.map-introduce8 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		left: 969px;
		top: 235px;
	}

	.map-introduce9 {
		left: 976px;
		top: 175px;
	}


}

@media screen and (min-width:1900px) {



	.img1,
	.img2,
	.img3,
	.img4 {
		position: absolute;
		z-index: 99;
		top: 50%;
		transform: translateY(-50%);
	}

	.img1 {
		left: 0px;
		width: 452px;
		height: 130px;
	}

	.img2 {
		left: 582px;
		width: 316px;
		height: 130px;
	}

	.img3 {
		left: 968px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.img4 {
		left: 1104px;
		/* width: 24px; */
		height: 24px;
		top: 60%;
	}

	.img3 img,
	.img4 img {
		width: 24px;
		margin-right: 5px;
	}

	.img3,
	.img4 {
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #999999;
		line-height: 24px;
	}

	/* 二级下拉 */
	.introduction {
		width: 100%;
		height: 270px;
		position: absolute;
		left: 0;
		top: 60px;
		z-index: 99;
		overflow: hidden;
	}

	.introduction1 {
		display: none !important;
	}

	.introduction .introduction-menu {
		position: absolute;
		background: #F6F6F7;
		opacity: 0;
		z-index: 99;
		top: -275px;
		border-top: 5px solid #B5D5E8;
		width: 100%;
		height: 100%;
	}

	.header-list .introduction .active {
		transition: all 0.5s;
		animation: myfirst 0.5s linear forwards;
	}

	.introduction .active-two {
		transition: all 0.5s;
		animation: mysecond 0.5s linear forwards;
	}

	@keyframes myfirst {
		0% {
			opacity: 0;
			top: -275px;
		}

		100% {
			opacity: 1;
			top: 0px;
		}
	}

	@-webkit-keyframes myfirst

	/* Safari and Chrome */
		{
		0% {
			opacity: 0;
			top: -275px;
		}

		100% {
			opacity: 1;
			top: 0px;
		}
	}

	@keyframes mysecond {
		0% {
			opacity: 1;
			top: 0px;
		}

		100% {
			opacity: 0;
			top: -275px;
		}
	}

	@-webkit-keyframes mysecond

	/* Safari and Chrome */
		{
		0% {
			opacity: 1;
			top: 0px;
		}

		100% {
			opacity: 0;
			top: -275px;
		}
	}


	.introduction-one,
	.introduction-two,
	.introduction-three {
		float: left;
	}

	.introduction-one {
		width: 470px;
		height: 245px;
		margin-top: 10px;
	}

	.introduction-one img {
		width: 100%;
		height: 100%;
	}

	.introduction-two {
		width: 624px;
		height: 100%;
		line-height: 270px;
		box-sizing: border-box;
		padding: 40px 50px 44px 40px;
		position: relative;
	}

	.introduction-two h2 {
		font-size: 30px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666;
		line-height: 30px;
		margin-bottom: 15px;
	}

	.introduction-two p {
		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666;
		line-height: 30px;
	}

	.introduction-two p span {
		color: #0878B8;
	}


	.introduction-two::after {
		content: '';
		display: block;
		width: 2px;
		height: 200px;
		background: #CCCCCC;
		border-radius: 1px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	.introduction-three {
		width: calc(100% - 1104px);
	}

	.introduction-three ul {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 39px 0px;
		padding-left: 44px;
	}

	.introduction-three ul li {
		width: 100%;
		/* height: 35px; */
		/* line-height: 35px; */
		text-align: left;
		position: relative;
	}



	.introduction-three ul li a {
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 300;
		color: #666;
		line-height: 48px;
	}

	.introduction-three ul li::before {
		content: '';
		display: inline-block;
		width: 2px;
		height: 12px;
		background: #0878B8;
		left: 0;
		top: 50%;
		margin-right: 10px;
	}


	/* map */
	.map {
		position: relative;
		width: 100%;
		height: 590px;
		margin-top: 15px;
	}

	.map-img {
		width: 100%;
		height: 100%;
	}

	.bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.bg .content {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.bg .content div {
		background: #FFFFFF;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		position: relative;
	}

	.bg .content p {
		position: absolute;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #FFFFFF;
		/* box-shadow: 0px 0px 1px #009FD9; */
	}

	.bg .content span {
		position: absolute;
		display: block;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		animation: myMap 1.5s infinite;
		box-shadow: 0px 0px 5px 4px #FFFFFF;
		background-color: #FFFFFF;
		animation-delay: 0.8s;
	}

	.bg .content .content-four p,
	.bg .content .content-four span {
		width: 3px;
		height: 3px;
	}


	.bg .content .content-eight p,
	.bg .content .content-eight span {
		width: 8px;
		height: 8px;
	}

	.bg .content .round {
		width: 28px;
		height: 28px;
		background-color: transparent;
	}

	.bg .content .round div {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.bg .content .content-one {
		position: absolute;
		left: 69.1%;
		top: 36.8%;
		opacity: 0;
	}


	.bg .content .content-two {
		position: absolute;
		/* 	left: 546px;
		top: 143px; */
		left: 28.4%;
		top: 24.5%;
	}

	.bg .content .content-three {
		position: absolute;
		/* left: 1291px;
		top: 177px; */
		left: 67.2%;
		top: 30.4%;
	}

	.bg .content .content-four {
		position: absolute;
		/* left: 1259px;
		top: 207px; */
		left: 67.2%;
		top: 35.6%;
	}

	.bg .content .content-five {
		position: absolute;
		/* left: 1258px;
		top: 257px; */
		left: 66%;
		top: 37.4%;
	}

	.bg .content .content-six {
		position: absolute;
		/* left: 1336px;
		top: 197px; */
		left: 70.3%;
		top: 39.1%;
	}

	.bg .content .content-seven {
		position: absolute;
		/* 	left: 1335px;
	top: 427px; */
		left: 69.5%;
		top: 74.5%;
	}

	.bg .content .content-eight {
		position: absolute;
		/* 	left: 1449px;
		top: 456px; */
		left: 75.4%;
		top: 79%;
	}

	.bg .content .content-nine {
		position: absolute;
		/* 	left: 1455px;
		top: 389px; */
		left: 76.1%;
		top: 68%;
	}

	@keyframes myMap {
		20% {
			transform: scale(1.15);
		}

		40% {
			transform: scale(1.3);
		}

		60% {
			transform: scale(1.45);
		}

		80% {
			transform: scale(1.6);
		}

		100% {
			transform: scale(1.75);
		}
	}

	/* map-show */


	.introduce {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220614a1.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 448px;
		height: 202px;
		display: none;
		box-sizing: border-box;
		padding: 40px 20px 22px 20px;
		overflow: hidden;
		z-index: 999;
	}

	.introduce img {
		float: left;
		width: 210px;
		height: 140px;
		margin-right: 10px;
	}

	.introduce p {
		float: left;
		font-size: 14px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		line-height: 24px;
		box-sizing: border-box;
		padding-top: 25px;
		width: 183px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}

	.introduce p span {
		color: #FF0000;
	}

	.map-introduce1 {
		position: absolute;
		left: 1306px;
		top: 242px;
	}

	.map-introduce2 {
		position: absolute;
		left: 522px;
		top: 180px;
	}

	.map-introduce3 {
		position: absolute;
		left: 1277px;
		top: 205px;
	}

	.map-introduce4 {
		position: absolute;
		left: 1267px;
		top: 234px;
	}

	.map-introduce5 {
		position: absolute;
		left: 1247px;
		top: 250px;
	}

	.map-introduce6 {
		position: absolute;
		left: 1332px;
		top: 255px;
	}

	.map-introduce7 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		position: absolute;
		left: 1034px;
		top: 235px;
	}

	.map-introduce8 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		position: absolute;
		left: 1154px;
		top: 265px;
	}

	.map-introduce9 {
		background-image: url(http://www.yanzhoucoal.com.cn/2022style/2022img/20220622a1.png);
		padding: 22px 20px 40px 20px;
		position: absolute;
		left: 1154px;
		top: 200px;
	}

}
