* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* 第二个板块 */
.profile-container {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}

.profile-title {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  margin: 30px 0;
  color: rgb(51, 51, 51);
  font-family: 'Montserrat';
}
.profile-content-container{
  position: relative;
  display: flex;
  gap: 40px;
  max-width: 1600px;
  margin: 0 auto;
}
.profile-text::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url("../../img/HHA\ LOGO.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain; */
}
.profile-content {
  display: flex;
  gap: 40px;
  max-width: 1600px;
  margin: 0 auto;
  align-items: stretch;
  flex-wrap: nowrap;
}

.profile-text {
  flex: 1;
  font-family: 'Montserrat';
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 47px;
  color: rgb(102, 102, 102);
  display: flex;
  flex-direction: column;
  position: relative;
  /* background-image: url("../../img/HHA\ LOGO.png"); */
  background-repeat: no-repeat;
  /* background-position: left center; */
  background-size: 100% 100%;
  /* justify-content: center; */
}

/* .profile-text::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../img/HHA\ LOGO.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
} */

.profile-text p {
  margin: 0;
  padding: 0;
}

.profile-text strong {
  color: rgb(51, 51, 51);
}

.profile-images {
  display: flex;
  flex: 3;
  gap: 20px;
  align-items: stretch;
}

.image-container {
  /* flex: 1; */
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6); /* 黑色，60%透明度 */
}
.image-container h3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 1.4rem;
  text-align: center;
  transition: all 0.3s ease-in-out;
}

.image-container:hover img {
  filter: brightness(50%);
}

.image-container:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #479E83;
  z-index: 1;
}

.image-container:hover h3 {
  font-weight: bold;
  z-index: 2;
  font-size: 2rem;
}

/* 笔记本或较大的平板端（宽度小于1280px） */
@media (max-width: 1280px) {
  .profile-content-container {
    display: block;
  }
  .profile-text {
    position: relative;
  }
  
  .profile-text::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: url("../../img/HHA\ LOGO.png"); */
    background-repeat: no-repeat;
    background-position: left center;
    background-size: inherit;
  }
  .profile-content-container::before {
    display: none;
  }
  .profile-content {
    flex-direction: column;
  }

  .profile-images {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .image-container {
    flex: 1 1 calc(50% - 10px);
  }
  .profile-text {
    padding: 0px;
  }
}

/* 小型平板端（宽度小于768px） */
@media (max-width: 768px) {
  .profile-title {
    font-size: 3rem;
    margin: 30px 0;
  }

  .profile-text {
    font-size: 1.4rem;
    line-height: 35px;
    padding: 0px;
  }

  .profile-images {
    flex-direction: column;
    gap: 10px;
  }

  .image-container {
    height: auto;
  }

  .image-container img {
    height: auto;
  }

  .image-container h3 {
    font-size: 1.6rem;
  }
}

/* 移动端（宽度小于480px） */
@media (max-width: 480px) {
  .profile-text::before{
    background-size: contain;
  }
  .profile-title {
    font-size: 2.5rem;
    margin: 20px 0;
  }

  .profile-text {
    font-size: 1.2rem;
    line-height: 30px;
    padding: 0px;
  }

  .profile-images {
    flex-direction: column;
    gap: 5px;
  }

  .image-container h3 {
    font-size: 1.4rem;
  }
}


/* 地图 */
.map {
  position: relative;
  max-width: 1600px;
  margin: 50px auto;
}

.map-container {
  width: 100%;
  height: auto; /* 你可以根据需求调整高度 */
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.map-container img {
  min-width: 100%;
  height: auto; /* 保持图片的纵横比 */
  object-fit: cover; /* 使用 cover 使图片均匀填充容器 */
}

.map-container img:nth-child(1) {
  display: block;
}

.map-container img:nth-child(2) {
  display: none;
}

.map-first {
  position: absolute;
  left: 11.5%;
  top: 10%;
}

.map-arrow-1,.map-arrow-2,.map-arrow-3,.map-arrow-5{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.map-first a{
  text-decoration: none; /* 去掉下划线 */
}
.map-first a:hover {
  text-decoration: none; /* 悬停时去掉下划线 */
}

.map-first a:visited {
  text-decoration: none; /* 被访问时去掉下划线 */
}
@keyframes bounce {
  0%, 100% {
    opacity: 0;
}
  25%, 75% {
    opacity: 0.5;
  }
    50% {
        opacity: 1;
    }
}
.map-css3{
  animation: bounce 2s infinite;
}
.map-arrow-1 h3,.map-arrow-2 h3,.map-arrow-3 h3{
 color: rgb(51, 51, 51);
font-family: 'Montserrat';
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.5px;
}

.map-arrow-1 h3{
  margin: 20px 0px;
}

.map-first-2{
  position: absolute;
}

.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 20px;
}

.map-arrow-3 h3 {
  margin: 20px 0px;
}
.map-first h3{
  color: rgb(51, 51, 51);
  font-family: 'Montserrat';
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.5px;
}

.map-arrow-4{
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: center; */
  align-items: center;
}

.fourth h3{
  margin: 20px 0px;
}

.map-Text {
  margin-left: 150px;
  margin-top: -50px;
}

.map-arrow-5 h3{
  color: rgb(157, 16, 60);
font-family: 'Montserrat';
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.5px;
text-align: left;
}

.map-arrow-5 h3{
  margin: 20px 0px;
}
.second{
  left: 60.5%;
  top: 52%;
}
.third{
  left: 66%;
  top: 13%;
}
.fourth{
  left: 71.3%;
  top: 61%;
}
.fifth{
  left: 75%;
  top: 2%;
}
img.aroow2 {
  height: 204px;
}
img.aroow4 {
  height: 204px;
}
/* @media (max-width: 2560px){
  .map-first{
    left: 15%;
    top: 22%;
  }
  
  .second{
    left: 63.5%;
    top: 52%;
  }
  .third{
    left: 67.5%;
    top: 40%;
  }
  
  .fourth{
    left: 71%;
    top: 60%;
  }
  
  .fifth{
    left: 77%;
    top: 19%;
  }
} */

@media (min-width: 1921px){
  /* 针对小屏幕设备的样式调整 */
  .map {
    margin: 80px 0px !important;
    margin: 70px auto !important;
}
  .map-first h3{
    font-size: 1.5rem !important;
    margin: 15px 0px !important;
    line-height: 30px !important;
  }
  img.aroow1.us1 {
    width: auto !important;
}

  .map-css3 {
    width: auto !important;
}
.map-Text{
  margin-left: 150px !important;
  margin-top: -28px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 13% !important;
  top: 12% !important;
}

.second{
  left: 61.5% !important;
  top: 52% !important;
}
.third{
  left: 66% !important;
  top: 15% !important;
}

.fourth{
  left: 71% !important;
  top: 60% !important;
}

.fifth{
  left: 75% !important;
  top: 0% !important;
}
}

@media (min-width: 1821px) and (max-width: 1920px){
  /* 针对小屏幕设备的样式调整 */
  .map {
    margin: 70px auto !important;
    /* margin: 0 auto !important; */
}
  .map-first h3{
    font-size: 1.5rem !important;
    margin: 15px 0px !important;
    line-height: 30px !important;
  }
  img.aroow1.us1 {
    width: auto !important;
}

  .map-css3 {
    width: auto !important;
}
.map-Text{
  margin-left: 150px !important;
  margin-top: -28px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 13% !important;
  top: 12% !important;
}

.second{
  left: 61.5% !important;
  top: 52% !important;
}
.third{
  left: 66.5% !important;
  top: 15% !important;
}

.fourth{
  left: 71% !important;
  top: 60% !important;
}

.fifth{
  left: 75% !important;
  top: 0% !important;
}
}

@media (min-width: 1600px) and (max-width: 1820px){
  /* 针对小屏幕设备的样式调整 */
  .map {
    margin: 80px 0px !important;
}
  .map-first h3{
    font-size: 1.5rem !important;
    margin: 15px 0px !important;
    line-height: 30px !important;
  }
  img.aroow1.us1 {
    width: auto !important;
}

  .map-css3 {
    width: auto !important;
}
.map-Text{
  margin-left: 150px !important;
  margin-top: -28px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 13% !important;
  top: 12% !important;
}

.second{
  left: 61.5% !important;
  top: 52% !important;
}
.third{
  left: 66.5% !important;
  top: 32% !important;
}

.fourth{
  left: 71% !important;
  top: 60% !important;
}

.fifth{
  left: 75% !important;
  top: 0% !important;
}
}

@media (max-width: 1600px) and (min-width: 1400px) {
  /* 针对小屏幕设备的样式调整 */
  .map {
    margin: 80px 0px !important;
}
  .map-first h3{
    font-size: 1.5rem !important;
    margin: 15px 0px !important;
    line-height: 30px !important;
  }
  img.aroow1.us1 {
    width: auto !important;
}
  .aroow1{
    width: auto !important;
  }
  .aroow2 {
    height: 200px !important;
}
.aroow3 {
  height:auto !important;
  margin-left: 4px !important;
}
.aroow4 {
  height: 200px !important;
}
  .map-css3 {
    width: 10px !important;
}
.map-Text{
  margin-left: 150px !important;
  margin-top: -28px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 10% !important;
  top: 10% !important;
}

.second{
  left: 59.5% !important;
  top: 52% !important;
}
.third{
  left: 65.5% !important;
  top: 15% !important;
}

.fourth{
  left: 71% !important;
  top: 60% !important;
}

.fifth{
  left: 75% !important;
  top: 1% !important;
}
}

@media (min-width: 1000px) and (max-width: 1366px) {
  /* 针对小屏幕设备的样式调整 */
  .map {
    margin: 80px 0px !important;
}
  .map-first h3{
    font-size: 1.5rem !important;
    margin: 15px 0px !important;
    line-height: 30px !important;
  }
  img.aroow1.us1 {
    width: auto !important;
}
  .aroow1{
    width: auto !important;
  }
  .aroow2 {
    height: 180px !important;
}
.aroow3 {
  height:auto !important;
  margin-left: 4px !important;
}
.aroow4 {
  height: 180px !important;
}
  .map-css3 {
    width: 10px !important;
}
.map-Text{
  margin-left: 150px !important;
  margin-top: -28px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 8.5% !important;
  top: -8% !important;
}

.second{
  left: 58.5% !important;
  top: 52% !important;
}
.third{
  left: 65% !important;
  top: 21% !important;
}

.fourth{
  left: 71% !important;
  top: 61% !important;
}

.fifth{
  left: 73% !important;
  top: -11% !important;
}
}

@media screen and (max-width: 1024px) {
  /* 针对小屏幕设备的样式调整 */
  .map {
    margin: 100px 0px !important;
}
  .map-first h3{
    font-size: 1.3rem !important;
    margin: 15px 0px !important;
    line-height: 30px !important;
  }
  img.aroow1.us1 {
    width: 12% !important;
}
  .aroow1{
    width: 20% !important;
  }
  .aroow2 {
    height: 150px !important;
}
.aroow3 {
  height: 50px !important;
  margin-left: 4px !important;
}
.aroow4 {
  height: 180px !important;
}
  .map-css3 {
    width: 10px !important;
}
.map-Text{
  margin-left: 114px !important;
  margin-top: -20px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 7.5% !important;
  top: 0% !important;
}

.second{
  left: 57.5% !important;
  top: 52% !important;
}
.third{
  left: 64.5% !important;
  top: 5% !important;
}

.fourth{
  left: 71% !important;
  top: 61% !important;
}

.fifth{
  left: 73% !important;
  top: -11% !important;
}
}

@media screen and (max-width: 1023px) {
  /* 针对小屏幕设备的样式调整 */
  .map-first h3{
    font-size: 1rem !important;
    margin: 15px 0px !important;
    line-height: 15px !important;
  }
  .aroow1{
    width: 20% !important;
  }
  .aroow2 {
    height: 80px !important;
}
.aroow3 {
  height: 20px !important;
  margin-left: 4px !important;
}
.aroow4 {
  height: 97px !important;
}
  .map-css3 {
    width: 10px !important;
}
.map-Text{
  margin-left: 51px !important;
  margin-top: -20px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 9.5% !important;
  top: 13% !important;
}

.second{
  left: 57.5% !important;
  top: 52% !important;
}
.third{
  left: 65% !important;
  top: 23% !important;
}

.fourth{
  left: 71% !important;
  top: 61% !important;
}

.fifth{
  left: 73% !important;
  top: 5% !important;
}
}

@media (max-width: 820px) {
  /* 针对小屏幕设备的样式调整 */
  .map-first h3{
    font-size: 0.8rem !important;
    margin: 10px 0px !important;
    line-height: 15px !important;
  }
  .aroow1{
    width: 20% !important;
  }
  .aroow2 {
    height: 80px !important;
}
.aroow3 {
  height: 20px !important;
  margin-left: 4px !important;
}
.aroow4 {
  height: 97px !important;
}
  .map-css3 {
    width: 10px !important;
}
.map-Text{
  margin-left: 51px !important;
  margin-top: -20px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 10.5% !important;
  top: 12% !important;
}

.second{
  left: 59.5% !important;
  top: 52% !important;
}
.third{
  left: 65.5% !important;
  top: 20% !important;
}

.fourth{
  left: 71% !important;
  top: 61% !important;
}

.fifth{
  left: 74% !important;
  top: 6% !important;
}
}

@media (max-width: 576px) {
  /* 针对小屏幕设备的样式调整 */
  .map-first h3{
    font-size: 0.4rem !important;
    margin: 5px 0px !important;
    line-height: 10px !important;
  }
  .aroow1{
    width: 10% !important;
  }
  .aroow2 {
    height: 30px !important;
}
.aroow3 {
  height: 20px !important; 
  margin-left: 2px !important;
}
.aroow4 {
  height: 50px !important;
}
  .map-css3 {
    width: 5px !important;
}
.map-Text{
  margin-left: 47px !important;
  margin-top: -20px !important;
}
.map-arrow-2 img:nth-child(2) {
  margin: 0px 0px 5px !important;
}
.map-first{
  left: 8.5% !important;
  top: 17% !important;
}

.second{
  left: 57.5% !important;
  top: 52% !important;
}
.third{
  left: 63.8% !important;
  top: 23% !important;
}

.fourth{
  left: 71% !important;
  top: 61% !important;
}

.fifth{
  left: 72% !important;
  top: 5% !important;
}
}

@media  (max-width: 480px) {

.aroow3 {
  height: 15px !important; 
  margin-left: 2px !important;
}

.map-Text{
  margin-left: 34px !important;
  margin-top: -5px !important;

}
}
.footer {
  padding: 57px 60px 40px !important;
}

.dropdown__item a{
  color: white;
}
.nav__link:hover {
  color:#479E83 !important;
  border-bottom: 4px solid #479E83 !important;
  box-sizing: border-box;
}

.nav__link:hover a{
  text-decoration: none !important;
  color:#479E83 !important;
}
.dropdown__menu li:hover{
  color: #479E83 !important;
}
.dropdown__menu li:hover a{
  background-color: #479E83 !important;
  color:white !important;
  text-decoration: none !important;
}