body html {
   padding: 0;
   margin: 0;
   overflow: hidden;
}

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

ul {
   list-style: none;
}

li {
   list-style-type: none;
   text-align: center;
}

a {
   text-decoration: none;
   color: inherit;
   cursor: auto;
}

/* 第一个轮播图 */
.carousel-container {
   width: 100%;
   overflow: hidden;
}

.carousel {
   position: relative;
   width: 100%;
   /* height: auto; */
   height: 610px;
   /* 可根据需要调整 */
   overflow: hidden;
}

.carousel-inner {
   display: flex;
   transition: transform 0.5s ease-in-out;
   width: 100%;
   height: 610px;
}

.carousel-item {
   min-width: 100%;
   position: relative;
}

.carousel-item img {
   width: 100%;
   height: 610px;
   display: block;
}

.carousel-caption {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   color: white;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 15px 30px;
   border-radius: 5px;
   max-width: 80%;
}

/* 控制按钮 */
.carousel-control {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 15px;
   cursor: pointer;
   font-size: 1.5rem;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   z-index: 10;
}

.carousel-control:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.prev {
   left: 20px;
}

.next {
   right: 20px;
}

/* 指示器 */
.carousel-indicators {
   position: absolute;
   bottom: 28px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 10px;
   z-index: 10;
}

.indicator {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.5);
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.indicator.active {
   background-color: white;
}

/* 响应式调整 */
@media (max-width: 768px) {
   .carousel-caption h3 {
      font-size: 1.2rem;
   }

   .carousel-caption p {
      font-size: 0.9rem;
   }

   .carousel-control {
      padding: 10px;
      width: 40px;
      height: 40px;
      font-size: 1.2rem;
   }
}

/* 第二个轮播图样式 */
.carousel-container-secondary {
   width: 100%;
   overflow: hidden;
   position: relative;
   margin-top: 40px;
   /* 与第一个轮播图间隔 */
}

.carousel-secondary {
   position: relative;
   width: 100%;
   height: auto;
   max-height: 500px;
   overflow: hidden;
}

.carousel-inner-secondary {
   display: flex;
   transition: transform 0.5s ease-in-out;
   width: 100%;
   height: 100%;
}

.carousel-item-secondary {
   min-width: 100%;
   position: relative;
}

.carousel-item-secondary img {
   width: 100%;
   height: auto;
   display: block;
   object-fit: cover;
}

.carousel-caption-secondary {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   color: white;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 15px 30px;
   border-radius: 5px;
   max-width: 80%;
}

.carousel-caption-secondary h3 {
   margin-bottom: 10px;
   font-size: 1.8rem;
}

.carousel-caption-secondary p {
   font-size: 1.2rem;
}

/* 控制按钮 */
.carousel-control-secondary {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 15px;
   cursor: pointer;
   font-size: 0.9rem;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   z-index: 10;
}

.carousel-control-secondary:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.prev-secondary {
   left: 20px;
}

.next-secondary {
   right: 20px;
}

/* 指示器 */
.carousel-indicators-secondary {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 10px;
   z-index: 10;
}

.indicator-secondary {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.5);
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.indicator-secondary.active {
   background-color: white;
}

/* 响应式调整 */
@media (max-width: 768px) {
   .carousel-caption-secondary h3 {
      font-size: 1.2rem;
   }

   .carousel-caption-secondary p {
      font-size: 0.9rem;
   }

   .carousel-control-secondary {
      padding: 10px;
      width: 40px;
      height: 40px;
      font-size: 1.2rem;
   }
}

.contain {
   width: 1230px;
   margin: 0 auto;
   margin-top: 50px;
   font-size: 17px;

}

.apartment-description {
   width: 1190px;
}

.apartment-description-title {
   font-size: 36px;
   color: #e89d27;
   font-weight: 700;
}

.apartment-description-contain {
   display: flex;
   justify-content: space-between;
   align-items: center;
   color: #686868;
   line-height: 30px;
   margin-top: 40px;
}

.apartment-description-left {
   width: 46%;
}

.right-icon {
   color: #e89d27;
   font-weight: 1000;
}

.apartment-description-right {
   width: 50%;
}

.house-type {
   width: 100%;
   margin-top: 70px;
}

.house-type-title {
   position: relative;
   display: inline-block;
   font-size: 26px;
   color: #010101;
   font-weight: 700;
}

.house-type-title .back-color {
   z-index: -1;
   position: absolute;
   right: 00;
   bottom: 0;
   width: 30px;
   height: 15px;
   background-color: #e89d27;
}

.house-type-contain {
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #686868;
   margin-top: 20px;
   line-height: 30px;
}

.house-type-left {
   width: 700px;
   /* height: 440px; */
}

/* 第三个轮播图 */
.carousel-container-secondary {
   width: 100%;
   overflow: hidden;
   position: relative;
   margin-top: 40px;
   /* 与第一个轮播图间隔 */
}

.carousel-secondary {
   position: relative;
   width: 100%;
   height: 100%;
   /* height: auto; */
   /* max-height: 500px; */
   overflow: hidden;
}

.carousel-inner-secondary {
   display: flex;
   transition: transform 0.5s ease-in-out;
   width: 100%;
   height: 100%;
}

.carousel-item-secondary {
   min-width: 100%;
   position: relative;
}

.carousel-item-secondary img {
   width: 100%;
   height: 440px;
   display: block;
   object-fit: cover;
}

.carousel-caption-secondary {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   color: white;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 15px 30px;
   border-radius: 5px;
   max-width: 80%;
}


/* 控制按钮 */
.carousel-control-secondary {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 15px;
   cursor: pointer;
   font-size: 0.9rem;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   z-index: 10;
}

.carousel-control-secondary:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.prev-secondary {
   left: 20px;
}

.next-secondary {
   right: 20px;
}

/* 指示器 */
.carousel-indicators-secondary {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 10px;
   z-index: 10;
}

.indicator-secondary {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.5);
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.indicator-secondary.active {
   background-color: white;
}

/* 响应式调整 */
@media (max-width: 768px) {
   .carousel-caption-secondary h3 {
      font-size: 1.2rem;
   }

   .carousel-caption-secondary p {
      font-size: 0.9rem;
   }

   .carousel-control-secondary {
      padding: 10px;
      width: 40px;
      height: 40px;
      font-size: 1.2rem;
   }
}

.house-type-right {
   width: 500px;
}

.house-type-right-title {
   font-weight: 700;
   color: #010101;
   font-size: 20px;
}

.house-typeList-title {
   font-weight: 700;
   font-size: 18px;
   color: #010101;
   margin: 25px 0;
}

.house-typeList {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   /* 6 列 */
   grid-template-rows: repeat(2, 80px);
   gap: 20px;
   /* 盒子间距 */
   width: 100%;
   margin: 0 auto;
   /* 居中 */
}

.grid-item {
   display: flex;
   /* 启用 Flexbox */
   flex-direction: column;
   /* 垂直排列子元素 */
   align-items: center;
   /* 水平居中 */
   justify-content: center;
   /* 垂直居中 */
   gap: 5px;
   /* 图片和文字的间距 */
   font-size: 14px;
   color: #686868;
   /* border-radius: 5px; */
   /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
   transition: transform 0.3s ease;
}

.grid-item img {
   width: 40px;
   height: 40px;
   text-align: center;

}

.nearby-env {
   width: 100%;
   margin-top: 70px;
}

.nearby-env-title {
   position: relative;
   display: inline-block;
   font-size: 26px;
   color: #010101;
   font-weight: 700;
}

.back-color {
   z-index: -1;
   position: absolute;
   right: 00;
   bottom: 0;
   width: 30px;
   height: 15px;
   background-color: #e89d27;
}

.nearby-env-contain {
   color: #686868;
   margin-top: 20px;
   line-height: 30px;
}

.living-facilities {

   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 70px;
}

.living-facilities-left {
   width: 460px;
}

.living-facilities-title {
   position: relative;
   display: inline-block;
   font-size: 26px;
   color: #010101;
   font-weight: 700;
}

.living-facilities-title .back-color {
   z-index: -1;
   position: absolute;
   right: 00;
   bottom: 0;
   width: 30px;
   height: 15px;
   background-color: #e89d27;
}

.living-facilities-contain {
   color: #686868;
   margin-top: 20px;
   line-height: 30px;
}

.living-facilities-right {
   width: 700px;
}


.nearby-env-left {
   width: 440px;
}

.nearby-env-right {
   width: 720px;
   height: 440px;
}

/* 第三个轮播图 */
.carousel-container-3 {
   width: 100%;
   overflow: hidden;
   position: relative;
}

.carousel-3 {
   position: relative;
   width: 100%;
   height: 440px;
   overflow: hidden;
}

.carousel-inner-3 {
   display: flex;
   transition: transform 0.5s ease-in-out;
   width: 100%;
   height: 100%;
}

.carousel-item-3 {
   min-width: 100%;
   position: relative;
}

.carousel-item-3 img {
   width: 100%;
   height: 440px;
   display: block;
   object-fit: cover;
}

.carousel-caption-3 {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   color: white;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 15px 30px;
   border-radius: 5px;
   max-width: 80%;
}

.carousel-caption-3 h3 {
   margin-bottom: 10px;
   font-size: 1.8rem;
}

.carousel-caption-3 p {
   font-size: 1.2rem;
}

/* 控制按钮 */
.carousel-control-3 {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 15px;
   cursor: pointer;
   font-size: 0.9rem;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   z-index: 10;
}

.carousel-control-3:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.prev-3 {
   left: 20px;
}

.next-3 {
   right: 20px;
}

/* 指示器 */
.carousel-indicators-3 {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 10px;
   z-index: 10;
}

.indicator-3 {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.5);
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.indicator-3.active-3 {
   background-color: white;
}

/* 响应式调整 */
@media (max-width: 768px) {
   .carousel-caption-3 h3 {
      font-size: 1.2rem;
   }

   .carousel-caption-3 p {
      font-size: 0.9rem;
   }

   .carousel-control-3 {
      padding: 10px;
      width: 40px;
      height: 40px;
      font-size: 1.2rem;
   }
}

.nearby-companies-imgs {
   width: 100%;
   height: 600px;
   margin-top: 70px;
}

/* 第四个轮播图 */
.carousel-container-4 {
   width: 100%;
   overflow: hidden;
   position: relative;
}

.carousel-4 {
   position: relative;
   width: 100%;
   height: 600px;
   overflow: hidden;
}

.carousel-inner-4 {
   display: flex;
   transition: transform 0.5s ease-in-out;
   width: 100%;
   height: 100%;
}

.carousel-item-4 {
   min-width: 100%;
   position: relative;
}

.carousel-item-4 img {
   width: 100%;
   height: 600px;
   display: block;
   object-fit: cover;
}

.carousel-caption-4 {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   color: white;
   background-color: rgba(0, 0, 0, 0.5);
   padding: 15px 30px;
   border-radius: 5px;
   max-width: 80%;
}

.carousel-caption-4 h3 {
   margin-bottom: 10px;
   font-size: 1.8rem;
}

.carousel-caption-4 p {
   font-size: 1.2rem;
}

/* 控制按钮 */
.carousel-control-4 {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   color: white;
   border: none;
   padding: 15px;
   cursor: pointer;
   font-size: 1.2rem;
   border-radius: 50%;
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
   z-index: 10;
}

.carousel-control-4:hover {
   background-color: rgba(0, 0, 0, 0.8);
}

.prev-4 {
   left: 20px;
}

.next-4 {
   right: 20px;
}

/* 指示器 */
.carousel-indicators-4 {
   position: absolute;
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 10px;
   z-index: 10;
}

.indicator-4 {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.5);
   cursor: pointer;
   transition: background-color 0.3s ease;
}

.indicator-4.active-4 {
   background-color: white;
}

/* 响应式调整 */
@media (max-width: 768px) {
   .carousel-caption-4 h3 {
      font-size: 1.2rem;
   }

   .carousel-caption-4 p {
      font-size: 0.9rem;
   }

   .carousel-control-4 {
      padding: 10px;
      width: 40px;
      height: 40px;
      font-size: 1.2rem;
   }
}

.nearby-companies {
   width: 100%;
   margin-top: 70px;
}

.nearby-companies-title {
   position: relative;
   display: inline-block;
   font-size: 26px;
   color: #010101;
   font-weight: 700;
}

.nearby-companies-title .back-color {
   z-index: -1;
   position: absolute;
   right: 00;
   bottom: 0;
   width: 30px;
   height: 15px;
   background-color: #e89d27;
}


.nearby-companies-contain {
   margin-top: 40px;
   color: #686868;
   line-height: 30px;
}

.help-title {
   font-size: 26px;
   color: #010101;
   font-weight: 700;
   margin-top: 70px;
}

.help-contain {
   display: flex;
   align-items: center;
   width: 100%;
   margin-top: 35px;
   color: #686868;
   font-size: 20px;
   line-height: 30px;

}

.help-item {
   display: flex;
   align-items: center;
   margin-right: 90px;
}

.round-icon {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   color: #fff;
   font-size: 16px;
   line-height: 20px;
   text-align: center;
   background-color: #e89d27;
   margin-right: 10px;
}

.apartment-icon {
   width: 1030px;
   margin-top: 70px;
}

.apartment-icon-title {
   font-size: 26px;
   color: #010101;
   font-weight: 700;
}

.apartment-icon-contain {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   /* 6 列 */
   grid-template-rows: repeat(2, 100px);
   /* 2 行，每行高度 100px */
   gap: 40px;
   /* 盒子间距 */
   width: 100%;
   margin: 0 auto;
   /* 居中 */
   margin-top: 40px;
}

.apartment-icon-item {
   display: flex;
   /* 启用 Flexbox */
   flex-direction: column;
   /* 垂直排列子元素 */
   align-items: center;
   /* 水平居中 */
   justify-content: center;
   /* 垂直居中 */
   gap: 15px;
   /* 图片和文字的间距 */
   font-size: 18px;
   color: #686868;

   transition: transform 0.3s ease;
}

.apartment-icon-item img {
   width: 50px;
   height: 50px;
}


.footer {
   margin-top: 80px;
   box-sizing: border-box;
   width: 100%;
   height: 400px;
   background-color: #232329;
   color: #fff;
}



.footer-box{
   position: relative;
   width: 1230px;
   height: 100%;
   display: flex;
   align-items: center;
   margin: 0 auto;
}

.footer-box .phone{
   position: absolute;
   right: 80px;
   top: -50px;
   width: 350px;
   height: 350px;
}

.grid-container {
   display: grid;
   grid-template-columns: 270px 450px;
   grid-template-rows: 55px 180px 40px;
   gap: 30px 35px;
}

.item-1{
font-size: 18px;
}
.item-2{
   font-size: 18px;
}
.item-3{
   display: flex;
   justify-content: space-between;
   /* align-items: center; */
   text-align: center;
}
.item-3 img{
   width: 120px;
   height: 120px;
   border-radius:10px ;
   margin-bottom: 10px;
}
 .item-4{
padding-top: 20px;
box-sizing: border-box;
 }
.text-one{
   font-size: 36px;
   margin-bottom: 4px;
}

.text-two{
   font-size: 22px;

}
.item-5{
   line-height: 40px;
}

.item-6{
   line-height: 40px;
   text-align: end;
}


.item-5 div a {
   font-size: 18px;
   font-weight: 400;
   color: #fff;
}

.item-6 div a {
   font-size: 18px;
   font-weight: 400;
   color: #fff;
}