html {
  font-size: 5.208vw;
}
body {
  margin: 0;
  min-width: 1200px;
}
.img-section {
  height: 8.19rem;
  background: url(/uploads/image/lsimages/2.jpg) no-repeat center;
  background-size: cover;
}
.img-section img {
  display: block;
  width: 100%;
}
.banner-one {
  height: 10.11rem;
  background: url(/uploads/image/lsimages/1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
.banner-one img {
  width: 100%;
  display: block;
}
.banner-one .kefu-btn {
  position: absolute;
  left: 1.34rem;
  bottom: 2.42rem;
  width: 2.44rem;
  height: 0.78rem;
  line-height: 0.78rem;
  text-align: center;
  display: block;
  background: #0089ff;
  border: 2px solid #acc7ef;
  border-radius: 4px;
  font-size: 0.36rem;
  font-family: pingfang;
  font-weight: 800;
  color: #ffffff;
}
.banner-one .play {
  cursor: pointer;
  position: absolute;
  width: 1rem;
  height: 1rem;
  bottom: 2.35rem;
  left: 5.1rem;
  background: url(/uploads/image/lsimages/play.png) no-repeat center center;
  transition: transform 0.2s;
  background-size: 100% 100%;
}
.banner-one .play:hover {
  transform: scale(1.2);
}
.banner-one .message {
  position: absolute;
  left: 1.34rem;
  bottom: 1.5rem;
  margin-top: 0.44rem;
  padding: 0.23rem 0.2rem;
  width: 2.96rem;
  height: 2.33rem;
  background: #ffffff;
  box-shadow: 0px 16px 27px 0px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
}
.banner-one .message .form-title {
  font-size: 0.2rem;
  line-height: 0.2rem;
  padding-bottom: 0.17rem;
  color: #2a66f5;
}
.banner-one .message .form-data {
  padding-bottom: 0.07rem;
}
.banner-one .message .form-data .form-input {
  margin-bottom: 0.07rem;
}
.banner-one .message .form-data .form-input .form-control {
  height: 0.37rem;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.banner-one .message .submit-bottom {
  width: 100%;
  height: 0.46rem;
  color: #fff;
  background: #3a71ea;
  font-size: 0.2rem;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.program-img {
  background-color: #fff;
  padding: 1.27rem 0 1.74rem;
}
.program-img img {
  display: block;
  margin: 0 auto;
  width: 11.61rem;
}
.ys-swiper {
  background-color: #f9faff;
  padding: 1.08rem 0 1.66rem;
}
.ys-swiper .ys-swiper__title {
  text-align: center;
  font-size: 0.42rem;
  padding-bottom: 0.88rem;
  font-family: pingfang sc;
  font-weight: bold;
  color: #000000;
}
.ys-swiper .swiper {
  margin: 0 auto;
  width: 13.67rem;
  position: relative;
}
.ys-swiper .swiper .swiper-button-prev {
  background-image: url(/uploads/image/lsimages/f_left.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.54rem;
  height: 0.54rem;
  left: 0;
}
.ys-swiper .swiper .swiper-button-next {
  background-image: url(/uploads/image/lsimages/f_right.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 0.54rem;
  height: 0.54rem;
  right: 0;
}
.ys-swiper .swiper img {
  display: block;
}
.ys-swiper .swiper-container {
  width: 11.97rem;
}
.ys-swiper .swiper-container .swiper-wrapper {
  width: 11.97rem;
}
.ys-swiper .swiper-container .swiper-slide {
  width: 100% !important;
}
.ys-swiper .swiper-container .swiper-slide img {
  width: 100%;
}
.map-item {
  background-color: #fff;
  padding: 0.85rem 0 1.13rem;
}
.map-item .map-title {
  line-height: 1;
  text-align: center;
  padding-bottom: 0.43rem;
  font-size: 0.42rem;
  font-family: pingfang sc;
  font-weight: bold;
  color: #282828;
}
.map-item .map-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.19rem;
}
.map-item .map-tab .map-tab__item {
  margin: 0 0.15rem;
  width: 1.62rem;
  height: 0.62rem;
  line-height: 0.62rem;
  background: #adadad;
  text-align: center;
  font-size: 0.28rem;
  font-family: pingfang sc;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}
.map-item .map-tab .map-tab__item--active {
  background: #0284ff;
}
.map-item .map-area {
  padding: 0 0.45rem 0 0.2rem;
  width: 10.16rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: relative;
}
.map-item .map-area .map-area__bg {
  width: 9.57rem;
  height: 7.77rem;
  display: block;
}
.map-item .map-area .map-area__img {
  position: absolute;
  display: none;
  top: 2.36rem;
  left: 49%;
  transform: translate(-50%, 0px);
  width: 11.09rem;
  height: 2.61rem;
}
.map-item .map-area .map-area__img1 {
  position: absolute;
  transform: translate(-50%, 0%);
  top: 2.36rem;
  left: 48%;
  display: none;
  width: 7.47rem;
}
.map-item .map-area .show {
  display: block;
}
.project-des {
  padding: 1.03rem 0 1.26rem;
  margin: 0 auto;
  background-color: #f9faff;
}
.project-des img {
  display: block;
  margin: 0 auto;
  width: 11.65rem;
}
.why-select img {
  display: block;
  width: 100%;
}
.cor-company {
  padding: 1.82rem 0 2.57rem;
}
.cor-company img {
  display: block;
  width: 11.09rem;
  margin: 0 auto;
}
.video-wrapper {
  visibility: hidden;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-wrapper::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.video-wrapper video {
  width: 800px;
  margin-top: 220px;
}
.video-wrapper .close {
  float: none;
  margin: 20px auto;
  width: 50px;
  height: 50px;
  line-height: 43px;
  font-size: 50px;
  color: #fff;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50px;
  cursor: pointer;
  opacity: 1;
}