@charset "UTF-8";

/* 字体定义 */
@font-face {
    font-family: 'NotoSansTC-Regular';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansTC-Bold';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Bold.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansTC-Medium';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Medium.ttf');
    font-weight: 500;
    font-style: bold;
}

@font-face {
    font-family: 'NotoSansTC-Light';
    src: url('https://fonts.ydcarehk.com/fonts/NotoSansTC-Light.ttf');
    font-weight: 500;
    font-style: normal;
}

/* 根元素设置，基于1920px设计稿 */
:root {
    font-size: 18px; /* 基础字体大小 */
    --base-font-size: 1rem; /* 基础字体大小 */
    --container-padding: 3.778rem; /* 容器内边距 */
    --container-max-width: 71.111rem; /* 最大宽度 */
    --subsection-padding: 6.222rem; /* 区块内边距 */
    --container-gap:1.778rem; /* 容器间隔 */
    --subsection-max-width: 64rem; /* 二级页面最大宽度 */
}

/* 响应式字体大小设置 */
html {
    font-size: calc(100vw / 1920 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
}

/* 基础样式重置和字体设置 */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, a, p {
    font-size: 1rem; /* 使用rem单位 */
    font-family: "NotoSansTC";
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #040708;
}
a:hover{font-weight: 500;}

body {
    background-color: #FFF;
    line-height: 120%;
    overflow-x: hidden;
}
.subsection_padding{padding: var(--subsection-padding);}
.content_box{max-width: var(--container-max-width); margin: 0 auto;}
/* 输入框样式重置 */
input[type=submit], input[type=reset], input[type=button], input[type=text] {
    -webkit-appearance: none;
    border: none;
    outline: none;
}

/* 通用浮动类 */
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.mf-5{margin-left: -6px;}

/* 标题样式 */
h1 {
    font-size: 5.25rem;
    font-weight: 800;
    line-height: 110%;
}

h2 {
    font-size: 3.75rem;
    font-weight: 500;
    line-height: 120%;
}

h3 {
    font-size: 2.667rem;
    font-weight: 500;
    line-height: 120%;
}

h4 {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 130%;
}

.fixed_whatsapp{width:4rem; height: 4rem; padding: 0.5rem; position: fixed; bottom: 4rem; right: 4rem; background-color: #5FA54C; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 99;}
.fixed_whatsapp svg{width: 100%; height: 100%;}
/* 导航栏 */
.navbar-fixed {
    top: 0;
    width: 100%;
    height: 4.5rem;
    position: fixed;
    z-index: 999;
    background-color: #FFF;
}

.nav {
    display: flex;
    justify-content: space-between;
    height: 4.5rem;
    padding: 0 var(--container-padding);
    align-items: center;
    font-size: 1.286rem;
}

.logo {
    width: 5.25rem;
    height: 2.25rem;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.nav_right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_menu ul{
    display: flex;
    gap: 2rem;
}

.nav_menu li{position: relative;}

.nav_menu li a {
    position: relative;
    font-size: 1.125rem;
    line-height: 150%;
    color: #040708;
    text-decoration: none;
    transition: color 0.3s ease;
    z-index: 999;
}
.nav_menu .sub_menu{display: none; position:absolute; left: 0; top:0; padding-top: 4rem; width: 20rem; z-index: 998;}
.nav_menu li:hover > .sub_menu{display: block; }
.nav_menu li:hover > a{font-weight: 500;}
.nav_menu .sub_menu ul{display: inline-block; background-color: #FFF;  padding:0.5rem var(--container-gap); border-radius: 0.5rem; 
    box-shadow: -5px 5px 20px 5px rgba(100, 100, 100, 0.35);}
.nav_menu .sub_menu ul li{display: block; padding: 0.7rem 0;}

.nav_menu li:nth-child(2) .sub_menu ul{width:28rem;  display: flex; flex-wrap: wrap; padding: 0.8rem var(--container-gap);}
.nav_menu li:nth-child(2) .sub_menu ul li{flex: 1 1 45%; padding: 0.2rem 0;}
.nav_menu li:nth-child(2) .sub_menu ul li p{font-size: 0.8rem;}
.languages a{
    padding:0.571rem 1.429rem; border: 1px solid #040708; border-radius: 0.5rem; margin:0 1.714rem;
}
.languages ul{
    display: none;
}

.nav_btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_btn a{
    padding:0.571rem 1.429rem;
    border-radius: 0.5rem;
    text-align: center;
    border: 3px solid #A5784A;
    background-color: #A5784A;
    color: #FFF;
}

.nav_btn span {
    width: 1rem;
    display: inline-block;
    margin-right:0.5rem;
}

.nav_btn span img {
    width: 100%;
}

.mobile_nav,.mobile_menu,.mobile_mask{display: none;}

/* Banner区域 */
.banner {
    width: 100%;
    height: 53.533rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.banner .mobile_show{display: none;}
.banner .mobile_hide{display: block;}

.banner .banner_position,.about-banner .banner_position{
    position: absolute;
    width: var(--container-max-width);
    left: 50%;
    transform: translateX(-50%) translateY(-50%); /* 微调以真正居中 */
    top:50%;
    z-index: 999;
}

.banner .banner_text,.about-banner .banner_text{
    max-width: 32.222rem;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.banner h1 {
    line-height: 110%;
    font-size: 4rem;
    color: #FFF;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.banner p {
    font-size: 1.111rem;
    line-height: 150%;
    color: #FFF;
    text-align: left;
    max-width: 36.25rem;
    margin-bottom: 2rem;
}

.banner .banner_btn {
    cursor: pointer;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.banner .banner_btn a {
    display: block;
    border-radius: 0.7rem;
    background-color: #A5784A;
    padding: 0.555rem 1.111rem;
    font-size: 1rem;
    color: #FFF;
    text-decoration: none;
}


.mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(22, 11, 5, 0.35);
    z-index: 998;
}

.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .banner_about{width: 100%; height: 100%;}
.banner .banner_about img{width: 100%; height: 100%; object-fit: cover;}



.big_sub_title {
    width: 100%;
    height: 8rem;
    background: #2b9591;
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.big_sub_title h1 {
    font-size: 2rem;
    color: #FFF;
}

/* 按钮样式 */
.btn_more {
    display: block;
    cursor: pointer;
    line-height: 150%;
    font-size: 1.111rem;
    color: #040708;
    align-self: stretch;
}

.btn_more a {
    border-radius: 0.5rem;
    padding: 0.3rem 1rem;
    border: 1px solid rgba(4, 7, 8, 0.50);
    color: #040708;
    font-size: 1.111rem;
}

.milestones{padding: 4.444rem var(--container-padding); background-color: #BFA080;}
.milestones ul{max-width: var(--container-max-width); margin: auto; display: flex; justify-content: center; flex-wrap: wrap; gap: 2.667rem;}
.milestones li{flex: 1 1 calc(25% - 3.428rem); display: flex; justify-content: center; align-items: center; flex-direction: column;}
.milestones li span{width:3.556rem; height:3.556rem;}
.milestones li span img{width:100%; height:100%; object-fit:cover;}
.milestones p{font-size: 1.444rem; color: #FFF;}
.milestones h3{color: #FFF; margin: 1.714rem 0; line-height: 150%;}
/* Home_USP */
.subsection{background-color: #F5F1EC; overflow: hidden;}
.subsection .big_title{padding: 5.714rem var(--container-padding);}
.subsection .big_title h2{font-size: 3.333rem; line-height: 120%; font-style: medium; font-weight: 500; margin: auto; max-width: var(--container-max-width); color: #41301D; padding-bottom: 3.428rem; border-bottom: 1px solid #BFA080;}
.Home_USP{display: flex; flex-wrap: wrap;}
.Home_USP .mobile_hide{display: block;}
.Home_USP .mobile_show{display: none;}
.Home_USP_item_text h3, .Home_USP_item_text h4{color: #41301D;}
.Home_USP_item{display: flex; flex: 1 1 50%; align-items: center;}
.Home_USP_item .Home_USP_item_text{max-width:31.944rem; display: flex; flex-direction: column; gap: 1.333rem; margin: 0 var(--container-padding); color: #41301D;}
.Home_USP_item .Home_USP_item_text p{font-size: 1.111rem; line-height: 150%; color: #41301D;}
.Home_USP_item img{width:100%; height:100%; object-fit:cover;}
/* Home_Conditions & Services */
.conditions,.services{display:flex; justify-content: start; padding: 13.333rem var(--container-padding); background: linear-gradient(0deg, rgba(49, 36, 22, 0.50) 0%, rgba(49, 36, 22, 0.50) 100%), url(../images/conditions_img.png) lightgray 50% / cover no-repeat;}
.Home_conditions{max-width: var(--container-max-width); margin:0 auto;}
.services{background: linear-gradient(0deg, rgba(49, 36, 22, 0.50) 0%, rgba(49, 36, 22, 0.50) 100%), url(../images/service_img.png) lightgray 50% / cover no-repeat;}
.Home_conditions,.Home_services{flex: 1 1 50%; padding: 0 var(--container-padding);}
.conditions_text h3{color: #FFF;}
.conditions_text ul{max-width:31.667rem; display: flex; flex-wrap: wrap; gap: 0.444rem; padding: 1.333rem 0;}
.conditions_text li{padding:0.444rem 1.111rem; border-radius: 0.667rem; background: #F5F1EC; color: #41301D;}
.conditions_text .btn{padding-top:1rem; display: flex;}
.conditions_text a{display: flex; align-items: center; font-size: 1rem; padding:0.444rem 1.111rem; border: 1px solid #FFF; border-radius: 0.667rem; color: #FFF; margin-right:var(--container-gap);}
.conditions_text .brown_btn{background-color: #A5784A; border-color: #A5784A;}
/* Home_Why Choose Us */
.choose_us{max-width: var(--container-max-width); margin: 0 auto; padding-bottom: 5.714rem;}
.choose_us ul{display: flex; gap: 1.111rem;}
.choose_us li{border-right: 1px solid #BFA080; padding-right: 1.11rem; display: flex; align-items: start; flex-direction: column;}
.choose_us li:last-child{border-right: none;}
.choose_us li span{width:64px; height:64px;}
.choose_us li img{width:100%; height:100%; object-fit:cover;}
.choose_us li h4{font-size: 1.444rem; color: #41301D; margin: 1.333rem 0; line-height: 150%;}
.choose_us li p{color: #41301D; font-size: 1rem; line-height: 150%;}
/* Home_Testimonials */
.subsection_white{background-color: #FFF; padding: 5.714rem var(--container-padding);}
.subsection_white h2{max-width: var(--container-max-width); margin: 0 auto; font-size: 3.333rem;}
.scroll_testimonials{padding:6.222rem 0; overflow-x: hidden;}
.scroll_testimonials ul{display: flex; flex-wrap: nowrap; gap: 2.667rem;}
.scroll_testimonials li{padding-top:1.333rem; padding-bottom: 0;}
.scroll_testimonials .testimonials_text{width:16.889rem; min-height: 12.444rem; position: relative; padding: 2.667rem; border-radius: 0.889rem; background-color: #ECE4DA; line-height: 150%; font-size: 1.111rem;}
.scroll_testimonials .testimonials_text::before {
  content: ""; /* 必须设置content属性 */
  position: absolute;
  top: -15px; /* 相对于父元素顶部对齐 */
  left: 50%; /* 水平居中 */
  transform: translateX(-50%); /* 微调以真正居中 */
  width: 0;
  height: 0;
  border-left: 1rem solid transparent; /* 左边框透明 */
  border-right: 1rem solid transparent; /* 右边框透明 */
  border-bottom: 1.5rem solid #ECE4DA; /* 下边框为三角形的高度和颜色 */
}
.scroll_testimonials .testimonials_name{border-top: 1px solid #BFA080; padding-top:1.111rem; margin-top:1.111rem; font-size: 1rem;}
.scroll_testimonials li:nth-child(2n){padding-bottom:1.333rem; padding-top: 0;}
.scroll_testimonials li:nth-child(2n) .testimonials_text{background-color: #F5F1EC;}
.scroll_testimonials li:nth-child(2n) .testimonials_text::before{
  content: ""; /* 必须设置content属性 */
  position: absolute;
  top: auto;
  bottom: -15px; /* 相对于父元素顶部对齐 */
  left: 50%; /* 水平居中 */
  transform: translateX(-50%); /* 微调以真正居中 */
  width: 0;
  height: 0;
  border-left: 1rem solid transparent; /* 左边框透明 */
  border-right: 1rem solid transparent; /* 右边框透明 */
  border-top: 1.5rem solid #F5F1EC; /* 下边框为三角形的高度和颜色 */
  border-bottom: none;
}
/* Home_Partnerships */
.partnerships{padding:0 var(--container-padding)  5.714rem var(--container-padding);}
.partnerships h5{text-align: center; font-weight: bold; font-size: 1.111rem; line-height: 150%; margin-bottom: 1.333rem;}
.partner_list{display: flex; justify-content: center; align-items: center; gap: var(--container-gap); margin-bottom: 2.667rem;}
.partner_list li{width:7.778rem; height: 3.111rem;}
.partner_list li img{width:100%; height:100%; object-fit:contain;}
/* Home_Assessment */
.assessment{max-width: var(--container-max-width); margin: 0 auto; color: #FFF;}
.assessment .big_title h3{color: #FFF; font-size: 2.667rem; line-height: 120%; margin-bottom: 2.667rem;}
#contact_form{display: flex; flex-wrap: wrap; gap: 1.333rem;}
.form_group{flex: 1 1 calc(50% - 2.666rem); justify-content: start; display: flex; flex-direction: column;}
.form_group_full{flex: 1 1 100%;}
.form_group label{display: block; line-height: 150%; margin-bottom: 0.667rem; height:1rem;}
.form_group .form_input{width: 100%; height:2.389rem; flex-shrink: 0; padding:0.444rem 0.667rem; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 0.5rem; font-size: 1rem; color: #41301D;}
.form_group_btn{flex-direction: row;}
.form_group .checkbox_list{display: flex; gap:0.889rem; flex-wrap: wrap;}
.form_group.form_checkbox {
    position: relative; /* 确保子元素可以相对于这个容器定位 */
}

.form_group .form_checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0; /* 隐藏默认的 checkbox */
    width: 0;
    height: 0;
}

.form_group .form_checkbox .form_label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding:0.444rem 0.889rem;
    border: 1px solid #FFF;
    overflow: hidden;
}

.form_group .form_checkbox .form_icon {
    position: absolute;
    top: -1.5rem; /* 调整图标的位置 */
    right: 0; /* 调整图标的位置 */
    width: 1.5rem; /* 图标宽度 */
    height: 1.5rem; /* 图标高度 */
    background-color: #FFF;
    border: 1px solid white; /* 设置白色边框 */
    box-sizing: border-box;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding:0;
}

.form_group .form_checkbox input[type="checkbox"]:checked ~ .form_icon{
    display: flex;
    content: url('../svg/checkmark.svg'); /* 使用你的对勾图标路径 */
    width: 1.5rem; /* 对勾图标宽度 */
    height: 1.5rem; /* 对勾图标高度 */
    position: absolute;
    top: 0rem; /* 调整对勾的位置 */
    right: 0rem; /* 调整对勾的位置 */
    z-index: 999;
}


.form_group .form_icon{padding-left: 2.667rem; background: no-repeat #FFF 0.667rem center; background-size: 1.333rem 1.333rem;
    -webkit-appearance: none; /* 针对Webkit浏览器 */
    -moz-appearance: none; /* 针对Mozilla浏览器 */
    appearance: none; /* 适用于所有现代浏览器 */
}
.form_select{width: calc(100% - 1.333rem); height:auto; background-color: #FFF; overflow: hidden; padding:0.444rem 0.667rem; border: 1px solid rgba(255, 255, 255, 0.20); border-radius: 0.5rem; font-size: 1rem; color: #41301D; cursor: pointer; position: relative;}
.form_select label{display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin: 0;}
.form_select label .arrow_up{display: none;}
.form_select ul{display: none;}
.form_select ul li{height:1.501rem; line-height:1.501rem; padding:0.444rem 0; cursor: pointer;}
.form_group .icon_phone{background-image: url(../svg/tel.svg); }
.form_group .icon_email{background-image: url(../svg/email.svg); }
.form_group .form_textarea{height:6.667rem;}
.form_group:last-child{flex: 1 1 100%;}
.form_group .form_btn{padding:0.556rem 1.333rem; background-color: #FFF; border:1px solid #FFF; border-radius: 0.667rem; cursor: pointer; margin-right: 1.333rem;}
.form_group .form_btn_whatsapp{background:transparent; color: #FFF;}
.form_hr{height: 1px; overflow: hidden; height: 0; background: rgba(255, 255, 255, 0.50);}
.form_group label.error,.form_group div.error{color: #ED0000; margin-top:0.3rem;}
.form_group  .payment_error,.form_group .services_error,.form_group .budget_error{ display: none;}
.form_group #submitReturn{display: none;}
/* Related Articles */
.articles{padding-bottom: 5rem; position: relative;}
.articles h3{max-width: var(--container-max-width); margin: 0 auto; color: #41301D;}
.scroll_articles{width: var(--container-max-width); margin: 0 auto 4rem auto; position: relative;}
.scroll_articles:hover .scroll-controls{display: block;}
.articles_list{width: 100%;  /*height: 27.778rem;*/ overflow: hidden;}
.articles_list .articles_item{flex: 0 0 auto; width: calc(33.333% - 1.778rem); margin:0 0.889rem; border-radius: 0.889rem; overflow: hidden; background-color: #FFF; transition: all 0.3s ease;}
.articles_list .articles_item img{width: 100%; object-fit: cover;}
.articles_list .articles_item:last-child{margin-right: 0;}
.articles_list ul{ /*height: 27.778rem;*/ display: flex; margin-bottom:var(--subsection-padding); transition: transform 0.5s ease; justify-content:space-between;}
.articles_list li{flex: 0 0 auto; width: calc(23.7rem - 1.778rem); height: 27.778rem; margin:0 0.889rem; border-radius: 0.889rem; overflow: hidden; background-color: #FFF; transition: all 0.3s ease;}
.articles_list li img{width: 100%; object-fit: cover;}
.articles_list li:last-child{margin-right: 0;}
.articles_text{padding:1.333rem 2.667rem 2.667rem; gap: 0.444rem; display: flex; flex-direction: column;}
.articles_tag{font-size: 0.889rem;}
.articles_tag span{border: 1px solid rgba(4, 7, 8, 0.15); background-color: #FFF; border-radius: 0.5rem; padding: 0.2rem 0.5rem; margin-right: 0.5rem;}
.articles_text h5{font-size: var(--container-gap); color: #040708; line-height: 130%;}
.articles_text a{font-weight: 500;}
.scroll-controls{width:100%; height:100%; position: absolute; top:40%; display: none;}
.scroll-controls .scroll-btn{position: absolute; left: -80px; top:0; z-index: 999;}
.scroll-controls .next-btn{right: -80px; top:0; text-align: right;}
.show_all{text-align: center;}
/* Join Us */
.join_us {
    max-width: var(--container-max-width);
    margin: 0 auto;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    gap: 4.444rem;
}
.join_us_left {
    display: flex;
    flex-direction: column;
    height: 35.556rem;
    justify-content: center;
    flex: 1 1 50%;
    align-items: start;
}

.join_us_left .big_title {
    align-items: flex-start;
}

.join_us_left .big_title h1 {
    align-items: flex-start;
    color: #040708;
    text-align: left;
}
.join_us_left li{line-height: 150%; list-style: inside;}

.join_us_left .desc_text {
    font-size: 1rem;
    text-align: justify;
    margin: 1.333rem 0 var(--container-gap) 0;
    color: #040708;
    line-height: 150%;
}

.join_us_right{
    display: flex;
    width: 33.333rem;
    height: 35.556rem;
    overflow: hidden;
    border-radius: 1rem;
}
.join_us_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Home_Contact Us */
.contact{max-width: var(--container-max-width); margin: 0 auto; color: #41301D;}
.contact h3{font-size: 2.667rem; text-align: center; margin-bottom: 1.333rem;}
.contact p{text-align: center; margin-bottom: 4.444rem; font-size: 1.111rem; line-height: 150%;}
.contact ul{width:100%; display: flex; flex-wrap: nowrap; gap: var(--container-gap);}
.contact li{flex: 1 1 33.333%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.contact li svg{width: 2.667rem; height: 2.667rem;}
.contact_btn{width:100%;  margin:1.33rem 0;}
.contact_btn a{display: block; width:100%; padding: 0.556rem 0; border: 1px solid rgba(4, 7, 8, 0.50); border-radius: 0.667rem; text-align: center;}
/* 底部 */
.footer {
    margin: 0 var(--container-padding);
    padding: 3rem 0;
}

.footer_content,.footer_bottom {
    max-width: var(--container-max-width);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.footer_content p{
    font-size: 0.889rem;
    line-height: 150%;
    margin-bottom: 1.333rem;
}
.footer_social{margin-bottom: 4.444rem;}
.footer_social ul{display: flex; gap:0.667rem;}
.footer_social li{width: 1.333rem; height: 1.333rem;}

.footer_left {
    flex: 1 1 60%;
}

.footer_logo {
    width: 4.667rem;
}

.footer_logo img {
    width: 100%;
    height: auto;
}

.footer_text {
    padding-top: var(--container-gap);
}
.footer_text a{text-decoration: underline;}

.footer_right {
    display: flex;
    flex: 1 1 25%;
    align-items: end;
    font-size: 1rem;
}
.footer_menu{width:100%; display: flex; flex-wrap: wrap;}
.footer_menu li{flex: 1 1 50%; padding: 0.444rem 0;}
.footer_menu li:last-child{align-self: stretch;flex: 1 1 100%;}
.footer_menu li a{font-size: 0.889rem; line-height: 150%; font-weight: 500;}

.footer_bottom{border-top: 1px solid rgba(4, 7, 8, 0.15); padding-top: var(--container-gap); font-size: 0.889rem; line-height: 150%;}
.footer_links a{font-size: 0.889rem; line-height: 150%; margin-left: 1.333rem; text-decoration: underline;}

/* SUB_BANNER */
.sub_banner{padding-top:4.5rem; height: 33.778rem; display: flex; align-items: end;}
.banner_img{width:50%; height: 33.778rem;}
.banner_img img{height:100%; object-fit:cover;}
.sub_banner h1, .sub_banner p{color: #040708;}

/* Conditions - Categories */
.subsection_padding .big_title{max-width: var(--container-max-width); margin: 0 auto; padding: 0 0 var(--subsection-padding) 0;}
.subsection_padding .big_title h2{border: none; padding: 0; margin: 0;}
.disease_item{max-width: var(--container-max-width); margin: 0 auto;}
.disease_item ul{display: flex; gap: var(--container-gap); flex-wrap: wrap; justify-content: space-between;}
.disease_item li{display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 calc(25% - var(--container-gap) - 1.778rem); padding: 2.667rem 0.889rem; border-radius: 0.889rem; background-color: #BFA080;}
.disease_item li:last-child{margin-right: auto;}
.disease_item .disease_icon{width:4.667rem; height:4.667rem;  background-color: #83603B; border-radius: 50%;}
.disease_item .disease_icon svg{width:100%; height:100%;}
.disease_item h4{font-size: var(--container-gap); color: #FFF; margin: 1.333rem 0;}
.disease_item p a{font-size: 1rem; color: #FFF;}

/* Conditions - Journey */
.journey{max-width: var(--container-max-width); margin:var(--subsection-padding) auto 0 auto;}
.journey ul{display: flex; justify-content: space-between; gap: 2.667rem;}
.journey ul li{flex: 1 1 23% ;}
.journey .journey_title{display: flex; justify-content: start; align-items: end;}
.journey .journey_icon{width: 2.667rem; height: 2.667rem; margin-right: 0.444rem;}
.journey .journey_icon svg{width: 100%; height: 100%;}
.journey .journey_title h5{font-size: var(--container-gap); line-height: 130%; flex: 1 1 80%;}
.journey .journey_line{height:1rem;display: flex; justify-content: space-between; align-items: center; margin: var(--container-gap) 0;}
.journey .journey_line .circle{width: 0.8rem; height: 0.8rem; border-radius: 50%; background-color: #040708; margin-right: 0.5rem;}
hr{height: 0.1667rem; background-color: #040708; flex: 1 1 90%;}
.journey p{line-height: 150%;}
.journey .mobile_show{display: none;}
.subsection_green{background-color: #425C56; padding: 5.714rem var(--container-padding);}
.container_take{background-color: #425C56;}
.container_take h3, .container_take .desc_text{color: #FFF;}
.container_take a{color: #FFF; border: 1px solid #FFF;}

/* Services */
.services_item{max-width: var(--container-max-width); margin: 0 auto;}
.services_item ul{display: flex; gap: var(--container-gap); flex-wrap: wrap; justify-content: space-between;}
.services_item li{height:27.778rem; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 23%; border-radius: 0.889rem; overflow: hidden;}
.services_item li:last-child{margin-right: auto;}
.services_item li img{width: 100%; height: 100%; object-fit: cover;}
.services_item li .services_item_text{height:45%; position: absolute; left: 0; bottom: 0; background: rgba(49, 36, 22, 0.70); padding: 0.889rem;}
.services_item h4{font-size: var(--container-gap); color: #FFF; margin: 1.333rem 0;}
.services_item p{font-size: 1rem; color: #FFF;}
.services_item .big_title h2{font-size: 3.333rem;}
.big_title p{max-width: var(--container-max-width); margin: 1.333rem auto 0 auto; font-size: 1.11rem; line-height: 150%;}

.service_types{max-width: var(--container-max-width); margin: var(--subsection-padding) auto 0 auto; color: #41301D;}
.service_types h3{color: #41301D;}
.service_types ul{display: flex; gap: var(--container-gap); flex-wrap: wrap; justify-content: space-between;}
.service_types li{height:16rem; flex: 1 1 42%;border-radius: 0.889rem; background: #F5F1EC; padding: var(--container-gap); color: #41301D;}
.service_types dl{height: 13rem; margin-bottom: var(--container-gap);}
.service_types dt{}
.service_types dt span{font-size: 0.889rem; line-height: 150%; display: flex; flex-direction: column; align-items: start;}
.service_types dd{height:120px; font-size: 1rem; line-height: 150%; margin-bottom: 0.889rem; display: flex; flex-direction: column; justify-content: center; align-items: start;}
.service_types dd p{display: flex; align-items: start; margin-bottom: 0.889rem; line-height: 1.9rem;}
.service_types dd svg{width: 1.778rem; height: 1.778rem; margin-right: 0.889rem; flex-shrink: 0;}
.service_types_btn{display: flex;}
.service_types_btn span{background-color: #A4784A; padding: 0.4rem 0.556rem; display: inline-block; line-height: 16px; border-radius: 0.333rem; margin-right: 0.444rem; color: #FFF; display: flex; justify-content: center;}
.service_types_btn svg{margin-right: 0.222rem;}

/* Costs & Payment */
.costs_bg{background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(../images/costs_bg.png) lightgray 50% / cover no-repeat;}
.costs_content{max-width: var(--container-max-width); margin: 0 auto; padding: var(--container-gap); background: #FFF; border-radius: 0.889rem;}
.costs_news li{padding:1.333rem 0; border-bottom: 1px solid rgba(4, 7, 8, 0.15);}
.costs_news li h5{font-size: 1.778rem; font-weight: 500;  line-height: 130%;}
.costs_news li p{font-size: 1rem; line-height: 150%; margin: 0.889rem 0;}
.tag{display: flex;}
.costs_news li .costs_tag{display: flex; align-items: center; width: fit-content; font-size: 0.889rem; background-color: #4786A3; color: #FFF; padding: 0.222rem 0.555rem; border-radius: 0.333rem; margin-right: 0.444rem;}
.more_news{display: flex; align-items: center; margin-top: 1.333rem; cursor: pointer;}
.more_news span{margin-left: 0.889rem; padding-top: 0.444rem;}
.more_news .arrow_up{display: none;}
.list-unstyled {padding-top: 1.778rem; display: none;}
.list-unstyled li{display: flex; align-items: start; flex-wrap: nowrap; margin-bottom: 0.889rem; line-height: 150%;}
.list-unstyled li svg{flex:1 1 24px; width: 24px; height: 24px; margin-right: 0.889rem; flex-shrink: 0}
.list-unstyled li p{flex:1 1 auto;}
.list-unstyled li a{display: inline-block; padding-top: 0.889rem; text-decoration: underline;}
.fees{max-width: var(--container-max-width); margin:var(--subsection-padding) auto 0 auto;}
.fees ul{display: flex; justify-content: space-between;}
.fees ul li{flex: 1 1 calc(25% - 2px); border-right: 1px solid rgba(4, 7, 8, 0.50); text-align: center;}
.fees ul li:last-child{border-right: none;}
.fees li h4{font-size: 2.222rem; margin-top: 1.333rem;}

.payment_method{max-width: var(--container-max-width); margin: var(--subsection-padding) auto 0 auto; color: #41301D;}
.payment_method ul{display: flex; gap: 2.667rem; flex-wrap: wrap; justify-content: space-between;}
.payment_method li{height:21rem; flex: 1 1 42%;border-radius: 0.889rem; background: #F5F1EC; padding: var(--container-gap); color: #41301D;}
.payment_method .icon{ background-color: #A4784A; width: 5.333rem; height: 5.333rem; border-radius: 5.556rem; display: flex; align-items: center; justify-content: center;}
.payment_method h3{font-size: 2.222rem; color: #41301D; margin: 0.889rem 0;}
.payment_method dd{height:7.778rem;font-size: 1rem; line-height: 150%; margin-bottom: 0.889rem; display: flex; align-items: start;}
.payment_method .btn_more a{font-weight: 500;}

/*Rresources */
.resources_title h1{font-weight: 500; font-size: 3.778rem;;}
.resources_list{display: flex; max-width: var(--container-max-width); margin: 0 auto;}
.resources_list li{border: 1px solid rgba(4, 7, 8, 0.15);}
.resources_download h1, .resources_download p, .resources_download a{color: #FFF; font-weight: normal;}
.resources_download .btn_more{margin-top: 2.667rem;}
.resources_download a{color: #FFF; border-color: #FFF;}

/* Join Us */
.joinus_box{max-width: var(--container-max-width); margin: 0 auto; display: flex; gap: 0.667rem; flex-wrap: wrap;}
.joinus_box img{width: 100%; height: 100%; object-fit: cover;}
.joinus_left{flex:1 1 calc(66% - 0.3335rem); gap: 0.667rem;}
.joinus_left ul{display: flex; gap: 0.667rem;  flex-wrap: wrap;}
.joinus_left ul li:first-child{flex: 1 1 calc(100% - 0.3335rem); height: 21.111rem}
.joinus_left ul li{flex: 1 1 calc(50% - 0.3335rem); height: 33.333rem; border-radius: 0.667rem; overflow: hidden; position: relative;}
.joinus_right{flex:1 1 calc(34% - 0.3335rem); border-radius: 0.667rem;  overflow: hidden; position: relative;}
.joinus_bottom{flex:1 1 100%; gap: 0.667rem;}
.joinus_bottom ul{display: flex; gap: 0.667rem;}
.joinus_bottom li{flex: 1 1 calc(50% - 0.3335rem); border-radius: 0.667rem;  overflow: hidden; position: relative;}
.joinus_box .box_text{width:calc(100% - 5.33rem); height: 10rem; display: flex; align-items: start; justify-content: end; flex-direction: column; position: absolute; left: 0; bottom: 0; background: rgba(49, 36, 22, 0.70); padding:2.667rem 2.665rem 2.667rem 2.665rem;}
.joinus_box .box_text h3{color: #FFF; margin-bottom: 0.444rem; font-size: 2.667rem;}
.joinus_box .box_text p{color: #FFF; line-height: 150%;}
.joinus_left ul li:first-child .box_text{padding-top: 0rem;}
.joinus_job{max-width: var(--container-max-width); margin: 0 auto;}
.joinus_job ul{display: flex; gap: 2.667rem;  flex-wrap: wrap;}
.joinus_job li{flex: 1 1 calc(25% - 2.667rem);}
.job_img{width:100%; height:15.778rem; margin-bottom: 1.333rem;}
.joinus_job li img{width: 100%; height: 100%; object-fit: cover; border-radius: 0.667rem;}
.joinus_job li h4{font-size: 1.333rem; font-weight: 500;}
/* Q&A */
.qa{max-width: 42.667rem; margin: 0 auto; padding: var(--subsection-padding) 0;}
.qa .big_title{text-align: center;}
.qa_item{background-color: #FFF; border-radius: 0.889rem; padding: 1.333rem; margin-bottom: 0.889rem}
.qa_item:first-child p{height: auto; display: block;}
.qa_item:first-child .arrow_down{display: block;}
.qa_item:first-child .arrow_up{display: none;}
.qa_item h4{font-size: 1.111rem; font-weight: 500; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.qa_item .arrow_down{display: none;}
.qa_item p{line-height: 150%; margin-top: 0.889rem; height: 0; display: none;}

.open_message{width:350px; display: flex; z-index: 999; background: #FFF; position: fixed; display: flex; bottom: 9rem; right: 2rem; border: 1px solid #BFA080; border-radius: 16px; padding: 8px;}
.open_message .message_icon{width:32px; height:32px; padding:8px; border-radius: 16px; background: #F5F1EC; margin-right: 8px;  flex: 0 0 32px;}
.open_message .message_icon svg{width: 100%; height: 100%; object-fit: cover;}
.open_message .message_text p{line-height: 130%; margin-right: 8px; font-size: 12px;;}
.open_message .message_close{cursor: pointer;}


/* 二级页面 */

.about-banner{height:36.556rem; position: relative;}
.about-banner .mask{background: #312416; opacity: 0.6;}
.about-banner img{width:100%; height:100%; object-fit: cover;}
.about-banner .banner_position{width: var(--subsection-max-width);}
.about-banner .banner_text{width: 100%; max-width: 100%;}
.about-banner a{color: #FFF;}
.about-banner svg{margin-left:3px; margin-top: 2px;}
.about-banner h1{font-size: 4rem; color: #FFF; font-weight: 500; margin-top: 1.333rem;}
.about-banner p{line-height: 150%; color: #FFF; margin-top: 1.333rem; display: flex; justify-content: center;}
.development-milestones{background: #F5F1EC;}
.subsection-secondary{width: var(--subsection-max-width); margin: 0 auto; padding: var(--container-padding);}
.subsection-secondary h2{color: #41301D;}
.mileage_list{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.667rem;}
.mileage_list li{flex: 1 1 calc(25% - 1rem);}
.mileage_list li div{height:180px;}
.mileage_list li img{width:180px; height: 180px; object-fit: cover;}


/* 响应式设计 - 平板设备 */
@media screen and (max-width: 1600px) {
    :root {
        font-size: 16px;
    }
    /* 响应式字体大小设置 */
    html {
        font-size: calc(100vw / 1600 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
    }
}

/* 响应式设计 - 平板设备 */
@media screen and (max-width: 1280px) {
    :root {
        font-size: 14px;
    }
    /* 响应式字体大小设置 */
    html {
        font-size: calc(100vw / 1280 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
    }
}
@media screen and (max-width: 1024px) {
    :root {
        font-size: 12px;
    }
    /* 响应式字体大小设置 */
    html {
        font-size: calc(100vw / 1024 * var(--base-font-size)); /* 基于1920px设计稿的响应式字体 */
    }
}

/* 响应式设计 - 手机设备 */
@media screen and (max-width: 768px) {
    :root {
        font-size: 14px;
        --base-font-size: 1rem; /* 基础字体大小 */
        --container-padding: 1.667rem; /* 容器内边距 */
        --container-max-width: 54.857rem; /* 最大宽度 */
        --subsection-padding: 2.857rem; /* 区块内边距 */
        --container-gap:1.778rem; /* 容器间隔 */
    }
    
    html {
        font-size: calc(100vw / 768 * 14);
    }
    
    .fixed_whatsapp{padding:8px;}
    .fixed_whatsapp svg{width: 4rem; height: 4rem;}
    .subsection_padding{padding: var(--subsection-padding) var(--container-padding);}
    .nav_menu,.nav_btn{display: none;}
    .languages a{
        padding:0.3rem 1rem;
    }
    .mobile_nav{cursor: pointer; display: block;}

    .nav{position: relative;}
    .menu_close{display: none;}
    .mobile_mask{width:100vw; height: 100vh; position: fixed; top:0; left:0; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
    .mobile_menu_close{height:4.4rem; display: flex; align-items: center; justify-content: end; padding:0 var(--container-padding);}
    .mobile_menu{position: absolute; display: block; z-index: 9999;  background-color: #FFF; flex-direction: column; top:0; right: -80vw; width: 80vw; height: 100vh;}
    .mobile_menu ul{display: block; padding-top: 1rem;}
    .mobile_menu li{line-height: 150%; padding:0.7rem var(--container-padding); }
    .mobile_menu li{font-size: 1.167rem;}
    .mobile_menu li .sub_menu_title{display: flex; align-items: center; justify-content: space-between;}
    .mobile_menu li .arrow_up{display: none;}
    .mobile_menu li ul{display: none;}
    .mobile_menu li li{padding: 0.3rem var(--container-padding);}
    
    .banner .banner_position{
        position: absolute;
        width: 90%;
        top:50%;
        z-index: 999;
    }
    .banner .banner_text{width: 100%; max-width: var(--container-max-width);}
    .banner .banner_text h1{font-size: 3.333rem;}
    .banner .banner_text p{font-size: 1.333rem; width: 100%;  max-width: var(--container-max-width);}
    .banner_btn{width: 100%; text-align: left;}
    .banner .banner_btn a{padding: 0.833rem 1.111rem; font-size: 1.167rem; display: inline-block;}
    .journey .mobile_hide,.banner .mobile_hide{display: none;}
    .journey .mobile_show,.banner .mobile_show{display: block;}
    .services .Home_services:first-child{display: none;}
    .subsection .big_title h2,.subsection_white .big_title h2{font-size: 2.667rem;}
    .choose_us ul{flex-wrap: wrap; padding: 0 var(--container-padding); margin: 0 auto; gap: 1.333rem;}
    .choose_us ul li{flex: 1 1 40%;}
    .choose_us ul li:nth-child(2){border: none;}
    .Home_USP_item_text{padding:var(--subsection-padding) var(--container-padding)}
    .about_us{padding-top: var(--subsection-padding);}
    .about_us .mobile_show{margin-bottom: 0;}
    .disease_item li{flex: 1 1 calc(50% - var(--container-gap) - 1.778rem); justify-content: start;}
    .disease_item .disease_icon{width: 64px; height: 64px; padding: 8px;}
    .journey ul{flex-wrap: wrap; flex-direction: column;}
    .journey li{flex: 1 1 100%; display: flex; align-items: start; gap: 1rem;}
    .journey .journey_line{height:60px; text-align: center; padding-top: 5px; margin: 0;}
    .journey .journey_line hr{width:2px; height:100%; border: none; margin-top: 5px; margin-left: 4px;}
    .journey_title{margin-bottom: var(--container-padding);}
    .join_us_left{height:auto;}
    .join_us_right{height:20rem;}
    .sub_banner{height: auto; display: block;}
    .sub_banner .banner_img{width:100%; height:32.857rem;}
    .sub_banner .banner_position{width: auto; padding:var(--subsection-padding) var(--container-padding); position: relative; left: 0; top: 0; transform: translateX(0) translateY(0);}
    .services_item li{flex: 1 1 calc(50% - 1.778rem);}
    .services_item li:last-child{margin-right: 50%;}
    .articles .big_title{padding: var(--subsection-padding) var(--container-padding);}
    .articles .big_title h3{font-size: 2.333rem;}
    .scroll_articles{width: auto; padding: 0 var(--container-padding); overflow: hidden;}
    .articles_list{width: 100%; margin: 0 auto; flex-direction: column;}
    .articles_list ul{flex-wrap: wrap; flex-direction: column; margin-bottom: 0;}
    .articles_list li{flex: 1 1 100%; width: 100%; margin: 0.889rem 0; /*width: calc(100% - 1.778rem);*/}
    .joinus_job ul {gap:var(--container-padding);}
    .joinus_job ul li{flex: 1 1 45%;}
    .join_us_page{padding-top:0;}
    .join_us_page .big_title{padding: 0 0 var(--subsection-padding) 0;}
    /* .joinus_left{flex: 1 1 100%;}
    .joinus_left ul{flex-wrap: wrap;}
    .joinus_left ul li{height:26rem; flex: 1 1 100%;}
    .joinus_bottom{flex: 1 1 100%;}
    .joinus_bottom ul{flex-wrap: wrap;}
    .joinus_bottom ul li{height:26rem; flex: 1 1 100%;}
    .joinus_job ul {gap:var(--container-padding);}
    .joinus_job ul li{flex: 1 1 45%;} */

    .open_message{width:320px; bottom: 9rem;}
    .open_message .message_icon{width:48px; height:48px;}
    .open_message .message_text{font-size: 12px;}
}

/* 超小屏幕设备 */
@media screen and (max-width: 480px) {
    :root{
        font-size: 12px;
        --base-font-size: 1rem; /* 基础字体大小 */
        --container-padding: 1.667rem; /* 容器内边距 */
        --container-max-width: 40rem; /* 最大宽度 */
        --subsection-padding: 5.333rem; /* 区块内边距 */
        --container-gap:1.778rem; /* 容器间隔 */
    }
    html {
        font-size: 12px;
    }
    .fixed_whatsapp{padding:8px;}
    .fixed_whatsapp svg{width: 4rem; height: 4rem;}
    .subsection_padding{padding: var(--subsection-padding) var(--container-padding);}
    .nav_menu,.nav_btn{display: none;}
    .languages a{
        padding:0.3rem 1rem;
    }
    .mobile_nav{cursor: pointer; display: block;}

    .nav{position: relative;}
    .menu_close{display: none;}
    .mobile_mask{width:100vw; height: 100vh; position: fixed; top:0; left:0; background-color: rgba(0,0,0,0.5); z-index: 99; display: none;}
    .mobile_menu_close{height:4.4rem; display: flex; align-items: center; justify-content: end; padding:0 var(--container-padding);}
    .mobile_menu{position: absolute; display: block; z-index: 9999;  background-color: #FFF; flex-direction: column; top:0; right: -80vw; width: 80vw; height: 100vh;}
    .mobile_menu ul{display: block; height: calc(100vh - 9rem); padding-top: 1rem;}
    .mobile_menu li{line-height: 150%; padding:0.7rem var(--container-padding); }
    .mobile_menu li{font-size: 1.167rem;}
    .mobile_menu li .sub_menu_title{display: flex; align-items: center; justify-content: space-between;}
    .mobile_menu li .arrow_up{display: none;}
    .mobile_menu li ul{display: none; height: auto;}
    .mobile_menu li li{padding: 0.3rem var(--container-padding);}
    .mobile_menu li a{font-size: 16px;}
    .mobile_menu li li a{font-size: 14px;}
    .mobile_menu_btn{padding: 0 var(--container-padding); border-bottom: 0; z-index: 999; position: relative;}
    .mobile_menu_btn a{padding:0.444rem 1.111rem; border-radius: 0.8rem; font-size: 1.167rem; display: block; background-color: #A5784A; color: #FFF; line-height: 150%; text-align: center;}
    
    .banner .banner_position{
        position: absolute;
        width: 90%;
        top:50%;
        z-index: 999;
    }
    .banner .banner_text h1{font-size: 3.333rem;}
    .banner .banner_text p{font-size: 1.333rem;}
    .banner_btn{width: 100%; text-align: center;}
    .banner .banner_btn a{padding: 1rem 1.111rem; font-size: 1.167rem; width: 100%;}
    .milestones ul{flex-wrap: wrap;}
    .milestones li{flex: 1 1 45%;}
    .milestones li svg{width: 100%; height: 100%;}
    .Home_USP{display: block;}
    .Home_USP_item{width: 100%; margin-bottom: 5.333rem;}
    .Home_USP_item .btn_more{width: 100%;}
    .Home_USP_item .btn_more a{width: 100%; text-align: center; display: block; font-size: 1.167rem;}
    .Home_USP_item .Home_USP_item_text{margin: 0;}
    .Home_USP .mobile_hide,.journey .mobile_hide,.banner .mobile_hide{display: none;}
    .Home_USP .mobile_show,.journey .mobile_show,.banner .mobile_show{display: block;}
    .Home_conditions, .Home_services{padding: 0;}
    .conditions_text a{font-size: 1.167rem; padding: 0.667rem 1.667rem;}
    .services .Home_services:first-child{display: none;}
    .subsection .big_title h2,.subsection_white .big_title h2{font-size: 2.667rem;}
    .choose_us ul{flex-wrap: wrap; padding: 0 var(--container-padding); margin: 0 auto; gap: 1.333rem;}
    .choose_us ul li{flex: 1 1 40%;}
    .choose_us ul li:nth-child(2){border: none;}
    .partnerships h5{font-size: 1.333rem;}
    .partner_list{flex-wrap: wrap; align-items: center;}
    .partner_list li{flex: 1 1 45%; height: 4.667rem;}
    .articles .big_title{padding: var(--subsection-padding) var(--container-padding);}
    .articles .big_title h3{font-size: 2.333rem;}
    .scroll_articles{width: auto; padding: 0 var(--container-padding); overflow: hidden;}
    .articles_list{width: 100%; margin: 0 auto;}
    .articles_list ul{flex-wrap: wrap; flex-direction: column; margin-bottom: 0;}
    .articles_list li{flex: 1 1 100%; width: 100%; margin: 0.889rem 0; /*width: calc(100% - 1.778rem);*/}
    .btn_more{padding: 0; text-align: center;}
    .btn_more a{display: block; padding: 0.833rem 0; border-radius: 0.8rem; font-size: 1.167rem;}
    .show_all{padding: 0 var(--container-padding); text-align: center;}
    .show_all a{display: block;}
    .join_us{flex-wrap: wrap;}
    .join_us_left{flex: 1 1 100%;}
    .contact ul{flex-wrap: wrap;}
    .contact li{flex: 1 1 100%;}
    .footer_content{flex-wrap: wrap;}
    .footer_left{flex: 1 1 100%;}
    .about_us{padding-top: var(--subsection-padding);}
    .about_us .mobile_show{margin-bottom: 0;}
    .disease_item li{flex: 1 1 calc(50% - var(--container-gap) - 1.778rem); justify-content: start;}
    .disease_item .disease_icon{width: 64px; height: 64px; padding: 8px;}
    .journey ul{flex-wrap: wrap; flex-direction: column;}
    .journey li{flex: 1 1 100%; display: flex; align-items: start; gap: 1rem;}
    .journey .journey_line{height:60px; text-align: center; padding-top: 5px; margin: 0;}
    .journey .journey_line hr{width:2px; height:100%; border: none; margin-top: 5px; margin-left: 4px;}
    .journey_title{margin-bottom: var(--container-padding);}
    .join_us_left{height:auto;}
    .sub_banner{height: auto; display: block;}
    .sub_banner .banner_img{width:100%; height:21.66rem;}
    .sub_banner .banner_position{width: auto; padding:var(--subsection-padding) var(--container-padding); position: relative; left: 0; top: 0; transform: translateX(0) translateY(0);}
    .services_item li{flex: 1 1 calc(50% - 1.778rem);}
    .services_item li:last-child{margin-right: 50%;}
    .service_types_btn a{ padding: 0.333rem 0.833rem;}
    .more_news{font-size: 1.167rem;}
    .fees ul{flex-wrap: wrap;}
    .fees ul li{flex: 1 1 45%;}
    .fees ul li:nth-child(2){border: none;}
    .payment_method li{height:auto;}
    .resources .big_title,.subsection_white .big_title{padding-top: 0; padding-left: 0;}
    .resources_list{padding: 0; gap: var(--container-padding); flex-wrap: wrap; flex-direction: column;}
    .resources_list li{flex: 1 1 100%;}
    .joinus_left{flex: 1 1 100%;}
    .joinus_left ul{flex-wrap: wrap;}
    .joinus_left ul li{height:26rem; flex: 1 1 100%;}
    .joinus_bottom{flex: 1 1 100%;}
    .joinus_bottom ul{flex-wrap: wrap;}
    .joinus_bottom ul li{height:26rem; flex: 1 1 100%;}
    .joinus_job ul {gap:var(--container-padding);}
    .joinus_job ul li{flex: 1 1 45%;}
    .qa_list{padding:0 var(--container-padding) ;}
    .footer_bottom{flex-wrap: wrap;}
    .contact_btn a{padding: 0.833rem 0; font-size: 1.167rem;}
    .copyright{flex:1 1 100%;}
    .footer_links{flex:1 1 100%;}
    .footer_links a{margin-left: 0; margin-right: 1.333rem;}
    .payment_method .icon{width:48px; height:48px; padding:16px;}
    .payment_method .icon svg{width: 48px; height: 48px;}
    .form_group{flex: 1 1 calc(100% - 2.666rem);}
    .scroll_testimonials{padding-bottom: 0;}

    .open_message{width:240px; right: 0.5rem; bottom: 9rem;}
    .open_message .message_icon{width:30px; height:30px; flex: 0 0 30px;}
    .open_message .message_text p{font-size: 10px; padding-top: 3px;}
}

/* 高分辨率屏幕优化 */
@media screen and (min-width: 1920px) {
    html {
        font-size: 18px; /* 固定字体大小，避免过大 */
    }
    
    .container {
        max-width: 1920px;
        margin: 0 auto;
    }
}

/* 打印样式 */
@media print {
    .navbar-fixed,
    .nav_btn,
    .brown_btn {
        display: none;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
    }
    
    .banner {
        height: auto;
        page-break-inside: avoid;
    }
}

/* 无障碍优化 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 高对比度模式 */
@media (prefers-contrast: high) {
    .brown_btn {
        border: 2px solid #000;
    }
    
    .nav_menu li a {
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }
}


#hs-form-container{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000;}
.form-content{position: absolute; width: 600px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px;}
.close-btn{cursor: pointer; position: absolute; top: 10px; right: 10px;}