@font-face {
  font-family: mypro;
  src: url('css/fonts/MyriadPro-Regular.ttf'), url('css/fonts/MyriadPro-Regular.eot'), url('css/fonts/MyriadPro-Regular.svg'), url('css/fonts/MyriadPro-Regular.woff');
}
.font-animation h3,
.font-animation p {
  transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  -webket-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.station-content {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  font-family: mypro;
}
.station-content div,
.station-content h3,
.station-content p,
.station-content img {
  padding: 0;
  margin: 0;
}
.station-content h3 {
  font-size: 40px;
  font-family: mypro;
  padding-bottom: 15px;
  font-weight: normal;
}
.station-content p {
  font-size: 26px;
  font-family: mypro;
}
.station-content .station-1 {
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 10px 50px #ccc;
}
.station-content .station-1 .station-1-wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.station-content .station-1 .station-1-wrap .station-1-1 {
  float: left;
  padding-top: 300px;
}
.station-content .station-1 .station-1-wrap .station-1-1 h3 {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -webket-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.station-content .station-1 .station-1-wrap .station-1-1 p {
  transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -webket-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
}
.station-content .station-1 .station-1-wrap .station-1-2 {
  position: absolute;
  top: 0;
  right: -360px;
}
.station-content .station-2 {
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden;
  background: #dce5ed;
  text-align: center;
}
.station-content .station-2 .station-2-2 h3 {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -webket-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.station-content .station-2 .station-2-2 p {
  transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -webket-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
}
.station-content .station-3 {
  width: 100%;
  height: 779px;
  position: relative;
  overflow: hidden;
  background: url('/upload/xqy/chagerstation/station-3.jpg') no-repeat center;
}
.station-content .station-3 .station-3-1 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  left: 700px;
  top: 130px;
}
.station-content .station-3 .station-3-1 h3 {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -webket-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.station-content .station-3 .station-3-1 p {
  transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -webket-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
}
.station-content .station-4 {
  width: 100%;
  height: 779px;
  position: relative;
  overflow: hidden;
}
.station-content .station-4 .station-4-wrap {
  width: 1200px;
  height: 779px;
  position: relative;
  overflow: hidden;
  margin: 159px auto 0;
}
.station-content .station-4 .station-4-wrap .station-4-1 {
  float: left;
  padding-top: 100px;
}
.station-content .station-4 .station-4-wrap .station-4-1 h3 {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -webket-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.station-content .station-4 .station-4-wrap .station-4-1 p {
  transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -webket-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
}
.station-content .station-4 .station-4-wrap .station-4-2 {
  float: right;
}
.station-content .station-5 {
  width: 100%;
  height: 779px;
  position: relative;
  overflow: hidden;
  background: #dce5ed;
}
.station-content .station-5 .station-5-wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.station-content .station-5 .station-5-wrap .station-5-1 {
  position: absolute;
  top: 55px;
  left: -360px;
}
.station-content .station-5 .station-5-wrap .station-5-2 {
  position: relative;
  z-index: 1;
  left: 500px;
  top: 205px;
}
.station-content .station-5 .station-5-wrap .station-5-2 h3 {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -webket-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.station-content .station-5 .station-5-wrap .station-5-2 p {
  transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -webket-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
}
.station-content .station-6 {
  width: 100%;
  height: 779px;
  position: relative;
  overflow: hidden;
}
.station-content .station-6 .station-6-wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.station-content .station-6 .station-6-wrap .station-6-1 {
  position: absolute;
  left: -360px;
  top: 119px;
}
.station-content .station-6 .station-6-wrap .station-6-2 {
  position: relative;
  top: 280px;
  left: 800px;
}
.station-content .station-6 .station-6-wrap .station-6-2 h3 {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -webket-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.station-content .station-6 .station-6-wrap .station-6-2 p {
  transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -webket-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
}
.station-content .station-7 {
  width: 100%;
  height: 779px;
  position: relative;
  overflow: hidden;
  background: #dce5ed;
}
.station-content .station-7 .station-7-wrap {
  width: 1300px;
  margin: 185px auto 0;
}
.station-content .station-7 .station-7-wrap .station-7-1 {
  float: left;
  width: 700px;
}
.station-content .station-7 .station-7-wrap .station-7-1 img {
  max-width: 100%;
}
.station-content .station-7 .station-7-wrap .station-7-2 {
  float: right;
  padding-top: 100px;
}
.station-content .station-7 .station-7-wrap .station-7-2 h3 {
  transition: all 1s ease;
  -o-transition: all 1s ease;
  -webket-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
}
.station-content .station-7 .station-7-wrap .station-7-2 p {
  transition: all 1s ease 0.5s;
  -o-transition: all 1s ease 0.5s;
  -webket-transition: all 1s ease 0.5s;
  -moz-transition: all 1s ease 0.5s;
  -ms-transition: all 1s ease 0.5s;
}