.serviceItems {
  padding-top: 110px;
  position: relative;
}
.searchBox {
  border: 2px solid rgba(42, 65, 151, 1);
  width: 502px;
  height: 52px;
  background: #ffffff;
  border-radius: 25px;
  margin: 80px 90px;
}
.searchBox img {
  width: 32px;
  height: 32px;
  margin: 8px 20px;
  border-radius: 0;
}
.searchBox input {
  width: 400px;
}

.title {
  text-align: center;
  font-weight: bold;
  font-size: 48px;
  color: #2a4197;
}

.subTitle {
  text-align: center;
  font-size: 24px;
  color: rgba(62, 58, 57, 1);
}
.serviceList {
  width: 1440px;
  margin: auto;
}
.serviceList hr {
  margin: 100px 0;
  height: 2px;
  background: #c9caca;
}
.serviceItem li {
  cursor: pointer;
}
.serviceItem .imgBox {
  position: relative;
  width: 430px;
  height: 180px;
}
.serviceItem .imgBox:hover img {
  transform: scale(1.1);
  transition: transform 0.5s ease;
  box-shadow: 0 0 45px 1px rgba(0, 0, 0, 0.3);
}
.serviceItem .imgBox:hover a {
  background: #2a4197;
  border-color: #2a4197;
}
.serviceItem:hover .imgBox span,
.serviceItem:hover .imgBox a {
  display: block;
}
.imgBox span,
.imgBox a {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  display: block;
}

.imgBox span {
  top: 30px;
  width: 265px;
  text-align: center;
}
.imgBox a {
  top: 100px;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  width: 120px;
  line-height: 30px;
  border-radius: 15px;
  font-size: 16px;
}

.imgBox img {
  width: 100%;
  border-radius: 40px;
}

.textTitle {
  font-size: 30px;
  font-weight: 600;
  margin-top: 50px;
}

.textSubTitle {
  color: rgba(62, 58, 57, 1);
}
.textTitle,
.textSubTitle {
  width: 430px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bannerText {
  width: 720px;
  height: 480px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  color: #2a4197;
  position: absolute;
  top: 170px;
  left: 240px;
  padding: 55px 46px;
}
.bannerText h1 {
  font-size: 48px;
  color: #2a4197;
  font-weight: 600;
  margin-bottom: 36px;
}

.bannerText p {
  color: #2a4197;
}

.serviceContentItem {
  margin: auto;
  width: 1440px;
  background: #f0f6ff;
  padding: 35px 48px;
}
.serviceContentItemText {
  width: 730px;
}
.serviceContentItem h1,
.serviceContentItem p {
  color: #2a4197;
}
.serviceContentItem h1 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 32px;
}
.serviceContentItem p {
  font-size: 24px;
}
.serviceContentItem img {
  width: 572px;
  height: 295px;
}

.serviceContentItem + .serviceContentItem {
  margin-top: 40px;
}

.serviceContentItem:first-of-type {
  margin-top: 100px;
}
.serviceContentItem:last-of-type {
  margin-bottom: 100px;
}