body,html{
	margin: 0;
	padding: 0;
}
.first{
	width: 100%;
	/*height: 936px;*/
	position: relative;
	overflow: hidden;
}
.first .firstBg{
	width: 100%;
	/*min-height: 100%;*/
	margin-top: -40px;
}
.dot {
  animation: sploosh 1.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dot2 {
  animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dot3 {
  animation: sploosh3 1.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.dot,.dot2,.dot3{
  border-radius: 100%;
  position: absolute;
  z-index: 10;
  animation-iteration-count:infinite;
  background: transparent;
}
/*.dot{
    height: 400px;
    width: 400px;
	margin-left: 57%;
    top: 350px;
    border: 2px solid;
    border-color: rgba(46,67,60,1);
}
.dot2{
    height: 340px;
    width: 340px;
	left: 30px;
    top: 30px;
    border: 2px solid;
    border-color: rgba(21,91,57,1);
}
.dot3{
    height: 280px;
    width: 280px;
	left: 30px;
    top: 30px;
    border: 2px solid;
    border-color: rgba(15,140,83,1);
}*/
@keyframes sploosh {
  0% {
   border-color: rgba(46,67,60, 1);
  }
  100% {
   border-color: rgba(46,67,60, 0);
  }
}
@keyframes sploosh2 {
  0% {
   border-color: rgba(21,91,57, 1);
  }
  100% {
   border-color: rgba(21,91,57, 0);
  }
}
@keyframes sploosh3 {
  0% {
   border-color: rgba(15,140,83, 1);
  }
  100% {
   border-color: rgba(15,140,83, 0);
  }
}
.phone{
	position: absolute;
	left: 39%;
	top: 200px;
    z-index: 9;
}

/*第二层*/
.secend{
	width: 100%;
	text-align: center;
	padding-top: 50px;
}
.secend .secendBg{
	max-width: 100%;
	
}
/*第三层*/
.third{
	width: 100%;
	overflow: hidden;
}
.third .thirdBg{
	width: 100%;
}
/*第四层*/
.fourth{
	width: 100%;
	padding-top: 85px;
	text-align: center;
}
.fourth .fourthBg{
	max-width: 100%;
}
/*footer*/
.fiveth{
	width: 100%;
	overflow: hidden;
}
.fiveth .footerBg{
	width: 100%;
}
@media only screen and (max-width: 1700px) {
	.dot{
		top: 200px;
	}
}
@media only screen and (max-width: 1200px) {
	.dot{
		top: 50px;
	}
}