body{
    margin: 0;
    padding: 0;
    padding-top: 8.333vw;
    font-family: 'pingfang', sans-serif;
    cursor: default;
    user-select: none;
}

@font-face {
    font-family: 'Cochin';
    src: url('https://oss.primecare.org.cn/font/Cochin.woff2') format('woff2');
    font-weight: normal;
}

@font-face {
    font-family: 'pingfang';
    src: url('https://oss.primecare.org.cn/font/PINGFANG_REGULAR_0.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN';
    src: url('https://oss.primecare.org.cn/font/DIN-Alternate-Bold.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: '梦源黑体';
    src: url('https://oss.primecare.org.cn/font/梦源黑体.woff2') format('woff2');
    font-weight: normal;
}

::-webkit-scrollbar {
    display: none; /* Chrome, Safari 和 Opera */
}

.con-width{
    max-width: 86.979vw !important;
}

/* 导航栏 */
.header{
    width: 100%;
    position: fixed; /* 固定定位 */
    top: 0;          /* 距离页面顶部0 */
    left: 0;         /* 左边对齐 */
    right: 0;        /* 右边对齐 */
    background-color: #fff; /* 建议加个背景色，防止内容遮挡 */
    z-index: 9999;   /* 保证层级最高，覆盖其他内容 */
    border-bottom: 0.052vw solid #ececec;
}
.h-nav{
    width: 100%;
    height: 4.688vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
}
.nav-left{
    float: left;
    display: flex;
    flex: 1;
    align-items: center;
    cursor: pointer;
}
.nav-left img{
    width: 0.833vw;
}

.navleft-img{
    width: 0.365vw !important;
}

.nav-left p{
    font-size: 0.677vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0 0.521vw;
    margin-top: 0.104vw;
}
.nav-left a{
    font-size: 0.729vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    border-bottom: 0.052vw solid #000;
    margin: 0 0.417vw;
}

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

.nav-center p{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0 1.563vw;
}

.nav-center a {
    position: relative;
    color: #999;
    text-decoration: none;
    display: flex;
    align-items: center;
    height: 3.698vw;
}

.nav-center a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0vw;
    width: 1.667vw;
    height: 0.104vw;
    background-color: transparent;
    transform: translateX(-50%);
    transition: background-color 0.3s;
}

.nav-center a.active {
    color: inherit;
    font-weight: bold;
}

.nav-center a.active::after {
    background-color: #000;
}


.nav-center img{
    width: 8.854vw;
}

@keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-0.521vw);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .nav-center a img {
    animation: fadeInDown 1s ease forwards;
  }
  
.nav-right {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
}
.nav-right img {
    width: 0.729vw;
    margin-left: 1.563vw;
}
.nav-right p {
    font-size: 0.677vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    margin-left: 1.563vw;
}
.language-text{
    font-size: 0.677vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}
.nav-right a {
    font-size: 0.729vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
	border-bottom:0.052vw solid #000;
}

.language-selector {
    position: relative;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
}
.language-selector img {
    width: 0.625vw;
    vertical-align: middle;
    margin-left: 0.521vw;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.5); /* 不透明白色背景 */
    backdrop-filter: blur(0.26vw); /* 模糊效果，数值可调整 */
    padding: 0;
    list-style: none;
    min-width: 4.948vw;
    z-index: 1000;
    border: 0vw;
    border-radius: 0vw;
    color: #000;
    margin-left: 1.042vw;
    padding-top: 0.781vw;
    padding-bottom: 0.26vw;
}

.dropdown-menu li {
    padding: 0.469vw 0vw;
    cursor: pointer;
    text-align: center;
    font-size: 0.677vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
}

#openContact {
    display: block;
}
#openContact1 {
    display: none;
}

/* 左侧导航栏目 */

  /* 侧边导航栏 */
  #sideNav {
    position: fixed;
    top: 0;
    left: -35.4%; /* 初始隐藏在左侧 */
    width: 35.4%;
    height: 100%;
    background-color: #fff;
    color: #000;
    overflow-y: auto;
    transition: all 0.6s ease;
    z-index: 1001;
    padding: 1.042vw 3.125vw;
    box-sizing: border-box;
    overflow: hidden;
}

/* 侧边栏展开状态 */
#sideNav.open {
    left: 0;
}

/* 侧边栏扩展宽度状态 - 在内部扩展到600px */
#sideNav.expanded {
    width: 50%;
    overflow: hidden; /* 扩展时显示滚动条 */
}

  /* 灰色透明遮罩 */
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

  #overlay.show {
    display: block;
    opacity: 1;
  }
/* 二级导航栏 */
/* 二级菜单容器 - 默认隐藏 */
.second-level-wrapper {
    flex: 1; /* 占据剩余宽度 */
    padding-left: 1.042vw;
    margin-top: 1.302vw;
    opacity: 0;
	transition: all 1.2s ease;
}

/* 二级菜单显示状态 */
.second-level-wrapper.show {
    opacity: 1;
}

/* 二级菜单样式 - 与一级菜单位置对齐 */
.second-level {
    list-style: none;
    margin-top: 0; /* 与一级菜单起始位置精确对齐 */
    transition: all 1.2s ease;
}

.second-level li {
    font-size: 0.781vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 2.604vw 0vw;
    cursor: pointer;
    position: relative;
    font-weight: bold;
}

.second-level li img{
    width: auto;
    height: 10.417vw;
    margin-right: 0vw;
}

.second-level li a {
    text-decoration: none;
    color: #000;
    font-family: 'pingfang',sans-serif;
    font-size: 0.781vw;
    display: block;
}

.second-level li:hover a{
    color: #999;
}

.second-level-media{
    display: none;
}


  /* 导航联系我们侧面 */
  #openContact{
    cursor: pointer;
  }

  #sideContact {
    position: fixed;
    top: 0;
    right: -35.4%; /* 初始隐藏在左侧 */
    width: 35.4%;
    height: 100%;
    background-color: #fff;
    color: #000;
    overflow-y: auto;
    transition: right 0.6s ease;
    z-index: 1001;
    padding: 1.042vw 3.177vw;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* 导航栏打开时 */
  #sideContact.open {
    right: 0;
  }

  /* 灰色透明遮罩 */
  #overcontact {
    position: fixed;
    top: 0;
    right:0%;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.2);
  }

  #overcontact.show {
    display: block;
  }

  /* 导航登录侧面 */
  #openlogin{
    cursor: pointer;
  }

  #sidelogin{
    position: fixed;
    top: 0;
    right: -32.2%; /* 初始隐藏在左侧 */
    width: 32.2%;
    height: 100%;
    background-color: #fff;
    color: #000;
    overflow-y: hidden;
    transition: right 0.6s ease;
    z-index: 1001;
    padding: 1.042vw 3.125vw;
    box-sizing: border-box;
    overflow: hidden;
  }

  #sideloginyz{
    position: fixed;
    top: 0;
    right: -32.2%; /* 初始隐藏在左侧 */
    width: 32.2%;
    height: 100%;
    background-color: #fff;
    color: #000;
    overflow-y: hidden;
    transition: right 0.6s ease;
    z-index: 1001;
    padding: 1.042vw 3.125vw;
    box-sizing: border-box;
  }
  #sideloginyz.open {
    right: 0;
  }
 #sideforget{
	 position: fixed;
	 top: 0;
	 right: -32.2%; /* 初始隐藏在左侧 */
	 width: 32.2%;
	 height: 100%;
	 background-color: #fff;
	 color: #000;
	 overflow-y: hidden;
	 transition: right 0.6s ease;
	 z-index: 1002;
	 padding: 1.042vw 3.125vw;
	 box-sizing: border-box;
 }
 #sideforget.open {
   right: 0;
 }
 #sidereset{
	 position: fixed;
	 top: 0;
	 right: -32.2%; /* 初始隐藏在左侧 */
	 width: 32.2%;
	 height: 100%;
	 background-color: #fff;
	 color: #000;
	 overflow-y: hidden;
	 transition: right 0.6s ease;
	 z-index: 1002;
	 padding: 1.042vw 3.125vw;
	 box-sizing: border-box;
 }
 #sidereset.open {
   right: 0;
 }
.login-yzm-in{
    width: 100%;
    margin: 2.031vw 0vw 0.521vw;
    border-bottom: 0.052vw solid #dfdfdf;
	display: flex;
}
.login-yzm-in input{
    flex: 1;
    border: none;
    outline: none;
    color: #000;
    font-size: 0.781vw;
    font-family: 'pingfang',sans-serif;
    padding-top: 0.521vw; /* 让输入框高度合适 */
    padding-bottom: 0.729vw;
}

.login-yzm-in input::placeholder{
    color: #666;
    font-size: 0.781vw;
    font-family: 'pingfang',sans-serif;
}

.login-yzm-in p{
    color: #000;
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    margin-bottom: 0vw;
    margin: 0.521vw 0; /* 让输入框高度合适 */
    text-decoration-line: underline;
}

.nav-box{
    width: 19.792vw;
    margin: 0 auto;
    margin-top: 2.083vw;
}
.nav-box img{
    width: 0.938vw;
    margin-right: 0.521vw;
}

.nav-box h2{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    float: right;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.nav-box h3{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    float: left;
    display: flex;
    align-items: center;
    cursor: pointer;
}

  /* 导航栏打开时 */
  #sidelogin.open {
    right: 0;
  }

  /* 灰色透明遮罩 */
  #overlogin {
    position: fixed;
    top: 0;
    right:0%;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.2);
  }

  #overlogin.show {
    display: block;
  }

  /* 导航链接样式 */
  .nav-box{
    width: 100%;
    padding: 0vw 3.646vw;
    margin-top: 2.292vw;
    position: relative;
    min-height: 100vh; /* 确保内容高度足够 */
  }
  #closeBtn {
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    float: right;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 0.052vw;
}

#closeBtn img {
    width: 0.938vw;
    margin-right: 0.521vw;
}

.lang-media{
    display: none;
}


.tact-p{
    width: 100%;
    padding-top: 4.271vw;
    display: flex;
}
.tact-p p{
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
}

.login-title{
    width: 100%;
    padding-top: 4.167vw;
}
.login-title p{
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    color: #999;
    line-height: 1.146vw;
    padding-top: 0.156vw;
}

.login-title h5{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    line-height: 1.563vw;
    margin-left: 0.104vw;
    font-weight: bold;
}
.login-text{
    width: 100%;
    margin-top: 3.646vw;
    margin-left: 0.052vw;
}

.login-p{
    margin-top: 1.198vw;
    margin-left: 0.104vw;
}

.login-text p {
    color: #000;
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    margin: 0.417vw 0vw;
    position: relative; /* 确保伪元素定位正常 */
}

.login-text p::before {
    content: '';
    display: inline-block;
    width: 0.208vw;       /* 圆点大小 */
    height: 0.208vw;
    background-color: #999; /* 圆点颜色 */
    border-radius: 50%;     /* 变成圆形 */
    margin-right: 0.417vw;      /* 圆点和文字间距 */
    vertical-align: middle; /* 垂直居中 */
}

.login-text h5{
    color: #000;
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}

.h-search {
    display: flex;
    align-items: flex-end; /* 让子元素底部对齐 */
    padding-top: 4.323vw;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 0.625vw;
    width: 100%;
    transition: width 0.3s ease;
}

.login-table{
    width: 100%;
    margin-top: 2.604vw;
    padding-bottom: 1.198vw;
}

.login-name{
    width: 100%;
    border-bottom: 0.052vw solid #dfdfdf;
    margin: 1.042vw 0vw;
}

.login-name input{
    width: 100%;
    flex: 1;
    border: none;
    outline: none;
    color: #000;
    font-size: 0.781vw;
    font-family: 'pingfang',sans-serif;
    padding-top: 0.521vw;
    padding-bottom: 0.729vw;
}

.login-name input::placeholder{
    color: #666;
    font-size: 0.781vw;
    font-family: 'pingfang',sans-serif;
}

.login-paw{
    width: 100%;
    margin-top: 1.979vw;
    margin-bottom: 0.781vw;
    border-bottom: 0.052vw solid #dfdfdf;
}

.login-paw input{
    flex: 1;
    border: none;
    outline: none;
    color: #000;
    font-size: 0.781vw;
    font-family: 'pingfang',sans-serif;
    padding-top: 0.521vw;
    padding-bottom: 0.729vw;
}

.login-paw input::placeholder{
    color: #666;
    font-size: 0.781vw;
    font-family: 'pingfang',sans-serif;
}

.remember-login {
    font-size: 0.625vw;
    color: #999;
    font-family: 'pingfang',sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.remember-login input[type="checkbox"] {
    margin-right: 0.26vw;
    vertical-align: middle;
    margin-top: -0.104vw;
    accent-color: #000;
}

.remember-login p{
    margin-bottom: 0;
    font-size: 0.625vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    border-bottom: 0.052vw solid #000;
    padding-bottom: 0;
    line-height: 1;
}
.remember-login a{
    color: #000;
    border-bottom: 0.052vw solid #000;
}

.login-xieyi{
    display: flex;
    align-items: start;
    margin-top: 0.521vw;
}

.login-xieyi input[type="checkbox"] {
    margin-right: 0.521vw;
    vertical-align: middle;
    margin-top: 0.156vw;
    accent-color: #000;
}

.login-xieyi a{
    color: inherit;
    border: 0;
    text-decoration: underline;
}

.login-xieyi a:hover{
    text-decoration: unset;
}

.login-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.646vw;
}

.login-yzm{
    width: 5.208vw;
    height: 2.292vw;
    border: 0.052vw solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.521vw;
    border-radius: 1.302vw;
}
.login-yzm p{
    font-size: 0.625vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0vw;
}

.login-dl{
    width: 7.292vw;
    height: 2.292vw;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.521vw;
    border-radius: 1.302vw;
}
.login-dl p{
    font-size: 0.625vw;
    color: #fff;
    font-family: 'pingfang',sans-serif;
    margin: 0px;
}

.login-dl input{
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    border: 0;
    border-radius: 1.302vw;
    font-size: 0.625vw;
    cursor: pointer;
}

.login-wx{
    width: 100%;
    margin-top: 1.51vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-vx{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-vx img{
    width: 0.938vw;
    margin-right: 0.313vw;
}
.login-vx p {
    font-size: 0.625vw;
    color: #000;
    font-family: 'pingfang', sans-serif;
    margin: 0;
    padding-bottom: 0; /* 去掉内边距 */
    line-height: 1; /* 让行高紧贴字体高度 */
    border-bottom: 0.052vw solid #000;
}


.h-search img {
    width: 0.833vw;
    margin: 0 0.417vw; /* 适当左右间距 */
    display: block; /* 避免图片底部多余空白 */
    padding-bottom: 0.104vw;
}

.h-search input {
    flex: 1;
    border: none;
    outline: none;
    color: #000;
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    line-height: 16px;
}
.h-search input::placeholder {
    color: #d8d8d8; 
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    
}

/* 导航内容容器 - 使用flex布局并排显示一级和二级菜单 */
.nav-content {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

/* 一级导航列表样式 */
.nav-list {
    width: 50%;
    margin-top: 1.042vw;
    padding-bottom: 2.083vw;
}

.nav-item {
    margin-bottom: 0vw;
}

.first-level {
    font-size: 0.781vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 2.604vw 0vw;
    cursor: pointer;
    position: relative;
    font-weight: bold;
}

.first-level a {
    text-decoration: none;
    color: #000;
    display: block;
}

.first-level:hover a{
    color: #999;
}

.first-level.active a {
    color: #999;
    position: relative;
}

.first-level.active a::before,
.first-level.active a::after {
    content: "";
    position: absolute;
    width: 0.417vw;
    height: 0.052vw;
    background-color: #999;
    top: 50%;
    left: 4.167vw;
    transform-origin: right center;
}

.first-level.active a::before {
    transform: rotate(45deg);
}

.first-level.active a::after {
    transform: rotate(-45deg);
}


.tact-list{
    width: 50%;
    margin-top: 3.385vw;
    /* padding-bottom: 4.479vw; */
}
.tact-list p{
    font-size: 0.729vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 2.604vw 0vw;
    line-height: 1.042vw;
}
.tact-list a{
    color: #000;
    display: flex;
    align-items: center;
}
.tact-list a:hover{
    color: #999;
} 

.nav-footer {
    width: 11.458vw;
    padding-right: 1.042vw;
    flex-shrink: 0;
}

.h-phone {
    margin-bottom: 1.042vw;
    margin-top: 3.646vw;
    border-top: 0.052vw solid #dfdfdf;
}

.ph-title{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 4.688vw;
    margin-bottom: 0.677vw;
    color: #000;
}
.ph-title img{
    width: 0.938vw;
    margin-right: 0.521vw;
}
.ph-title p{
    color: #000;
    font-size: 0.625vw;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}

.h-phone h6{
    color: #000;
    font-size: 0.729vw;
    font-family: 'DIN',sans-serif;
    margin: 0vw;
}
.h-phone a{
    color: #000;
    ext-decoration: none;
}
.h-question{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 2.5vw;
}
.h-question img{
    width: 1.094vw;
    margin-right: 0.521vw;
}
.h-question p{
    color: #000;
    font-size: 0.625vw;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}
.h-shoucang{
    width: 100%;
    display: flex;
    align-items: start;
    margin-top: 2.5vw;
}
.h-shoucang img{
    width: 0.833vw;
    margin-right: 0.521vw;
}
.h-shoucang p{
    color: #000;
    font-size: 0.625vw;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}

/* banner */
.banner {
    width: 100%;
    height: 100vh;
    padding: 0;
    position: relative;
    overflow: hidden; /* 防止伪元素溢出 */
}

.banner::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background-image: url(../img/banner1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    animation: fadeInBg 2s ease forwards;
    z-index: -1; /* 确保背景层在内容后面 */
}

@keyframes fadeInBg {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.b-text{
    width: 100%;
    position: absolute;
    bottom: 8.594vw;
}


.b-text h4{
    font-size: 4.167vw;
    color: #fff;
    font-family: 'Cochin',sans-serif;
    line-height: 4.427vw;
    text-align: center;
    letter-spacing: 0.052vw;
    font-weight: normal;
    height: 4.427vw;
    overflow: hidden;
    position: relative;
}
.b-text h3{
    font-size: 4.167vw;
    color: #fff;
    font-family: 'Cochin',sans-serif;
    line-height: 4.427vw;
    text-align: center;
    letter-spacing: 0.052vw;
    font-weight: normal;
    height: 4.427vw;
    overflow: hidden;
    position: relative;
}
.b-text p{
    color: #fff;
    font-size: 1.25vw;
    font-family: 'pingfang',sans-serif;
    text-align: center;
    font-weight: 100;
    letter-spacing: 0.052vw;
    line-height: 3.125vw;
    height: 3.125vw;
    overflow: hidden;
    position: relative;
}

.b-text h4 span,
.b-text h3 span,
.b-text p span {
    position: relative;
    display: block;
    transform: translateY(2.083vw);
    opacity: 0;
    animation: fadeInBottom 0.9s ease forwards;
}

.b-text h4 span:nth-child(1) {
    animation-delay: 0.3s;
}
.b-text h3 span:nth-child(1) {
    animation-delay: 0.6s;
}
.b-text p span:nth-child(1) {
    animation-delay: 0.9s;
}

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(2.083vw);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* 流动箭头 */
.arrow-container {
    position: absolute;
    bottom: 2.2vw; /* 距离底部100px */
    left: 50%;
    transform: translateX(-50%);
    width: 1.563vw;
    height: 2.083vw; /* 箭头移动范围 */
    pointer-events: none;
    overflow: visible;
}

.arrow {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1.354vw; /* 根据图片大小调整 */
    height: 0.573vw;
    animation-name: arrowFlow;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    opacity: 0;
    transform: translate(-50%, 0);
}


/* 第一个箭头动画延迟0秒 */
.arrow1 {
    animation-delay: 0s;
}

/* 第二个箭头动画延迟1秒 */
.arrow2 {
    animation-delay: 1s;
}

@keyframes arrowFlow {
    0% {
        top: 0;
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    90% {
        top: 1.198vw; /* 向下移动30px */
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 0;
    }
}


/* 关于我们 */

.box1-text-media{
    display: none;
}
.box1-text-pc{
    display: block;
}

.about{
    width: 100%;
}
.about-title{
    width: 100%;
    text-align: center;
}
.about-title h4{
    font-size: 2.396vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    font-weight: normal;
}
.about-con{
    width: 100%;
}
.ac-img{
    width: 100%;
}
.ac-con{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
    padding-left: 3.177vw;
}
.ac-title{
    width: 100%;
    margin-top: 1.042vw;
}
.ac-title img{
    width: 9.896vw;
}
.ac-title h4{
    font-size: 1.563vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.208vw;
}
.ac-title p{
    font-size: 0.833vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 2.083vw 0vw;
    line-height: 1.458vw;
    text-align: justify;
}
.ac-text{
    width: 100%;
    margin-top: -1.042vw;
}
.ac-text p{
    font-size: 0.833vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    letter-spacing: 0.052vw;
}
.ac-btn {
    width: 6.042vw;
    height: 2.292vw;
    border: 0.052vw solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.302vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    font-family: 'pingfang',sans-serif;
    transition: color 0.6s ease;
    margin-top: 1.563vw;
}

.ac-btn p {
    margin: 0;
    font-size: 0.729vw;
    z-index: 2;
    position: relative;
}

a{
    text-decoration: none;
}


/* 论文解析 */
.thesis{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.521vw;
}
.thesis h4{
    color: #000;
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    font-weight: normal;
}
.thesis p{
    color: #000;
    font-family: 'pingfang',sans-serif;
    font-size: 0.833vw;
    line-height: 1.302vw;
    margin-top: 1.302vw;
    margin-bottom: 0vw;
    text-align: justify;
}
.th-btn {
    width: 6.042vw;
    height: 2.292vw;
    border: 0.052vw solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.302vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    font-family: 'pingfang',sans-serif;
    transition: color 0.6s ease;
    margin-top: 4.167vw;
}

.th-btn span {
    margin: 0;
    font-size: 0.729vw;
    z-index: 2;
    position: relative;
}


.thesis-imgbox{
    width: 100%;
    overflow: hidden;
    padding-left: 3.229vw;
}

.container1 {
    width: 100%;
    height: 33.333vw;
}

.imgbox{
    /* width: 18.75vw; */
    height: 18.333vw;
}
.thesis-img{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.thesis-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.imgbox:hover .thesis-img img{
    transform: scale(1.05);
}


.imgbox span{
    color: #999;
    font-size: 0.625vw;
    line-height: 0.833vw;
    font-family: 'pingfang',sans-serif;
    display: block;
    margin: 0.729vw 0vw;
}
.imgbox h5{
    font-size: 0.938vw;
    line-height: 1.25vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0.833vw 0vw 0.573vw;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.imgbox p{
    color: #000;
    font-size: 0.729vw;
    line-height: 1.042vw;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    margin-bottom: 1.458vw;
    height: 2.083vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.imgbox a {
    position: relative;
    color: #000;
    font-size: 0.625vw;
    line-height: 0.833vw;
    font-family: 'pingfang', sans-serif;
    border-bottom: 0.052vw solid #000; /* 默认显示完整线 */
    text-decoration: none;
}

.imgbox a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.052vw;
    height: 0.052vw;
    width: 0;
    background-color: #000;
    transition: width 0.9s ease;
    pointer-events: none;
}

.imgbox a:hover {
    border-bottom-color: transparent; /* 鼠标悬停时隐藏默认线 */
}

.imgbox a:hover::after {
    width: 100%; /* 鼠标悬停时动画显示线 */
}


.arr {
    bottom: 1vh;
}
  
.arr {
    position: absolute;
    z-index: 1;
    width: 1.563vw;
    height: 1.563vw;
    border-radius: 50%;
    right: 0.052vw;
    cursor: pointer;
}
  
.arr::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    content: '';
    width: 1.875vw;
    height: 1.875vw;
    background-image: url(../img/jt1.png);
    background-size: 100% 100%;
}
  
.arr-l {
    right: 3.125vw;
}
  
.arr-l::before {
    margin-left: 0.104vw;
    transform: translate(-50%, -50%) rotate(180deg);
}
  
.arr-r::before {
    margin-left: -0.104vw;
    transform: translate(-50%, -50%) rotate(0deg);
}
.th-media{
    display: none;
}

/* 母婴需求-中间图文轮播 */
.demand{
    width: 100%;
    overflow: hidden;
}
.demand-box{
    width: 100%;
    height: 41.667vw;
    /* background-image: url(../img/b1.jpg); */
    background-repeat: no-repeat; /* 防止背景图重复 */
    background-size: cover; /* 保持背景图比例，铺满容器 */
}
.demand-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.demand-text h4{
    font-size: 2.396vw;
    color: #fff;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    line-height: 3.385vw;
    letter-spacing: 0.052vw;
    height: 3.385vw;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.demand-text p{
    font-size: 0.938vw;
    color: #fff;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    margin-top: 1.563vw;
    line-height: 1.563vw;
    letter-spacing: 0.052vw;
    width: 31.25vw;
    text-align: center;
    font-weight: 100;
    /* height: 3.125vw; */
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.demand-text h4 span,
.demand-text p span {
    position: relative;
    display: inline-block;
    transform: translateY(2.083vw);
    opacity: 0;
}

@keyframes slideUpFadeIn {
    0% {
        transform: translateY(2.083vw);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* 动画类 */
.slideUpFadeIn {
    animation: slideUpFadeIn 0.9s ease forwards;
}

.container2{
    width: 100%;
    height: 46.875vw;
}
.pagination2{
    width: 60% !important;
    bottom: 0.521vw !important;
}
.arr-l2{
    bottom: 0.313vw;  
}

.arr-r2{
    bottom: 0.313vw;  
}

/* 全屏背景 */
.fluid-con{
    background-color: #f6f5f3;
}

/* 课程中心 */
.course-title{
    width: 100%;
    text-align: center;
    margin-bottom: 2.083vw;
}
.course-title h4{
    font-size: 2.396vw;
    line-height: 3.385vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}

.course{
    margin-top: 3.125vw;
}
.course a{
    color: inherit;
    text-decoration: none;
}

.course1{
    width: 41.198vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-right: 1.042vw;
}

.course2{
    width: 35.885vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-left: 1.042vw;
}

.course3{
    width: 29.167vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-right: 1.042vw;
}

.course4{
    width: 22.917vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-left: 1.042vw;
    margin-right: 1.042vw;
}

.course5{
    width: 22.917vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-left: 1vw;
}

.course6{
    width: 22.917vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-right: 1.042vw;
}

.course7{
    width: 29.167vw;
    padding-left: 0vw;
    padding-right: 0vw;
    margin-left: 1.042vw;
    margin-right: 1.042vw;
}


.course-box{
    width: 100%; 
}
.course-img{
    width: 100%;
    height: 17.708vw;
    position: relative;
    overflow: hidden;
}
.course-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:0.5s;
}

.course-box:hover .course-img img{
    transform: scale(1.05);
}

.course-img span{
    position: absolute;
    width: 4.375vw;
    height: 1.771vw;
    background-color: #fff;
    top: 1.042vw;
    left: 1.042vw;
    font-size: 0.729vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.co-title{
    width: 100%;
}
.co-title h5{
    font-size: 1.146vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 2.083vw 0vw 0.938vw;
    line-height: 1.563vw;
    height: 3.125vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.co-title-p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.708vw;
}

.co-title p{
    font-size: 0.833vw;
    line-height: 1.354vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0vw;
    
}
.co-btn{
    margin-top: 2.083vw;
}
.co-btn a {
    position: relative;
    font-size: 0.833vw;
    line-height: 1.146vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    border-bottom: 0.052vw solid #000; /* 默认显示完整线 */
    text-decoration: none;
}

.co-btn a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.052vw;
    height: 0.052vw;
    width: 0;
    background-color: #000;
    transition: width 0.9s ease;
    pointer-events: none; /* 避免影响鼠标事件 */
}

.co-btn a:hover {
    border-bottom-color: transparent; /* 鼠标悬停时隐藏默认线 */
}

.co-btn a:hover::after {
    width: 100%; /* 鼠标悬停时动画显示线 */
}

.course-btn{
    width: 5.208vw;
    margin: 0vw auto;
}

.course-btn-box {
    width: 6.979vw;
    height: 2.292vw;
    border: 0.052vw solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.302vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    font-family: 'pingfang',sans-serif;
    transition: color 0.6s ease;
    margin-top: 4.167vw;
}

.course-btn-box p {
    margin: 0;
    font-size: 0.833vw;
    z-index: 2;
    position: relative;
}

/* 精选护理视频 */
.sp-con{
    padding-right: 0vw;
    padding-left: 0vw;
}

.video-title{
    width: 100%;
    text-align: center;
}
.video-title h4{
    font-size: 2.396vw;
    line-height: 3.385vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}

.video-box{
    width: 100%;
    margin-top: 5.208vw;
}
.video-box video{
    width: 100%;
}
.video-con{
    width: 52.083vw;
    margin: 0 auto;
    margin-top: 5.208vw;
    text-align: center;
}
.video-con h5 {
    font-size: 1.354vw;
    line-height: 1.927vw;
    font-family: 'pingfang', sans-serif;
    color: #000;
    margin: 0;
    text-align: center;
    height: auto;
    overflow: hidden;
    position: relative;
    margin-bottom: 1.563vw;
}

.video-con p {
    font-size: 0.833vw;
    font-family: 'pingfang', sans-serif;
    color: #000;
    margin: 0;
    text-align: center;
    letter-spacing: 0.052vw;
    line-height: 1.563vw;
    height: auto;
    overflow: hidden;
    position: relative;
}

.video-con h5 span,
.video-con p span{
    position: relative;
    display: block;
    transform: translateY(0vw);
    opacity: 1;
}

.video-btn-box{
    width: 6.979vw;
    margin: 0vw auto;
}
.video-btn {
    width: 6.979vw;
    height: 2.292vw;
    border: 0.052vw solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.302vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    font-family: 'pingfang', sans-serif;
    transition: color 0.6s ease;
    margin-top: 4.688vw;
}

.video-btn p {
    margin: 0;
    font-size: 0.833vw;
    z-index: 2;
    position: relative;
}

.pagination3 {
    bottom: 16vw !important;
}

.arr-l3 {
    bottom: 15vw;
}

.arr-r3 {
    bottom: 15vw;
}

/* 课程中心swiper样式 */

.pagination7 {
    bottom: 9vw !important;
}
.arr-l7 {
    bottom: 8vw;
}
.arr-r7 {
    bottom: 8vw;
}


/* 初始状态 */


/* 从下往上渐入 */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeInUp {
    animation: fadeInUp 1s ease forwards;
}


/* 呵护心声 */

.ca-title{
    width: 100%;
    text-align: center;
}
.ca-title h4{
    font-size: 2.396vw;
    line-height: 3.385vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
}

.care-area{
    width: 100%;
    margin-top: 5.208vw;
}
.care {
    display: flex;
    justify-content: space-between; /* 子元素之间均匀分布 */
    align-items: center;
    width: 100%;
}

/* 确保swiper-container宽度100% */
.container4 {
    width: 100%;
    position: relative;
}

/* swiper-slide宽度自动由swiper控制，图片宽度100% */
/* .swiper-container-3d {
    perspective: 62.5vw;
} */

.swiper-care {
    /* transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transform-style: preserve-3d; */
    display: flex;
    justify-content: center; /* 水平居中 */
    overflow: hidden;
}

/* 确保图片也有3D效果 */
.care-img {
    /* transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); */
    width: 20.833vw;
}

.care-img img {
    width: 100%;
    display: block;
    object-fit: contain; /* 保持图片比例 */
    margin-top: 5.729vw;
}

.care-con{
    width: 29.688vw;
    margin: 0 auto;
    margin-top: 6.25vw;
    transition: opacity 0.8s ease, transform 0.8s ease;
    opacity: 0;
    transform: translateY(1.563vw);
}

.care-con.active {
    opacity: 1;
    transform: translateY(0);
}

/* 添加深度阴影效果增强3D感 */
.swiper-slide {
    overflow: hidden;
}

.care-time{
    width: 100%;
    text-align: center;
}
.care-time span{
    font-size: 0.729vw;
    font-family: 'DIN',sans-serif;
    color: #000;
}
.care-title{
    width: 100%;
}
.care-title h5{
    font-size: 1.354vw;
    line-height: 1.563vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    text-align: center;
    letter-spacing: 0.104vw;
}

.care-text{
    width: 100%;
    margin-top: 1.458vw;
}
.care-text p{
    width: 100%;
    text-align: center;
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    line-height: 1.563vw;
}

.pagination4{
    text-align: center;
    bottom: 9.896vw;
    font-size: 0.729vw;
    font-family: 'DIN', sans-serif;
    color: #000;
}

  
.arr4 {
    position: absolute;
    top: 39%;  /* 视口高度的20% */
    width: 1.563vw;
    height: 1.563vw;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
}

  
.arr4::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    content: '';
    width: 16px;
    height: 16px;
    border-top: 0.026vw solid #000;
    border-right: 0.026vw solid #000;
}
.arr-l4 {
    left: 31%; /* 左侧距离容器左边10px，可根据需要调整 */
}

.arr-r4 {
    right: 31%; /* 右侧距离容器右边10px */
}
  
.arr-l4::before {
    margin-left: 0.104vw;
    transform: translate(-50%, -50%) rotate(-135deg);
}
  
.arr-r4::before {
    margin-left: -0.104vw;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* 首页联系我们 */
.home-contact{
    width: 45.156vw;
    margin: 0 auto;
    margin-top: 0.313vw;
}
.hc-title{
    width: 100%;
}
.hc-title h4{
    font-size: 1.25vw;
    line-height: 1.719vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
}
.hc-con{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.521vw;
}
.hc-con p{
    font-size: 0.729vw;
    line-height: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0.417vw 0;
}
.hc-con p span{
    color: #000;
    border-bottom: 0.052vw solid #000;
}
.hc-box{
    display: flex;
    align-items: center;
}
.hc-tel{
    margin-top: -0.625vw;
    margin-right: 0.57283vw;
}
.hc-tel span{
    display: block;
    width: 0.26vw;
    height: 0.26vw;
    border-radius: 50%;
    background-color: #000;
    margin-right: 1.042vw;
}
.hc-tel p{
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0vw;
}
.hc-tel h6{
    display: block;
    color: #000;
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    margin-left: 1.458vw;
    margin-top: 0.26vw;
    user-select: text;
}

.con-bom{
    padding-top: 2.76vw;
    padding-bottom: 2.813vw;
}


/* 底部 */
.foot-box{
    width: 100%;
    margin: 4.167vw 0vw 6.719vw;
    margin-left: -0.26vw;
}
.foot-box h6{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    margin-bottom: 1.823vw;
}
.foot-box p{
    width: fit-content;
    position: relative;
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    color: #333;
    margin: 1.25vw 0vw;
    line-height: 1.042vw;
}

.foot-box p:hover{
    color: #999;
}

.foot-box-h p{
    user-select: text;
}

.foot-box-h p:hover{
    color: inherit;
}

.foot-box a{
    color: inherit;
}
.foot-box img{
    width: 0.938vw;
    height: 0.938vw;
    margin-right: 0.521vw;
}
.foot-reserved{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.667vw;
}
.foot-reserved p{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
}
.foot-reserved a{
    color: #000;
}

/* 头部底部横线 */
.top-b{
    border-top: 0.052vw solid #dfdfdf;
}
.bottom-b{
    border-bottom: 0.052vw solid #dfdfdf;
}

.hc-model{
    display: none;
}



/* 最新动态页面 */

/* banner */

.new-banner {
    width: 100%;
    height: 32.813vw;
    padding: 0;
    background-image: url(../img/news/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* 防止动画溢出 */
    position: relative;
}

/* 文字样式保持不变 */
.new-banner h4 {
    width: 67.708vw;
    font-size: 2.917vw;
    font-family: 'pingfang',sans-serif;
    color: #fff;
    margin-bottom: 1.042vw;
    text-align: center;
    padding: 0vw 1.302vw;
    height: 3.49vw;
    overflow: hidden;
    position: relative;
}

.new-banner p {
    width: 52.083vw;
    font-size: 1.042vw;
    line-height: 1.875vw;
    font-family: 'pingfang',sans-serif;
    color: #fff;
    text-align: center;
    height: 3.75vw;
    overflow: hidden;
    position: relative;
}

.new-banner h4 span,
.new-banner p span {
    position: relative;
    display: block;
    transform: translateY(2.083vw);
    opacity: 0;
    animation: slideUpFadeInn 0.9s ease forwards;
}

@keyframes slideUpFadeInn {
    0% {
        transform: translateY(2.083vw);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.activity-btn-box{
    width: 8.333vw;
    margin: 0vw auto;
}
.activity-btn{
    width: 8.333vw;
    height: 2.292vw;
    border: 0.052vw solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.302vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    font-family: 'pingfang',sans-serif;
    transition: color 0.6s ease;
    margin-top: 3.125vw;
    opacity: 0;
    animation-name: slideInFromLeft;
    animation-duration: 0.3s;
    animation-fill-mode: forwards;
    animation-delay: 0.3s;
}

.activity-btn span {
    margin: 0;
    font-size: 0.729vw;
    z-index: 2;
    position: relative;
}

@keyframes slideInFromLeft {
    0% {
        opacity: 0;
        transform: translatey(0.521vw);
    }
    100% {
        opacity: 1;
        transform: translatey(0);
    }
}


.article-title{
    width: 39.063vw;
    margin: 0px auto;
}

.article-title h5{
    font-size: 1.458vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
}

.article-title p{
    font-size: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
    margin-top: 1.563vw;
    margin-bottom: 0vw;
}

.article-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.604vw;
}
.article-box-a {
    width: 4.375vw;
    height: 1.979vw;
    border-radius: 1.042vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0vw 0.104vw;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.article-box-a p {
    font-size: 0.625vw;
    color: #999;
    font-family: 'pingfang',sans-serif;
    margin: 0;
    transition: color 0.3s ease;
}

/* 鼠标悬停 */
.article-box-a:hover {
    background-color: #efefef;
}

.article-box-a:hover p {
    color: #000;
}

/* 选中状态 */
.article-box-a.active {
    background-color: #efefef;
}

.article-box-a.active p {
    color: #000;
}



.news-box{
    width: 100%;
    margin-top: 3.646vw;
    padding: 0vw 0.365vw;
}

.nbox-img{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.nbox-img img{
    width: 25vw;
    height: 17.708vw;
    object-fit: cover;
    transition: 0.5s;
}

.news-box:hover .nbox-img img{
    transform: scale(1.05);
}

.nbox{
    padding: 0vw 0.521vw;
}

.nbox-title{
    width: 100%;
    margin-top: 2.083vw;
}
.nbox-title span{
    font-size: 0.833vw;
    display: block;
    color: #333;
    font-family: 'pingfang',sans-serif;
    margin-bottom: 0.781vw;
}
.nbox-title h6{
    font-size: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0vw;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.458vw;
}
.nbox-text{
    width: 100%;
    height: 3.125vw;
    margin-top: 0.781vw;
    margin-bottom: 2.083vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.nbox-text p{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #666;
    line-height: 1.563vw;
    margin-bottom: 0;
}
.nbox-a{
    width: 100%;
}

.nbox-a a {
    position: relative;
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    border-bottom: 1px solid #000; /* 默认显示完整线 */
    text-decoration: none;
}

.nbox-a a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.052vw;
    height: 0.052vw;
    width: 0;
    background-color: #000;
    transition: width 0.9s ease;
    pointer-events: none; /* 避免影响鼠标事件 */
}

.nbox-a a:hover {
    border-bottom-color: transparent; /* 鼠标悬停时隐藏默认线 */
}

.nbox-a a:hover::after {
    width: 100%; /* 鼠标悬停时动画显示线 */
}

.article-btn-box{
    width: 6.25vw;
    margin: 0 auto;
    margin-top: 4.167vw;
}

/* 父容器居中示例，如果没有父容器，可以给按钮本身设置margin */
.article-btn {
    width: 6.979vw;
    height: 2.292vw;
    border: 0.052vw solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.563vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    font-family: 'pingfang',sans-serif;
    transition: color 0.6s ease;
    margin: 0 auto; /* 上边距70px，左右自动居中 */
}

/* 文字样式 */
.article-btn span {
    margin: 0;
    font-size: 0.729vw;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center;
}

/* 两条线组成的向下箭头 */
.article-btn span::after {
    content: "";
    display: inline-block;
    width: 0.313vw;
    height: 0.313vw;
    margin-left: 0.521vw;
    position: relative;
    box-sizing: content-box;
    border-left: 0.052vw solid currentColor;
    border-bottom: 0.052vw solid currentColor;
    transform: rotate(-45deg) translateY(-0.104vw);
    transition: transform 0.3s ease, border-color 0.6s ease;
}

/* 悬浮时箭头颜色变白，稍微下移 */
.article-btn:hover span::after {

    transform: rotate(-45deg) translateY(-0.104vw);
}

.news-content{
    width: 100%;
    border-right: 0.052vw solid #ececec;
    padding-right: 4.688vw;
}
.news-content h6{
    font-size: 1.771vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 20.006px 0vw;
    font-weight: bold;
}

.news-content h5{
    font-size: 0.833vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    line-height: 1.563vw;
    text-align: justify;
    margin-bottom: 1.563vw;
}

.news-content p{
    font-size: 1.042vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
    line-height: 1.563vw;
    text-align: justify;
}

.news-content img{
    width: 100%;
    /* margin: 1.563vw 0vw; */
}

.news-list{
    width: 100%;
    padding-left: 3.125vw;
}
.article-list{
    width: 100%;
}
.artlist-title{
    width: 100%;
}
.artlist-title h5{
    font-size: 1.354vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 1.042vw 0vw 0.26vw;
}

.artlist{
    width: 100%;
}
.artlist-box{
    width: 100%;
    margin-top: 2.083vw;
    display: flex;
    align-items: center;
    /*transition: .5s;*/
}
/*.artlist-box:hover{
    transform: translateY(-0.521vw);
}*/
.artlist-img{
    width: 100%;
    height: 5.104vw;
}
.artlist-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.activity-img{
    width: 5.208vw;
    height: 5.104vw;
}
.activity-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.artlist-text{
    width: 100%;
    margin-left: 1.042vw;
}
.artlist-text p{
    font-size: 0.625vw;
    font-family: 'pingfang',sans-serif;
    color: #999;
    margin: 0;
}
.artlist-text h4{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    line-height: 1.042vw;
    margin: 0.521vw 0vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 2.083vw;
}
.artlist-text span{
    font-size: 0.625vw;
    color: #999;
    font-family: 'pingfang',sans-serif;
}

.coulist-title{
    width: 100%;
    margin-top: 5.208vw;
}
.coulist-title h5{
    font-size: 1.354vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 1.042vw 0vw 0.521vw;
}
.coulist-box{
    width: 100%;
    margin-top: 1.563vw;
}
.coulist-img{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.coulist-img img{
    width: 100%;
    /*transition:0.5s;*/
}
.coulist-text{
    width: 100%;
    margin-top: 1.042vw;
}

.coulist-text h4{
    font-size: 1.146vw;
    font-family: '梦源黑体',sans-serif;
    color: #000;
    line-height: 1.563vw;
    margin: 1.042vw 0vw 0vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coulist-text-p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.coulist-text-p span{
    text-wrap-mode: wrap !important;
}

.coulist-text-p p{
    font-size: 0.833vw;
    font-family: '梦源黑体',sans-serif;
    color: #000;
    line-height: 1.354vw;
	margin: 0.833vw 0vw;
}
/*.coulist-box:hover .coulist-img img{
    transform: scale(1.1);
}*/

/* 专家联盟 */
.expert-contact{
    width: 100%;
}

.newbanner-media{
    display: none;
}

.media-style{
    display: none;
}

.expert-title{
    width: 100%;
    margin-top: 5.208vw;
}
.expert-title h4{
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: left;
}
.expert-box{
    width: 100%;
    margin-top: 5.208vw;
}

.expert-box h5{
    font-size: 1.25vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
}

.expert-box h6{
    font-size: 1.042vw;
    color: #000;
    font-family: 'pingfang',sans-serif;
}
.expert-box img{
    width: 14.583vw;
    margin: 1.563vw 0vw;
}
.expert-box p{
    font-size: 0.833vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 1.042vw 0vw;
    text-align: justify;
    line-height: 1.302vw;
}
.major{
    margin-top: 2.604vw;
}
.study{
    width: 100%;
}
.study h4{
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
}
.study img{
    width: 100%;
    margin-top: 3.646vw;
}
.studybox1{
    width: 100%;
    margin-top: 6.25vw;
    padding-right: 3.906vw;
}
.box1-img{
    width: 100%;
}
.box1-img img{
    width: 100%;
}
.box1-text{
    width: 100%;
    margin-top: 2.604vw;
}
.box1-text h5{
    font-size: 1.354vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin-top: 3.125vw;
    margin-bottom: 1.563vw;
}
.box1-text p{
    font-size: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    line-height: 1.875vw;
}

.studybox2{
    width: 100%;
    margin-top: 2.604vw;
}

.box2-text{
    width: 100%;
}
.box2-text h5{
    font-size: 1.354vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin-top: 3.125vw;
    margin-bottom: 1.563vw;
}
.box2-text p{
    font-size: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    line-height: 1.875vw;
}
.box2-img{
    width: 100%;
    margin-top: 5.729vw;
    margin-bottom: 2.604vw;
}
.box2-img img{
    width: 100%;
}

/* 贝康母婴护理学院 */
.aboutbox2{
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.aboutbox2 img{
    width: 100%;
}

.aboutbox3-1{
    width: 100%;
}
.aboutbox3-1 h4{
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
}
.aboutbox3-2{
    width: 100%;
    margin-top: -1.563vw;
}
.aboutbox3-2 p{
    font-size: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    line-height: 1.875vw;
    margin-bottom: 1.563vw;
    text-align: justify;
}


.aboutbox3-2 p {
    opacity: 0;
    transform: translateY(0);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

  /* 文字内容初始位置右侧偏移 */
.aboutbox3-2 p {
    transform: translateY(1.042vw);
}

  /* 文字内容动画，依次延迟0.3s递增 */
.animate-text {
    opacity: 1 !important;
    transform: translateY(0) !important;
}


  /* 精英培养项目 */
.course-h{
    height: 8vw;
}

.container5{
    height: 38.542vw;
}

.pagination5{
    text-align: center;
    font-size: 0.729vw;
    font-family: 'DIN', sans-serif;
    color: #000;
    bottom: 0.521vw !important;
}

.elite-title{
    width: 100%;
}
.elite-title h4{
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
}

.elite-btn{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.604vw;
}

.elite-btn1 {
    width: 4.688vw;
    height: 2.083vw;
    background-color: #fff;
    border-radius: 1.042vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0vw 0.521vw;
    cursor: pointer; /* 鼠标变手型，提升交互体验 */
}

.elite-btn1 p {
    font-size: 0.625vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
}

/* 选中状态 */
.elite-btn1.active {
    background-color: #000;
}

.elite-btn1.active p {
    color: #fff;
}
.elite-text{
    width: 42.188vw;
    margin: 0 auto;
    margin-top: 3.125vw;
}

.elite-text h6{
    font-size: 1.042vw;
    line-height: 1.875vw;
    color: #000;
    font-family: 'pingfang';
    text-align: center;
}

.elite-text-box{
    width: 100%;
    margin-top: 2.083vw;
}

.elite-text p{
    font-size: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0vw;
    line-height: 1.875vw;
    text-align: center;
}
.elite-img{
    width: 100%;
    margin-top: 6.25vw;
}

.elite-img-box {
    width: 53.802vw;
    margin: 0 auto;
    position: relative;
}

.elite-imgbox{
    width: 100%;
    position: relative;
}

.elite-imgbox p{
    position: absolute;
    top: 12%;
    left: 7.5%;
    font-size: 2.865vw;
    width: 39.063vw;
    font-family: '思源宋体',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
}

.elite-imgbox img {
    width: 100%;
    display: block;
}

.elite-imgbox::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4.531vw;  /* 图标宽度 */
    height: 4.531vw; /* 图标高度 */
    background-image: url('../img/zt.png'); /* 替换为你的图标路径 */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    pointer-events: none; /* 不影响鼠标事件 */
}

.elite-img-p{
    width: 100%;
    height: 1.875vw;
    overflow: hidden;
    position: relative;
    margin-top: 2.604vw;
}
.elite-img-p p{
    font-size: 1.25vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin: 0;
    text-align: center;
}

.elite-img-p span{
    font-size: 0.729vw;
    font-family: 'DIN',sans-serif;
    color: #000;
    display: block;
    margin-top: 1.042vw;
    text-align: center;
}

.slideUpFadeInep {
    animation: slideUpFadeIn 0.4s ease forwards;
}


.elite-text {
    display: none;
}

.elite-text.active {
    display: block;
    height: 11.25vw;
}

.elite-video {
    width: 100%;
    height: 30.208vw;
}

.swiper-container{
    width: 100%;
}
.swiper-slide {
    width: 66.66%; /* 2/3 宽度 */
    box-sizing: border-box;
}

.arr5{
    top: 15.625vw;
}

.arr5{
    position: absolute;
    z-index: 1;
    width: 1.563vw;
    height: 1.563vw;
    border-radius: 50%;
    right: 15.625vw;
    cursor: pointer;
}
  
.arr5::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    content: '';
    width: 0.781vw;
    height: 0.781vw;
    border-top: 0.052vw solid #000;
    border-right: 0.052vw solid #000;
}

.arr-l5{
    left: 15.625vw;
}
  
.arr-l5::before {
    margin-left: 0.104vw;
    transform: translate(-50%, -50%) rotate(-135deg);
}
  
.arr-r5::before {
    margin-left: -0.104vw;
    transform: translate(-50%, -50%) rotate(45deg);
}

/* 圣贝拉集团 */
.sbl{
    width: 100%;
}
.sbl h4{
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
}
.sbl img{
    width: 100%;
    margin: 4.167vw 0vw;
}
.sbl-text{
    width: 52.083vw;
    margin: 0 auto;
}
.sbl p{
    font-size: 1.042vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    line-height: 1.875vw;
    text-align: center;
}
.sbl-text h5{
    font-size: 1.25vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
    margin: 2.604vw 0vw;
    line-height: 2.083vw;
}

/* 视频播放页 */
.vi-area{
    width: 100%;
}

.vi-box{
    width: 67.708vw;
    height: 38.073vw;
    margin: 0 auto;
    position: relative;
}

.vi-box video{
    width: 100%;
    height: 100%;
}

.vi-box-img{
    width: 100%;
    height: 100%;
    position: relative;
}

.vi-box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vi-box-img p{
    position: absolute;
    top: 10%;
    left: 7%;
    font-size: 2.865vw;
    width: 36.458vw;
    font-family: '思源宋体',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
}

.video-p{
    position: absolute;
    top: 17%;
    left: 8%;
    font-size: 3.125vw;
    width: 57.292vw;
    font-family: '思源宋体',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
}

.vi-text{
    width: 52.083vw;
    margin: 0 auto;
    margin-bottom: 3.646vw;
}
.vi-text h5{
    font-size: 2.396vw;
    font-family: 'pingfang', sans-serif;
    color: #000;
    text-align: center;
    margin: 0px;
}

.vi-text-p{
    width: 100%;
    margin-top: 1.823vw;
    margin-bottom: 3.646vw;
}

.vi-text-p p{
    font-size: 1.042vw;
    font-family: 'pingfang', sans-serif;
    color: #000;
    line-height: 1.875vw;
    text-align: center;
    margin: 0vw;
}


.arr6{
    top: 65%;
  }

  
.arr6{
    position: absolute;
    z-index: 1;
    width: 1.563vw;
    height: 1.563vw;
    border-radius: 50%;
    right: 0px;
    cursor: pointer;
}
  
.arr6::before {
    position: absolute;
    top: -5.208vw;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    content: '';
    width: 1.042vw;
    height: 1.042vw;
    border-top: 0.052vw solid #000;
    border-right: 0.052vw solid #000;
}

.arr-l6{
    left: 0vw;
}
  
.arr-l6::before {
    margin-left: 0.104vw;
    transform: translate(-50%, -50%) rotate(-135deg);
}
  
.arr-r6::before {
    margin-left: -2px;
    transform: translate(-50%, -50%) rotate(45deg);
}

.vi-box-s{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2.083vw;
}

.vi-left-img {
    width: 8.333vw;
    height: 4.688vw;
    margin: 0vw;
    position: relative;
    margin-right: 3.698vw;
}

.vi-left-img p{
    position: absolute;
    top: 10%;
    left: 7%;
    font-size: 0.521vw;
    width: 5.99vw;
    font-family: 'pingfang',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vi-left-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 添加竖线 */
.vi-left-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: -2.188vw; /* 竖线距离元素右边的距离，可以根据需要调整 */
    width: 1px; /* 竖线宽度 */
    height: 100%; /* 竖线高度和元素一样高 */
    background-color: #d7d7d7; /* 竖线颜色，可以改成你想要的颜色 */
}

.vi-box-s-img{
    width: 8.333vw;
    height: 4.688vw;
    margin: 0vw 0.677vw;
    position: relative;
    cursor: pointer;
}
.vi-box-s-img::after {
    content: "";
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    background: rgba(0, 0, 0, 0); /* 默认透明 */
    transition: background 0.3s;
    pointer-events: none;
}

.vi-box-s-img.active {
    position: relative; /* 确保伪元素定位基于这个元素 */
}

.vi-box-s-img.active::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* 透明黑色蒙层 */
    z-index: 1;
}

.vi-box-s-img.active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.563vw;  /* 播放图标大小 */
    height: 1.563vw;
    background: url('../img/zt.svg') no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.vi-box-s-img.active.playing::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.563vw;  /* 播放图标大小 */
    height: 1.563vw;
    background: url('../img/bf.svg') no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.vi-box-s-img p{
    position: absolute;
    top: 13%;
    left: 7%;
    font-size: 0.45vw;
    width: 5.99vw;
    font-family: 'pingfang',sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vi-box-s-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 贝康博士AI */
.ai-area{
    width: 100%;
    overflow: hidden;
}
.ai-area img{
    width: 100%;
}
.ai-text{
    width: 45.573vw;
    margin: 0 auto;
    margin-bottom: 4.427vw;
}
.ai-text p{
    font-family: 'pingfang',sans-serif;
    line-height: 1.823vw;
    margin: 0;
    text-align: center;
    font-size: 0.938vw;
}
.ai-area h4{
    width: 100%;
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
    margin-top: 5.729vw;
    margin-bottom: 6.25vw;
}
.ai-area {
    width: 100%;
    overflow: hidden; /* 防止动画溢出 */
}

/* 初始状态：p文字从上方透明且偏移 */
.ai-text {
    opacity: 0;
    transform: translateY(-5.208vw);
    animation-fill-mode: forwards;
    animation-duration: 0.6s;
    animation-timing-function: ease-out;
}

.slideDown {
    animation-name: slideDownAnim;
}

@keyframes slideDownAnim {
    from {
        opacity: 0;
        transform: translateY(-5.208vw);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 初始状态：图片从左侧透明且偏移 */
.animate-img {
    opacity: 0;
    transform: translateX(-2.604vw);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* 初始状态：h4标题从左侧透明且偏移 */
.animate-h4 {
    opacity: 0;
    transform: translateX(-2.604vw);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

/* 触发动画后的状态 */

.animate-img.active {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.9s; /* 延迟0.6秒 */
}

.animate-h4.active {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1.5s; /* 延迟1.2秒 */
}


.ai-box{
    width: 100%;
    padding: 0vw 0.521vw;
}
.aibox-img{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.aibox-img img{
    width: 100%;
    transition:0.5s;
}

.ai-box:hover .aibox-img img{
    transform: scale(1.2);
}

.aibox-text{
    width: 100%;
    height: 10.052vw;
    background-color: #f6f5f3;
    padding: 1.563vw;
}
.aibox-text h5{
    font-size: 0.938vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    margin-top: 0.26vw;
}

.aibox-text p{
    font-size: 0.729vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    line-height: 1.563vw;
    text-align: justify;
}

.ai-video{
    width: 100%;
}
.ai-video h4{
    font-size: 2.396vw;
    font-family: 'pingfang',sans-serif;
    color: #000;
    text-align: center;
}
.ai-video video{
    width: 100%;
    margin-top: 4.688vw;
}

.ai-login{
    height: 0.521vw;
}

/* 底部悬浮 */
/* 底部悬浮透明黑色矩形样式 */
.bottom-fixed-rectangle {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6.771vw;
    background-color: rgba(127, 127, 127, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.563vw;
    box-sizing: border-box;
    padding: 0 1.042vw;
    font-family: 'pingfang', sans-serif;
    opacity: 0;
    pointer-events: none; /* 禁止点击 */
    transition: opacity 0.5s ease;
}

.bottom-fixed-rectangle.active {
    opacity: 1;
    pointer-events: auto;
}

.ai-ewm{
    margin-left: 1.563vw;
    margin-top: -4.688vw;
}

.ai-ewm img {
    width: 6.25vw;
}

.ai-ewm p{
    font-size: 0.833vw;
    color: #fff;
    font-family: 'pingfang',sans-serif;
    text-align: center;
}

/* 首页客服 */
  /* 悬浮客服图标 */
  #customer-service-icon {
    position: fixed;
    right: 1.563vw;
    bottom: 2.604vw;
    width: 2.396vw;
    height: 2.396vw;
    cursor: pointer;
    z-index: 1000;
  }

  /* 遮罩层 */
  #kfoverlay {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4); /* 灰色透明 */
    z-index: 9999;
  }

  /* 弹窗 */
  #popupk {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 50%;
    left: 50%;
    width: 20.833vw;  /* 自定义宽 */
    height: 15.625vw; /* 自定义高 */
    background-color: #fff;
    transform: translate(-50%, -50%);
    z-index: 9999; /* 弹窗层级低于关闭按钮 */
    padding: 1.042vw;
    box-sizing: border-box;
    text-align: center;
  }

  /* 关闭按钮，放在遮罩层上 */
  #popup-close {
    display: none; /* 默认隐藏 */
    position: fixed;
    top: 2.604vw;
    right: 5.208vw;
    width: 0.521vw;
    height: 0.521vw;
    font-size: 2.604vw;
    color: #fff;
    cursor: pointer;
    z-index: 9999; /* 最高层级 */
    user-select: none;
    line-height: 1.875vw;
    text-align: center;
  }

.collect-list{
	height: 23.688vw;
    overflow: auto;
}
.collect-list a{
	color: black;
}
.collect-list a:hover{
	color: black;
}
.collect-item{
	display: flex;
	width: 100%;
	justify-content: space-between;
    align-items: center;
	height: 4.73vw;
	margin-bottom: 1.667vw;
}
.collect-pic{
	position: relative;
	width: 34.5%;
}
.collect-pic p{
	position: absolute;
	font-size: 0.44vw;
	width: 5.2vw;
	top: 15%;
	left: 8%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.collect-pic img{
	width: 100%;
	margin-right:0;
}
.collect-text{
	width: 59.3%;
}
.collect-text h4{
	font-size: 0.781vw;
	margin-bottom: 0.521vw;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.collect-text p{
	font-size: 0.625vw;
	margin-bottom: 0.521vw;
	color: #999;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.collect-text div{
	color: #999;
	font-size: 0.572vw; 
}
.collect-con{
	font-size: 0.781vw;
	text-align: center;
	margin-top: 2.60vw;
	margin-bottom: 2.60vw;
}
.collect-btn{
	text-align: center;
	color: white;
	background: black;
	font-size: 0.625vw;
	height: 2.292vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1.302vw;
}
.collect-btn p{
	margin: 0;
}
.video_collect{
	width: 57.29vw;
	margin: auto;
	display: flex;
	justify-content: flex-end;
}
.video_collect a{
	font-size: 0.729vw;
	color: #000;
	font-family: 'pingfang', sans-serif;
	border: unset;
}
.video_collect a img{
	width: 0.729vw;
	margin-right: 0.3vw;
}
.video_collect a span{
	    font-size: 0.729vw;
	    color: #000;
	    font-family: 'pingfang', sans-serif;
	    border-bottom: 0.052vw solid #000;
	    margin-left: 0 0.417vw;
}
.all-set{
	width: 54.167vw;
	margin: 0 auto;
	padding: 8.333vw 0;
}
.my-inf{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.set-inf{
	width: 39.948vw;
}
.inf-line{
	display: flex;
	justify-content: space-between;
}

.pc-media{
    display: flex;
    justify-content: space-between;
}

.inf-pc{
    margin-right: 1.042vw;
}

.phone-inputs{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.privacy-box{
    display:flex;
    justify-content: space-between;
    width: 39.948vw;
}

.privacy-checkbox{
    display: flex;
    align-items: flex-start;
    margin-top: 0.052vw;
}

.set-title{
	font-size: 1.042vw;
}
.inf-title{
	font-size: 0.729vw;
	margin-bottom: 0.3125vw;
}
.inf-line{
	margin-bottom: 1.5625vw;
}
.privacy{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.privacy-text{
	width: 39.948vw;
}
.privacy-text p{
	margin-bottom: 0.521vw;
}
.save-btn{
	width: 7.292vw;
	height:2.292vw;
	background-color: black;
	color: white;
	font-size: 0.625vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2.604vw;
	border-radius: 1.302vw;
}
.save-btn input{
	background: unset;
	color: white;
	border: unset;
}
#sideuser{
    position: fixed;
    top: 0;
    right: -32.2%; /* 初始隐藏在左侧 */
    width: 32.2%;
    height: 100%;
    background-color: #fff;
    color: #000;
    overflow-y: hidden;
    transition: right 0.6s ease;
    z-index: 1001;
    padding: 1.042vw 3.125vw;
    box-sizing: border-box;
    overflow: hidden;
  }
  #sideuser.open {
    right: 0;
  }
  #sidecollect{
    position: fixed;
    top: 0;
    right: -37.9%; /* 初始隐藏在左侧 */
    width: 37.9%;
    height: 100%;
    background-color: #fff;
    color: #000;
    overflow-y: hidden;
    transition: right 0.6s ease;
    z-index: 1001;
    padding: 1.042vw 3.125vw;
    box-sizing: border-box;
    overflow: hidden;
  }
  #sidecollect .nav-box{
	 padding: 0vw 3.703vw;
  }
  #sidecollect .nav-box .collect-list{
  	 height: 23.888vw
	 border-bottom: 1px solid #d8d8d8;
  }
  #sidecollect.open {
    right: 0;
  }
  #opencollect:hover{
        color: #999;
    }

    .termbtn{
        margin-top: -0.504vw !important;
        margin-right: 0.5vw !important;
    }

    .mycollectlist {
        margin-bottom: 2.6vw;
    }

    .vi-text-p *{
		text-wrap-mode: wrap !important;
	}

    .ys{
        opacity: 0;
        transition: opacity 1s ease; /* 1秒渐变 */
    }
    .ys.loaded {
        opacity: 1;
    }