@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% - 950px);
  }

  .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(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 49%;
    top: 45%;
  }

  .map-introduce8 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 54%;
    top: 47%;
  }

  .map-introduce9 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 55%;
    top: 38%;
  }

  .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: 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: 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(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 51%;
    top: 45%;
  }

  .map-introduce8 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 56%;
    top: 47%;
  }

  .map-introduce9 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 57%;
    top: 38%;
  }

  .section-3-hrader {
    padding-top: 10px;
    margin-bottom: 15px;
  }

  .section-3-hrader span {
    top: 30px;
  }

  .section-3-main {
    zoom: 0.78;
  }

  .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: 1580px) {
  .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: 452px;
    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: 1110px;
    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(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 818px;
    top: 120px;
  }

  .map-introduce8 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 905px;
    top: 140px;
  }

  .map-introduce9 {
    background-image: url(../images/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: 1158px;
    top: 202px;
  }

  .bg .content .content-two {
    left: 474px;
    top: 134px;
  }

  .bg .content .content-three {
    left: 1128px;
    top: 165px;
  }

  .bg .content .content-four {
    left: 1126px;
    top: 195px;
  }

  .bg .content .content-five {
    left: 1108px;
    top: 206px;
  }

  .bg .content .content-six {
    left: 1181px;
    top: 215px;
  }

  .bg .content .content-seven {
    left: 1168px;
    top: 410px;
  }

  .bg .content .content-eight {
    left: 1264px;
    top: 432px;
  }

  .bg .content .content-nine {
    left: 1274px;
    top: 372px;
  }

  .map-introduce1 {
    left: 1142px;
    top: 230px;
  }

  .map-introduce2 {
    left: 460px;
    top: 165px;
  }

  .map-introduce3 {
    left: 1116px;
    top: 188px;
  }

  .map-introduce4 {
    left: 1112px;
    top: 225px;
  }

  .map-introduce5 {
    left: 1095px;
    top: 236px;
  }

  .map-introduce6 {
    left: 1164px;
    top: 238px;
  }

  .map-introduce7 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 878px;
    top: 210px;
  }

  .map-introduce8 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    left: 975px;
    top: 235px;
  }

  .map-introduce9 {
    left: 982px;
    top: 175px;
  }
}

@media screen and (min-width: 1900px) {
  /* 头部 */
  /* 	header {
		width: 100%;
		height: 140px;
		position: relative;
	}

	header img {
		width: 100%;
		height: 100%;
	}

	.header-list {
		width: 100%;
		height: 60px;
		background-color: #FFFFFF;
		border-top: 1px solid #eee;
		position: relative;
	}

	.header-list .nav {
		margin: 0 auto;
	}

	.header-list .nav li {
		float: left;
		margin-right: 60px;
		position: relative;
	}

	.header-list .nav li::after {
		content: '';
		width: 100%;
		height: 3px;
		background-color: #0878B8;
		position: absolute;
		left: 0;
		bottom: 0px;
		opacity: 0;
	}

	.header-list .nav .on::after {
		opacity: 1;
	}

	.header-list .nav .on a {
		color: #0878B8;
	}

	.header-list ul li a {
		font-size: 21px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		line-height: 60px;
		width: 100%;
		height: 100%;
	}

	.header-list ul div {
		float: right;
		height: 100%;
		line-height: 70px;
		position: relative;
		width: 174px;
		height: 60px;
	}

	.header-list ul div p {
		border-radius: 18px;
		background-color: #F5F5F5;
		height: 36px;
		display: table-cell;
		vertical-align: middle;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.header-list ul div span {
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		height: 36px;
		line-height: 36px;
		color: #999;
		text-align: center;
		padding: 0px 10px;
		float: left;

	}

	.header-list ul div span.on {
		background: #0878B8;
		border-radius: 18px;
		color: #FFFFFF;
	} */

  .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;
  }

  /* 轮播图代码 */
  .banner {
    height: calc(100% - 200px);
    width: 100%;
  }

  .banner-img {
    width: 100%;
    height: 100%;
    /* height: 400px; */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* float: left; */
  }

  .swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .swiper-pagination {
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%);
    bottom: 33px !important;
    z-index: 1;
  }

  .swiper-pagination-bullet {
    margin-right: 8px;
    width: 28px;
    height: 5px;
    border-radius: 5px;
    line-height: 14px;
    text-align: center;
    background: #898989 !important;
    cursor: pointer;
    color: transparent;
    opacity: 1;
  }

  .swiper-pagination-bullet-active {
    width: 38px;
    height: 6px;
    background: #ffffff !important;
  }

  /* 第二屏 */
  .section-wrap .section-2 {
    background-color: #fdfdfd;
    box-sizing: border-box;
    /* margin-top: -20px; */
  }

  .section-2-hrader {
    width: 100%;
    /* margin-top: 15px; */
    text-align: center;
    position: relative;
  }

  .section-2-hrader h1 {
    text-align: center;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #666666;
    margin: 0 auto;
    padding-top: 11px;
    width: 1200px;
  }

  .section-2-hrader span {
    position: absolute;
    right: 360px;
    top: 20px;
  }

  .section-2-hrader span a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(204, 204, 204, 0.8);
    line-height: 24px;
  }

  .section-2-hrader img {
    width: 214px;
  }

  .section-2-ul {
    margin: 0 auto;
    margin-top: 10px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .section-2-ul li {
    float: left;
    width: 224px;
    height: 380px;
    background: #ffffff;
    margin-right: 20px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    flex-direction: column;
  }

  .section-2-ul li:hover {
    background: #f9f9f9;
    box-shadow: 1px 0px 10px 0px rgba(204, 204, 204, 0.84);
  }

  .section-2-ul li:hover span a {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #3fab15;
  }

  .section-2-ul li:hover p a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #3fab15;
    line-height: 24px;
  }

  .section-2-ul li img {
    margin-top: 18px;
  }

  .section-2-ul li span a {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-top: 15px;
  }

  .section-2-ul li p a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
    width: 178px;
    overflow: hidden;
    /* display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3; */
    margin-top: 10px;
  }

  .section-2-ul li:last-child {
    margin-right: 0px;
  }

  /* map */
  .map {
    position: relative;
    width: 100%;
    height: calc(100% - 380px);
    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(../images/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;
  }

  .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: 1314px;
    top: 242px;
  }

  .map-introduce2 {
    position: absolute;
    left: 530px;
    top: 180px;
  }

  .map-introduce3 {
    position: absolute;
    left: 1290px;
    top: 205px;
  }

  .map-introduce4 {
    position: absolute;
    left: 1282px;
    top: 234px;
  }

  .map-introduce5 {
    position: absolute;
    left: 1260px;
    top: 250px;
  }

  .map-introduce6 {
    position: absolute;
    left: 1345px;
    top: 255px;
  }

  .map-introduce7 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    position: absolute;
    left: 1050px;
    top: 235px;
  }

  .map-introduce8 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    position: absolute;
    left: 1170px;
    top: 265px;
  }

  .map-introduce9 {
    background-image: url(../images/20220622a1.png);
    padding: 22px 20px 40px 20px;
    position: absolute;
    left: 1170px;
    top: 200px;
  }
  .map-introduce10 {
    position: absolute;
    left: 50%;
    top: 30%;
  }
  .map-introduce11 {
    position: absolute;
    left: 62%;
    top: 39%;
  }

  /* 第三屏 */
  .section-wrap .section-3 {
    background-color: #fdfdfd;
    box-sizing: border-box;
    background-image: url(../images/20220614a4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    /* margin-top: -20px; */
  }

  .section-3-hrader {
    width: 100%;
    /* margin-top: 15px; */
    text-align: center;
    position: relative;
    padding-top: 60px;
    margin-bottom: 30px;
  }

  .section-3-hrader h1 {
    text-align: center;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #666666;
    margin: 0 auto;
    width: 1200px;
  }

  .section-3-hrader span {
    position: absolute;
    right: 360px;
    top: 80px;
  }

  .section-3-hrader span a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(204, 204, 204, 0.8);
    line-height: 24px;
  }

  .section-3-hrader img {
    width: 214px;
    margin-top: 5px;
  }

  /* 	.section-3-main {
		border: 1px solid #ccc;
	} */

  .main-three {
    float: left;
  }

  .main-three {
    width: 750px;
    height: 450px;
  }

  .main-three video {
    height: 450px;
  }

  .section-3-footer {
    width: 100%;
    height: 225px;
  }

  .footer-top {
    display: flex;
    justify-content: center;
  }

  .p1,
  .p2 {
    width: 2px;
    height: 170px;
    background: #666666;
    opacity: 0.7;
  }

  .footer-one {
    width: 306px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 80px;
    padding-right: 50px;
  }

  .footer-one h2,
  .footer-two h2 {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #666666;
    line-height: 24px;
    width: 100%;
    text-align: left;
    margin-bottom: 18px;
  }

  .footer-one h3,
  .footer-two h3 {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
    width: 100%;
    text-align: left;
  }

  .footer-two {
    width: 455px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .footer-three {
    width: 445px;
    padding-left: 70px;
    display: flex;
    align-items: center;
  }

  .footer-three img {
    width: 160px;
    height: 160px;
    margin-right: 20px;
  }

  .footer-three p {
    text-align: center;
  }

  .footer-three p span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    display: block;
  }

  .footer-one,
  .footer-two,
  .footer-three {
    height: 170px;
  }

  .footer-bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .footer-bottom p {
    text-align: center;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 36px;
  }
}
@media screen and (min-width: 768px) {
  .bg .content .content-ten {
    position: absolute;
    /* 	left: 1088px;
		top: 296px; */
    left: 50.5%;
    top: 27%;
  }
  .bg .content .content-eleven {
    position: absolute;
    /* 	left: 1088px;
		top: 296px; */
    left: 61.5%;
    top: 33%;
  }
}