.banner {
  height: 437px;
  background: url(../../images/business/maintainCar/banner.jpg) no-repeat;
  background-size: cover;
  position: relative;
}
.bannerContent {
  position: absolute;
  right: 21%;
  text-align: center;
  margin-top: 92px;
}

.banner .t1,
.banner .t2 {
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.banner .t1 {
  padding-top: 190px;
  font-size: 50px;
}
.banner .t2 {
  font-size: 25px;
  padding-top: 30px;
}

.actionContent {
  width: 1200px;
  margin: 0 auto;
  padding-top: 100px;
}
.actionContent h3 {
  color: #3a416f;
  font-size: 40px;
  text-align: center;
  margin-bottom: 76px;
}
.actionContentBody {
  zoom: 1;
}
.actionContentBody:after {
  content: '';
  display: block;
  clear: both;
}

.actionMaintain {
  /* background: #fff; */
  text-align: center;
  height: 665px;
}
.actionMaintain h2 {
  color: #3a416f;
  font-size: 40px;
  margin-bottom: 18px;
}
.actionMaintain .actionContent > p {
  color: #b0b3c5;
  font-size: 20px;
  margin-bottom: 28px;
}
.actionMaintain .actionContentBody {
}
.actionMaintain .actionContentBody li {
  float: left;
  width: 240px;
  height: 360px;
  position: relative;
}
.actionMaintain .actionContentBody li:hover span {
  transform: scaleY(0.28);
  opacity: 0.88;
}
.actionMaintain .actionContentBody li:hover p {
  transform: translateY(130px);
}
.actionMaintain .actionContentBody img {
  width: 240px;
  height: 360px;
}
.actionMaintain .actionContentBody span {
  display: block;
  width: 240px;
  height: 360px;
  position: absolute;
  left: 0;
  top: 0;
  background: #246ee6;
  opacity: 0.5;
  transition: all 1s ease;
  transform-origin: bottom center;
  -moz-transition: all 1s ease; /* Firefox 4 */
  -moz-transform-origin: bottom center;
  -webkit-transition: all 1s ease; /* Safari 和 Chrome */
  -webkit-transform-origin: 100% 100%;
  -o-transition: all 1s ease; /* Opera */
  -o-transform-origin: bottom center;
}
.actionMaintain .actionContentBody p {
  width: 100%;
  font-size: 25px;
  color: #fff;
  position: absolute;
  left: 0;
  top: calc(50% - 16px);
  transition: all 1s ease;
  transform-origin: bottom center;
  -moz-transition: all 1s ease; /* Firefox 4 */
  -moz-transform-origin: bottom center;
  -webkit-transition: all 1s ease; /* Safari 和 Chrome */
  -webkit-transform-origin: 50% 50%;
  -o-transition: all 1s ease; /* Opera */
  -o-transform-origin: bottom center;
}

.actionPickUpCar {
  background: #f5f5f7;
  text-align: center;
  height: 914px;
  padding-top: 100px;
}
.actionPickUpCar h2 {
  color: #3a416f;
  font-size: 40px;
  margin-bottom: 18px;
}
.actionPickUpCar .actionContent {
  padding: 0 80px;
}
.actionPickUpCar .actionContent > p {
  color: #b0b3c5;
  font-size: 20px;
  margin-bottom: 28px;
}
.actionPickUpCar .actionContentBody li {
  float: left;
  margin: 0 30px 80px;
}
.actionPickUpCar .actionContentBody h5 {
  color: #323232;
  font-size: 18px;
  margin-bottom: 12px;
}
.actionPickUpCar .actionContentBody p {
  color: #989898;
  font-size: 14px;
  margin-bottom: 10px;
}
.actionPickUpCar .actionContentBody img {
  width: 286px;
  height: 200px;
}

.actionMakeAppointment {
  background: #fff;
  text-align: center;
  height: 665px;
}
.actionMakeAppointment h2 {
  color: #3a416f;
  font-size: 40px;
  margin-bottom: 18px;
}
.actionMakeAppointment .actionContent > p {
  color: #b0b3c5;
  font-size: 20px;
  margin-bottom: 28px;
}
.actionMakeAppointment .actionContentBody {
}
.actionMakeAppointment .actionContentBody li {
  float: left;
  margin-right: 80px;
}
.actionMakeAppointment .actionContentBody li:last-child {
  margin-right: 0;
}
.actionMakeAppointment .actionContentBody img {
  width: 240px;
  height: 260px;
  display: block;
}
.actionMakeAppointment .actionContentBody p {
  height: 100px;
  color: #fff;
  font-size: 25px;
  line-height: 100px;
  background: #246ee6;
}

.actionServe {
  background: #fff;
  height: 1110px;
}
.actionServe h2 {
  color: #3a416f;
  font-size: 40px;
  margin-bottom: 18px;
  text-align: center;
}
.actionServe .actionContent > p {
  color: #b0b3c5;
  font-size: 20px;
  margin-bottom: 28px;
  text-align: center;
}
.actionServe .actionContentBody {
}
.actionServe .actionContentBody > li {
}
.actionServe .actionContentBody > li:after {
  content: '';
  display: block;
  clear: both;
}
.actionServe .actionContentBody ul {
  padding: 70px 80px 0;
}
.actionServe .actionContentBody ul li {
  color: #323232;
  font-size: 20px;
  line-height: 36px;
}
.actionServe .bottomLine {
  width: 60px;
  height: 5px;
  background: #246ee6;
  margin-top: 40px;
}
.actionServe .actionContentBody .textBox1 {
  float: left;
  width: 50%;
  background: #f5f5f7;
  height: 400px;
}
.actionServe .actionContentBody .serverImg1 {
  float: right;
  display: block;
  width: 50%;
  height: 400px;
}
.actionServe .actionContentBody .textBox2 {
  float: right;
  width: 50%;
  background: #f5f5f7;
  height: 400px;
}
.actionServe .actionContentBody .serverImg2 {
  float: left;
  display: block;
  width: 50%;
  height: 400px;
}

.actionRescue {
  background: #fff;
  height: 1062px;
}
.actionRescue h2 {
  color: #3a416f;
  font-size: 40px;
  margin-bottom: 18px;
  text-align: center;
}
.actionRescue .actionContent > p {
  color: #b0b3c5;
  font-size: 20px;
  margin-bottom: 28px;
  text-align: center;
}
.actionRescue .actionContent {
  width: 100%;
}
.actionRescue .actionContentBody {
  position: relative;
}
.actionRescue .actionContentBody .colorBlock1 {
  background: #3879e3;
  width: 100%;
  height: 558px;
}
.actionRescue .actionContentBody .colorBlock2 {
  background: #e0f3ff;
  width: 100%;
  height: 280px;
}
.actionRescue .actionContentBody .rescueContentBox {
  position: absolute;
  top: 0;
  left: calc(50% - 501px);
}