.banner {
  position: relative;
}
.banner img {
  display: block;
}
.banner .banner-img {
  width: 100%;
}
.banner .title {
  position: absolute;
  left: 6vw;
  bottom: -15px;
  z-index: 9;
  width: 18vw;
  max-width: 200px;
}
.sec1 {
  position: relative;
}
.sec1 img {
  display: block;
  width: 100%;
}
.sec1 h2 {
  font-size: 70px;
  color: #182c4f;
  position: absolute;
  left: 165px;
  top: -50px;
}
.sec2 img {
  display: block;
  max-width: 1500px;
  margin: 0 auto;
  width: 100%;
}
.devimg {
  position: relative;
}
.devimg .intro {
  width: 100%;
  display: block;
}
.devimg .y2003 {
  position: absolute;
  left: 55vw;
  top: 14vw;
  width: 14vw;
}
.devimg .y2004 {
  position: absolute;
  left: 30vw;
  top: 27vw;
  width: 14vw;
}
.devimg .y2012 {
  position: absolute;
  left: 55vw;
  top: 38vw;
  width: 14vw;
}
.devimg .y2017 {
  position: absolute;
  left: 30vw;
  top: 51vw;
  width: 14vw;
}
.devimg .y2018 {
  position: absolute;
  left: 55vw;
  top: 62vw;
  width: 14vw;
}
.devimg .y2019 {
  position: absolute;
  left: 30vw;
  top: 75vw;
  width: 14vw;
}

.devimg .year{
	position: absolute;
	display: block;
	-webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease,
    -webkit-transform 0.3s ease;
}
.devimg .year:hover {
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
}
.devimg-phone img{
  display: block;
  width: 100%;
}
.devimg-phone {
  display: none;
}
@media screen and (max-width: 1000px) {
  .devimg {
    display: none;
  }
  .devimg-phone {
    display: block;
  }
  .banner {
    position: relative;
    padding-bottom: 100%;
  }
  .banner .banner-img {
    position: absolute;
    height: 100%;
    width: auto;
    left: -60%;
  }
  .banner .title {
    position: absolute;
    left: 6vw;
    bottom: -3vw;
    z-index: 9;
    width: 38vw;
    max-width: 200px;
  }
}