.mt-11 {
  margin-top: 0.69rem;
}
.mt-123 {
  margin-top: 7.69rem;
}
.ml-29 {
  margin-left: 1.81rem;
}
.mt-19 {
  margin-top: 1.19rem;
}
.mt-25 {
  margin-top: 1.56rem;
}
.ml-19 {
  margin-left: 1.19rem;
}
.page {
  padding-bottom: 0.56rem;
  background-color: #eeeeeb;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.section {
  height: 30rem;
  background-image: url('../../assets/images/optimized/pages/Contact/images/conect_banner.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  /* min-height: 100vh; */
}
.section_2 {
  padding: 1.25rem 8.75rem;
  background-color: #161613;
  /* display: block; */
}
.image {
  /* width: 2.5rem; */
  height: 2.5rem;
}
.image_3 {
  margin-left: 0.38rem;
  width: 2.69rem;
  height: 1.75rem;
}
.section_3 {
  margin-left: 1.5rem;
  background-color: #ffffff66;
  width: 0.063rem;
  height: 1.5rem;
}
.font_2 {
  font-size: 1rem;
  font-family: Poppins;
  line-height: 0.71rem;
  font-weight: 700;
  color: #ffffff;
}
.text_2 {
  margin-left: 2.25rem;
  /* color: #ffcc32; */
  line-height: 0.62rem;
}
.text_3 {
  margin-left: 2.13rem;
  line-height: 0.65rem;
}
.text_4 {
  margin-left: 2.25rem;
}
.text_5 {
  margin-left: 2.25rem;
}
.text_6 {
  margin-left: 2.19rem;
  line-height: 0.89rem;
}
.text_7 {
  margin-left: 2.25rem;
  line-height: 0.63rem;
}
.group {
  margin-right: 0.25rem;
}
.image_2 {
  border-radius: 1.25rem;
  width: 2.62rem;
  height: 2.62rem;
}
.font {
  font-size: 0.75rem;
  font-family: Poppins;
}
.text {
  color: #ffffffcc;
  line-height: 0.58rem;
}
.font_3 {
  font-size: 1rem;
  font-family: Poppins;
  line-height: 1rem;
  font-weight: 700;
  color: #040415;
}
.text_8 {
  color: #ffffff;
  line-height: 1.03rem;
}
.section_4 {
  background-color: #00000000;
  width: 0.063rem;
  height: 0.63rem;
}
.text_11 {
  color: #eeeeeb;
  font-size: 1rem;
  font-family: Poppins;
  line-height: 1.02rem;
}
.group_2 {
  margin-top: 5rem;
  border-radius: 1.25rem;
  width: 72.5rem;
}
.group_3 {
  width: 21.88rem;
}
.section_5 {
  padding: 1rem 0;
  background-color: #ffffff80;
  border-radius: 1.25rem;
  overflow: hidden;
  border-left: solid 0.063rem #8e8e93;
  border-right: solid 0.063rem #8e8e93;
  border-top: solid 0.063rem #8e8e93;
  border-bottom: solid 0.063rem #8e8e93;
}
.image_4 {
  border-radius: 50%;
  width: 4.25rem;
  height: 4.25rem;
}
.font_4 {
  font-size: 1.25rem;
  font-family: Poppins;
  font-weight: 700;
  color: #040415;
}
.text_12 {
  line-height: 0.94rem;
}
.font_5 {
  font-size: 1rem;
  font-family: Poppins;
  line-height: 2rem;
  color: #040415;
}
.section_6 {
  padding: 1rem 3.63rem 1rem 3.88rem;
  background-color: #ffffff80;
  border-radius: 1.25rem;
  overflow: hidden;
  height: 14.5rem;
  border-left: solid 0.063rem #8e8e93;
  border-right: solid 0.063rem #8e8e93;
  border-top: solid 0.063rem #8e8e93;
  border-bottom: solid 0.063rem #8e8e93;
}
.text_14 {
  color: #24242e;
  font-size: 1.25rem;
  font-family: Poppins;
  font-weight: 700;
  line-height: 1.01rem;
}
.font_6 {
  font-size: 1rem;
  font-family: Poppins;
  line-height: 2rem;
  color: #24242e;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.text_13 {
  opacity: 0.6;
}
.section_7 {
  padding: 1rem 2.5rem 1rem 3.25rem;
  background-color: #ffffff80;
  border-radius: 1.25rem;
  overflow: hidden;
  height: 14.5rem;
  border-left: solid 0.063rem #8e8e93;
  border-right: solid 0.063rem #8e8e93;
  border-top: solid 0.063rem #8e8e93;
  border-bottom: solid 0.063rem #8e8e93;
}
.text_15 {
  line-height: 1.01rem;
}
.text_16 {
  text-align: center;
}
.image-wrapper {
  /* padding: 0 0 19rem; */
  border-radius: 1.25rem;

  /* background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/67e4e9d2d54496f19f0a9dfc/67e4ea414ae84d00122b2a53/17431311221785215573.png); */
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 30.25rem;
  border-left: solid 0.063rem #8e8e93;
  border-right: solid 0.063rem #8e8e93;
  border-top: solid 0.063rem #8e8e93;
  border-bottom: solid 0.063rem #8e8e93;
}
.image_5 {
  margin-right: 20.38rem;
}
.group_4 {
  margin-top: 5.56rem;
  height: 55.38rem;
}
.section_8 {
  padding: 4.25rem 8.56rem 5.81rem 11.25rem;
  background-image: url('../../assets/images/optimized/pages/Contact/images/get_more_info_bac.webp');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_5 {
  margin-top: 1rem;
}
.group_6 {
  margin-top: 3.25rem;
}
.text-wrapper {
  padding: 1.38rem 0 1.25rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  width: 33.63rem;
  border-left: solid 0.063rem #f5f5f5;
  border-right: solid 0.063rem #f5f5f5;
  border-top: solid 0.063rem #f5f5f5;
  border-bottom: solid 0.063rem #f5f5f5;
}
.font_7 {

  /* color: #888888; */

    font-size: 1rem;
  font-family: Poppins;
  line-height: 0.72rem;
  font-weight: 700;
  color: #040415 !important;
}
.text_18 {
  margin-left: 1.25rem;
}
.text_19 {
  line-height: 0.7rem;
}
.text_20 {
  line-height: 0.75rem;
}
.text-wrapper_2 {
  padding: 1.25rem 0;
  background-color: #ffffff;
  border-radius: 0.5rem;
  width: 33.63rem;
  border-left: solid 0.063rem #f5f5f5;
  border-right: solid 0.063rem #f5f5f5;
  border-top: solid 0.063rem #f5f5f5;
  border-bottom: solid 0.063rem #f5f5f5;
}
.text_21 {
  margin-left: 1.25rem;
  line-height: 0.78rem;
}
.text-wrapper_3 {
  padding: 1rem 0;
  background-color: #ffcc32;
  border-radius: 18.75rem;
  width: 9.88rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.text-wrapper_3:hover {
  background-color: #D6AB2A;
}

.text_22 {
  margin-left: 1.25rem;
  line-height: 0.97rem;
}
.text-wrapper_4 {
  margin-top: 2.5rem;
  padding: 1.38rem 0;
  background-color: #ffcc32;
  border-radius: 6.25rem;
  overflow: hidden;
  width: 10.56rem;
}
.font_8 {
  font-size: 1rem;
  font-family: Poppins;
  line-height: 0.71rem;
  font-weight: 700;
  color: #040415;
}
.text_9 {
  text-transform: uppercase;
}
.text_17 {
  color: #ffffff;
  font-size: 2rem;
  font-family: Poppins;
  font-weight: 700;
  line-height: 1.44rem;
}
.text_10 {
  color: #eeeeeb;
  font-size: 2.63rem;
  font-family: Poppins;
  font-weight: 700;
  line-height: 1.89rem;
}
.text_23 {
  line-height: 0.72rem;
}
.image-wrapper_2 {
  border-radius: 1.25rem;
  width: 30.75rem;
  height: 34.94rem;
  /* border-left: solid 0.19rem #ffcc32;
  border-right: solid 0.19rem #ffcc32;
  border-top: solid 0.19rem #ffcc32;
  border-bottom: solid 0.19rem #ffcc32; */
}
.image_6 {
  border-radius: 1.25rem;
  width: 30.38rem;
  height: 34.81rem;
}
.section_9 {
  margin-top: -1rem;
  padding-bottom: 2.63rem;
  background-color: #eeeeeb;
}
.group_7 {
  padding: 2.88rem 0 1.88rem;
  border-bottom: solid 0.063rem #040415;
}
.text_24 {
  line-height: 0.71rem;
}
.text_25 {
  line-height: 0.75rem;
}
.text_26 {
  line-height: 0.81rem;
}
.text_27 {
  line-height: 1.01rem;
}
.text_28 {
  line-height: 0.72rem;
}
.text_29 {
  color: #040415;
  line-height: 0.77rem;
}
.map-container {
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border: solid 0.063rem #f5f5f5;
}

.map-container :hover{
  transform: scale(1.1);
  /* width: 110%;
  height: 110%; */
}
.flex-col.section_6:hover img,
.flex-col.section_7.mt-19:hover img {
  transform: scale(1.2);
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.flex-col.section_6 img,
.flex-col.section_7.mt-19 img {
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.map-container iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  transition: all 0.3s ease;
}

.map-container:hover {
  border-color: #ffcc32;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.show_phone{
  display: none;
}
.phone_btom_bac{
  width: 30.38rem;
  height: 34.81rem;
  border: 3px solid #FFCC32;
  overflow: hidden;
  border-radius: 1.25rem;
}
.phone_btom_bac img{
  width: 102%;
  height: 102%;
  margin-left: -1%;
  margin-top: -1%;
}
/* 添加媒体查询来控制导航显示 */
@media screen and (max-width: 768px) {
  .phone_btom_bac{
    width: 23rem;
    height: 28rem;
    border: 3px solid #FFCC32;
    overflow: hidden;
    border-radius: 1.25rem;
  }

  .show_phone{
    display: block;
  }
  .show_pc{
    display: none;
  }
  .section{
    height: 11.75rem;
  }
  .mt-123{
    margin-top: 2rem;
  }
  .text_10{
    font-size: 1.5rem;
  }
  .mt-38{
    margin-top: 1rem;
    width: 23rem;
    text-align: center;
  }
  .ml-29{
    margin-left: 0;
  }
  .group_2{
    display: block;
    width: auto;
    margin-top: 2rem;
  }
  .ml-19{
    margin-left: 0;
    margin-top: 1.19rem;
  }
  .group_4{
    margin-top: 2rem;
  }
  .section_8{
    padding: 2rem 0.75rem;
    width:auto;
    display:flex;
    flex-direction: column-reverse;
  }
  .image_6{
    width: 23rem;
    margin: 0 0.5rem;
    height: 28rem;
  }
  .image-wrapper_2{
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .input-wrapper{
    width: auto;
  }
  .text_17{
    font-size: 1.25rem;
    margin-bottom: 1.5rem !important;
    margin: 0 auto;
  }
  .mt-40{
    margin-top: 1.5rem;
    width: 100%;
  }
  .text-wrapper_8{
    padding: 1rem 0;
  }
  .group_7{
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 0;
    padding: 2rem 0;
  }
  .section_9{
    margin-top: 0;
    padding-bottom: 2.63rem;
  }
  .group_5{
    width: 100%;
  }
    .image-wrapper{
    height: 14.5rem;
  }
  .desktop-nav {
    display: none;
  }
  .section_2{
    display: none;
  }
  .mobile-nav-container {
    display: block;
  }
  .flex-col.section_6:hover img, .flex-col.section_7.mt-19:hover img{
    transform: scale(1);
  }
}

@media screen and (min-width: 768px) {

  .mobile-nav-container {
    display: none;
  }
  
  .desktop-nav {
    display: flex;
  }
}

/* 响应式设计 */
@media screen and (max-width: 1200px) {
  .section {
    /* padding-bottom: 15rem; */
    background-size: cover;
    background-position: center;
  }
}



.animate-on-scroll {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}

.section_18 {
  animation: fadeInUp 0.6s ease-out forwards;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}