.banner {
  height: 437px;
  background: url(../../images/business/rentCar/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 h2 {
  color: #3a416f;
  font-size: 40px;
  text-align: center;
  margin-bottom: 76px;
}
.actionContentBody {
  zoom: 1;
}
.actionContentBody:after {
  content: '';
  display: block;
  clear: both;
}

.actionFirst {
  background: url('../../images/business/rentCar/actionFirstBg.jpg') no-repeat;
  background-size: cover;
  text-align: center;
  height: 635px;
}
.actionFirst h2 {
  background: linear-gradient(to bottom, #7ca8f0 0%, #fff 50%, #7ca8f0 100%);
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  font-size: 40px;
  margin-bottom: 18px;
}
.actionFirst .actionContent > p {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 122px;
}
.actionFirst .actionContentBody {
  zoom: 1;
}
.actionFirst .actionContentBody:after {
  content: '';
  display: block;
  clear: both;
}
.actionFirst .actionContentBody li {
  float: left;
  background: linear-gradient(to right, #dce8fb 0%, #f3f7fe 100%);
  border-radius: 10px;
  width: 284px;
  height: 154px;
  margin-right: 20px;
  position: relative;
  padding-top: 20px;
}
.actionFirst .actionContentBody li:last-child {
  margin-right: 0;
}
.actionFirst .actionContentBody div {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.actionFirst .actionContentBody img {
  display: block;
  margin: 0 auto;
}
.actionFirst .actionContentBody p {
  color: #3a416f;
  font-size: 18px;
}

.actionSecond {
  height: 773px;
}
.actionFirst h2 {
  color: #3a416f;
}
.actionSecond .actionContentBody {
  zoom: 1;
}
.actionSecond .actionContentBody:after {
  content: '';
  display: block;
  clear: both;
}
.actionSecond .actionContentBody div {
  float: left;
}
.actionSecond .actionContentBody ul {
  float: left;
  width: 485px;
  padding-top: 108px;
}
.actionSecond .actionContentBody ul:after {
  content: '';
  display: block;
  clear: both;
}
.actionSecond .actionContentBody ul li {
  font-size: 14px;
  color: #000;
  float: left;
  padding: 6px 35px;
  border: 1px solid #d8d8d8;
  border-radius: 18px;
  text-align: center;
  margin: 0 10px 19px 0;
}
.actionSecond .actionContentBody ul .bottomLine {
  padding: 0;
  border-radius: 0;
  width: 40px;
  height: 2px;
  background: #246ee6;
  margin: 118px 400px 0 0;
  border: none;
}
.actionSecond .actionContentBody .active {
  background: #dce8fb;
  border: 1px solid #246ee6;
  color: #246ee6;
}
#chart {
  height: 525px;
  width: 625px;
}

.mapBtn .active {
  background: rgb(220, 232, 251);
  border: 1px solid rgb(36, 110, 230);
  color: rgb(36, 110, 230);
}