#homeBox {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.header-address-text,.footer-address-text{
  cursor: pointer;
}

.witrfm_area {
  margin-top: auto;
}

.header_con {
  padding: 15px 0;
}

.logo {
  width: 140px;
}

.creative_logo_thumb {
  display: flex;
  justify-content: center;
}

.mobile_menu_logo.text-center {
  padding: 0;
}

.logo2 {
  width: 120px;
}

.header-address-text {
  width: 70%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sadar_menu > ul > li > a {
  margin: 38px 30px;
}

.footer-address-text {
  max-width: 255px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer-content {
  color: #fff !important;
}

.footer-address {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.footer_s_inner {
  display: flex;
  align-items: center;
  margin-right: auto;
}

.footer-middle .widget_nav_menu ul li {
  width: auto;
  margin-right: 20px;
}

.footer-sociala-info > p {
  margin-bottom: 0;
}

.footer-middle {
  padding: 30px 0;
}

.sadar_serivce_area {
  padding-top: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  z-index: 1000002;
}
.video-popup {
  max-height: 90%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000003;
  display: none;
}

#dynamicVideo {
  width: 100%;
  max-height: 80vh;
}

.close-btn {
  position: absolute;
  top: -30px;
  right: -30px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.witr_sub_item_title:hover {
  color: #fa4006;
  cursor: pointer;
}

.witr_sub_item {
  min-height: 230px;
  display: flex;
  padding: 30px 20px !important;
}

.witr_sub_item > .witr_sub_item_left > h3 {
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.witr_sub_item > .witr_sub_item_left > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}

.witr_sub_item_left {
  margin-right: 10px;
  flex: 1;
}

.witr_sub_item > img {
  width: 120px;
  margin-left: auto;
  border-radius: 10px;
}

#liveAlertPlaceholder {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 20px;
}

.witr_grayscaleh > img {
  width: 100%;
  height: 100%;
}

.witr_section_right_icon_wrap {
  padding: 3px 20px 0 10px;
}

.witr_section_right_icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: block;
}

.teaching_list_item {
  display: flex !important;
}

.witr_section_right_list {
  max-height: 465px;
  overflow-y: scroll;
}

.witr_section_right_item_title:hover {
  color: #fa4006 !important;
  cursor: pointer;
}

.em-service-title > h3:hover {
  color: #000;
  cursor: pointer;
}

.witr_section_right_content {
  flex: 1;
}

.em_service_content_icon_wrap {
  width: 130px;
  height: 130px;
  border-radius: 4px;
  overflow: hidden;
}

.em_service_content_icon_wrap > img {
  width: 100%;
}

.em-service-title > h3 {
  max-width: 100%; /* 响应式宽度控制 */
  display: inline-block; /* 确保宽度生效 */
  vertical-align: middle;
  /* 包含上述基础属性 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.em-service-desc > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.em-service2-con {
  height: 317px;
  padding: 20px;
}

/* 公益活动 */
.post_team_content {
  height: 135px;
}

.post_team_icon_9 {
  height: 100%;
  width: 10px;
  padding: 0;
}

.post_team_content9 {
  width: calc(100% - 30px);
  padding-right: 10px;
}

.post_team_content9 > h5 {
  max-width: 95%; /* 响应式宽度控制 */
  display: inline-block; /* 确保宽度生效 */
  vertical-align: middle;
  /* 包含上述基础属性 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post_team_content9 > h5:hover {
  color: #fa4006;
  cursor: pointer;
}

.post_team_content9 > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.witr_team_section > img {
  width: 100%;
  height: 100%;
}

.dance_title:hover {
  color: #fff !important;
}

.witr_pslide_image > img {
  width: 100%;
  height: 100%;
}

.bs5 > h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bs5 > h2:hover {
  color: #fa4006;
  cursor: pointer;
}

.bs5 > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 5px 0;
}

.witr_sb_thumb {
  height: 146px;
}

.witr_sb_thumb img {
  width: 100%;
  height: 100%;
}

.interview_text > .interview_text_title {
  max-width: 95%; /* 响应式宽度控制 */
  display: inline-block; /* 确保宽度生效 */
  vertical-align: middle;
  /* 包含上述基础属性 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.interview_text > .interview_text_title:hover {
  color: #fa4006;
  cursor: pointer;
}

.interview_text > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 5px 0;
}

/* 弹窗样式！！！！！！！！！！！！！弹窗样式 */
#popup-container {
  border-radius: 15px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1000001;
}
#popup-close {
  position: absolute;
  top: 5px;
  right: 15px;
  cursor: pointer;
  font-size: 30px;
}

/* 蒙层样式 */
.popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  overscroll-behavior: contain;
}

/* 移动端 */
@media (min-width: 0) and (max-width: 1199px) {
  #popup-container {
    width: 80%;
  }
}

/* 大屏幕（≥1200px） */
@media (min-width: 1200px) {
  #popup-container {
    width: 1000px;
  }
}

/* 教学内容弹窗内列表样式 */
#musical-teach-list-container {
  padding: 15px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-height: 55vh;
  overflow-y: auto;
}
.musical-teach-list-item {
  width: 300px;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.musical-teach-list-item:hover {
  background: #f5f5f5;
}
.musical-teach-list-item > img {
  border-radius: 5px;
  margin-right: 10px;
}

.musical-teach-list-item-title,
.dance-list-item-title {
  font-weight: bold;
  margin-top: 10px;
  max-width: 95%; /* 响应式宽度控制 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.musical-teach-list-item-title:hover {
  color: #fa4006;
  cursor: pointer;
}

.dance-list-item-title:hover {
  color: #fa4006;
  cursor: pointer;
}

.musical-teach-list-item-text {
  font-size: 16px;
  color: #777;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ti-arrow-right {
  background: #fa4006;
  width: 110px;
  height: 110px;
  line-height: 90px;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 40px;
  transition: 0.5s;
  cursor: pointer;
}

.ti-arrow-right:hover {
  background-color: #011e44;
}

/* 移动端 */
@media (min-width: 0) and (max-width: 1199px) {
  .content-wrap {
    border-top: 1px solid #f5f5f5;
    width: 100%;
    padding: 15px;
  }
  .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .date {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
  }
}

/* 大屏幕（≥1200px） */
@media (min-width: 1200px) {
  .content-wrap {
    border-top: 1px solid #f5f5f5;
    margin: 0 auto;
    padding: 20px 40px;
    width: 1200px;
  }
  .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .date {
    font-size: 16px;
    color: #777;
    margin-bottom: 20px;
  }
}

.card-box-cusor {
  cursor: pointer;
}

.go-home {
  font-size: 20px;
  color: #000;
  margin: 38px 30px;
  cursor: pointer;
  font-weight: 500;
}

.go-home:hover {
  color: #fa4006;
  background-color: transparent;
}