.cate-list {
  margin-top: 25px;
}
.cate-list span {
  display: inline-block;
  width: 133px;
  height: 50px;
  font-weight: bold;
  color: #007bff;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  color: #000;
  cursor: pointer;
}

.cate-list .more {
  float: right;
  color: #8e8e8e;
  font-size: 18px;
  text-align: right;
}

.cate-list span.active {
  background: url("../images/index-cate-bg.png") no-repeat center;
  background-size: 100% 100%;
  color: #fff;
}

.cate-list span {
}

.btn {
  padding: 12px;
  /* border-radius: 4px; */
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
}

.btn.contact {
  padding: 15px 50px;
  border-radius: 6px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.btn.contact:hover {
  background: #fff;
  color: #007bff;
}

.hero {
  /* background: linear-gradient(135deg, #007bff, #0056b3); */
  background-image: url("../images/index-top-bg.jpg");
  color: white;
  padding: 130px 0 230px;
  text-align: center;
  /* margin-top: 60px; */
}

.hero h1 {
  font-size: 36px;
  margin-bottom: 20px;
}

.hero p {
  font-size: 18px;
  margin-bottom: 30px;
}

.search-box {
  display: flex;
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: 100px;
  overflow: hidden;
}

.search-input {
  flex: 1;
  padding: 10px 20px;
  border: none;
  outline: none;
  font-size: 16px;
  height: 50px;
}

.search-btn {
  background: #13b9a7;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;

  display: flex;
  align-items: center;
  border-radius: 100px;
}

.search-btn img {
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.news-section {
  padding: 60px 0;
}

.news-container {
  display: flex;
  gap: 30px;
}

.news-image {
  flex: 1;
}

.news-image img {
  width: 100%;
  border-radius: 8px;
}

.news-content {
  flex: 1;
}

.news-content .main-a-con {
  color: #000;
  font-size: 15px;
}

.news-title {
  font-size: 20px;
  margin-bottom: 20px;
  color: #000;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.news-title img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.news-date {
  color: #666;
  font-size: 14px;
  margin-bottom: 15px;
}

.news-list {
  /* list-style: none; */
}

.news-list a {
  padding: 10px 0;
  /* border-bottom: 1px solid #eee; */
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #000;
}

.news-list a .title {
  position: relative;
  padding-left: 15px;
}
.news-list a .title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #000;
  border-radius: 100%;
}

.news-list a span:last-child {
  color: #939393;
  font-size: 14px;
}

.section-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
  position: relative;
}

.platform-intro {
  padding: 60px 0;
  /* background-color: #f8f9fa; */
}

.platform-content {
  text-align: center;
  margin-bottom: 30px;
}

.platform-image {
  width: 100%;
  /* max-width: 800px; */
  margin: 0 auto;
  border-radius: 8px;
}

.query-methods {
  /* padding: 60px 0; */
  /* background-color: #f8f9fa; */
}

.method-container {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.method-card {
  flex: 1;
  padding: 20px;
  border-radius: 8px;
  background: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.method-icon {
  width: 50px;
  height: 50px;
  background: #007bff;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 24px;
}

.method-title {
  font-size: 18px;
  margin-bottom: 10px;
  color: #007bff;
}

.service-cases {
  padding: 60px 0;
}

.cases-container {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 0px 26px !important;
}

.case-item {
  /* min-width: 200px; */
  /* padding: 20px; */
  /* border: 1px solid #ddd; */
  /* border-radius: 8px; */
  text-align: center;
}

.case-image {
  width: 200px;
  height: 200px;
  /* background: #eee; */
  margin-bottom: 5px;
  border-radius: 8px;
  border: 1px solid #5099e8;
  overflow: hidden;
  display: inline-block;
}

.contact-section {
  padding: 100px 0;
  /* background: linear-gradient(135deg, #007bff, #0056b3); */
  background: url("../images/index-bottom-bg.jpg") no-repeat center;
  color: white;
  text-align: center;
}

.contact-title {
  font-size: 28px;
  margin-bottom: 54px;
}

.contact-btns {
  display: flex;
  justify-content: center;
  gap: 65px;
}

.title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 500px;
  display: block;
}
.item {
  position: relative;
}
.item .title {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
  border-radius: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layui-carousel-ind {
  text-align: right;
  top: -30px;
  padding-right: 20px;
}
.layui-carousel-ind ul {
  background-color: transparent;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #333;
  font-size: 26px !important;
}