/* 容器：相对定位，作为覆盖层的参考基准 */
.image-container {
  position: relative;
  display: inline-block; /* 让容器宽度随图片自适应 */
      width: 6.88rem;
    height: 0.64rem;}

/* 图片：确保占满容器 */
.target-image {
  width: 100%;
  height: auto;
  display: block;}

/* 通用覆盖层样式：透明、占满高度、点击交互 */
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%; /* 各占一半宽度 */
  z-index: 1; /* 确保覆盖层在图片上方 */
  cursor: pointer; /* 鼠标悬停显示手型 */
  background-color: transparent;}

/* 左半区：靠左对齐 */
.left-overlay {
  left: 0;}

/* 右半区：靠右对齐 */
.right-overlay {
  right: 0;}
/* 以下样式不用修改 开始*/
    /* 默认ul 无需修改 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 默认li 无需修改 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2级以上 li 无需修改 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3级以上默认ul 无需修改 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6下的table样式 无需修改 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 共6级导航子菜单打开关闭控制 无需修改 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 默认a属性 无需修改 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 以上样式不用修改 结束*/
/* 默认链接样式 可以修改默认的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 a
{
    width:90px;         /*菜单宽度*/
    height:25px;        /*菜单高度*/
    line-height:25px;   /*字体高度, 可设为菜单高度*/
    font-size:14px;     /*字体大小*/
    color:#000;         /*字体颜色*/
    background:#eeeeee; /*背景色*/
    border:1px solid #fff;  /*边框颜色*/
    border-width:0px 1px 1px 0px;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*鼠标移上颜色*/
    background:#2687eb;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3级以上链接样式 可以修改3级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3级以上hover链接样式 可以修改3级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

.ny-column p{
    color: #ffffff;
    font-size: 0.22rem;
    line-height: 0.4rem;
    padding-bottom: 0rem;
    margin: 0 auto;
    text-align: center;}
/* --- 1. 外层容器 --- */
.quote-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.22rem;
    line-height: 1.6;
    text-align: center;
    width: 11.02rem;
    height: 0.8rem;
    margin: 0 auto;
    padding-bottom: 1rem;}

/* --- 2. 中间文字区域 --- */
.quote-content {
    flex: 1; /* 让文字占据剩余空间 */
    z-index: 2;}

/* --- 3. 引号图片通用样式 --- */
.quote-icon {
    width: 0.6rem;  /* 根据你的图片实际大小调整，比如 30px - 50px */
    height: auto;
    opacity: 1; /* 设置半透明，看起来更高级，不抢文字风头 */
    z-index: 1;}

/* --- 4. 左侧引号定位 --- */
.quote-left {
    margin-right: 0.2rem; /* 与文字保持距离 */
    /* 如果想让它像截图那样稍微靠上一点，可以用绝对定位微调 */
    position: relative;
    top: 0px;}

/* --- 5. 右侧引号定位 --- */
.quote-right {
    margin-left:0.2rem; /* 与文字保持距离 */
    /* 如果想让它稍微靠下 */
    position: relative;
    top: 0rem;}
.dqwz{height: 0.72rem;line-height: 0.72rem; font-size: 0.16rem;    display: flex;
    gap: 0.12rem;}
.dqwz a{color:#000000;opacity: 0.5;}
/* 1. 外层容器 (保持原样) */
.dydhkd {
    width: 0.9rem;
    display: block;
    float: left;
    margin-right: 0.78rem;    margin-top: 0.4rem;}

/* 2. 列表项容器 (保持原样) */
.dydh {
    width: 0.9rem;
    padding-bottom: 0.22rem;}

/* 3. 核心交互区 (父容器) */
.dhtp {
    position: relative; 
    overflow: hidden; 
    
    display: flex;
    flex-direction: column;
    align-items: center;
    
    text-align: center;
    cursor: pointer;
    
    /* 上下内边距保持不变，或者可以微调为 0.1rem */
    padding: 0.1rem 0; 
    height: auto;}

/* --- 灰色背景圆 (伪元素) --- */
.dhtp::before {
    content: '';
    position: absolute;
    
    /* 【修改点】圆圈稍微做大一点，更有质感 */
    width: 0.56rem;  
    height: 0.56rem;
    
    /* 【修改点】重新计算 top 位置，确保圆心对准图标中心 */
    /* 公式：padding-top(0.1) + 图片高度的一半(0.56/2=0.28) = 0.38rem */
    top: 0.38rem; 
    
    left: 50%;
    transform: translate(-50%, -50%) scale(0); 
    background-color: #f0f0f0; 
    border-radius: 50%;
    z-index: 0; 
    transition: transform 0.3s ease;}

/* 4. 图片通用样式 */
.dhtp img {
    width: 0.56rem;
    height: 0.56rem;
    object-fit: contain;
    transition: opacity 0.3s ease;
    z-index: 1; 
    display: block;}

/* 默认图 */
.dhtp img:not(.img-hover) {
    opacity: 0.5;}

/* 悬停图 */
.img-hover {
    position: absolute; 
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 2;}

/* 5. 文字样式 */
.dhtp span {
    /* 【关键修改】间距减半！从 0.08rem 改为 0.04rem */
    margin-top: 0.04rem; 
    
    font-size: 0.16rem;
    color: #666666;
    font-weight: normal;
    position: relative;
    z-index: 1; 
    transition: all 0.3s ease;
    line-height: 1.2;}

/* --- 交互逻辑 --- */

/* A. 鼠标悬停时：背景圆放大 */
.dhtp:hover::before,
.dhtp.on::before {
    transform: translate(-50%, -50%) scale(1);}

/* B. 鼠标悬停时：切换图片 */
.dhtp:hover .img-hover,
.dhtp.on .img-hover {
    opacity: 1;}

.dhtp:hover img:not(.img-hover),
.dhtp.on img:not(.img-hover) {
    opacity: 0;}

/* C. 鼠标悬停时：文字变色 + 下移 */
.dhtp:hover span,
.dhtp.on span {
    color: #000000;
    font-weight: bold;
    /* 下移距离也可以微调，0.06rem 看起来更自然 */
    transform: translateY(0.06rem);}
.teacher_sel {border-bottom: 1px #dddddd dashed;text-align: center;
    width: 10.5rem;
    float: right;}
.teacher_sel dl { font-size: 0.13rem; margin-bottom: 0.1rem; overflow: hidden;}
.teacher_sel dl dt {padding-top:0.12rem;float: left; width: 0.8rem;font-size: 0.16rem; text-align: right; font-weight: bold; color: #b7ac38;}
.teacher_sel dl dd {
    float: right;
    width: 10.5rem;
    margin: 0 auto;
    text-align: center;}
.teacher_sel dl dd a {line-height:0.24rem;
    padding: 0.02rem 0.07rem;
    color: #616161;
font-size: 0.13rem;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;}
.teacher_sel dl dd a:hover {background: #000000;color: #fff;border-radius: 0.15rem;}
.teacher_sel dl dd a.active { background: #000000; color: #FFFFFF;border-radius: 0.15rem;}
#target_ul {
    padding-left: 0.12rem;}

.teacher_list ul li {
float: left;
    font-size: 0.16rem;
    line-height:0.2rem;
    margin: 0.15rem 0px;background: #F4F5F7;}
.teacher_list ul li:hover {background: #EBEDF0;}
.teacher_list ul li a img{width:0.99rem;height:1.32rem;transition: 0.4s;    object-fit: cover;
    object-position: center;}
.teacher_list ul li a img:hover {
    transform: scale(1.05);}
.teacher_list ul li:hover h3{font-weight: 600;}
.teacher_list{width: 10.5rem;
    text-align: center;
    margin: 0 auto;
    height: auto;
    float: right;}
.image-effect {
    overflow: hidden;}
.teacher_list ul li h3 {   font-weight: 400; margin: 0 auto;font-size: 0.24rem; color: #000000;}
.teacher_list ul li h3:hover {color: #000000;}


.teacher_list_cont {
    width: 100%;
    margin-top: 0.36rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;}

.teacher_list_cont_item {
    width: 5.13rem;
    height: 1.32rem;
    margin-bottom: 0.2rem;}

.teacher_list_cont_line {
    width: 100%;}

.teacher_list_cont_line>a {
    padding: 10px;}

.teacher_list_cont_item_pic {
    width: 0.99rem;
    height: 1.32rem;
    overflow: hidden;}
.teacher_list_cont_item_pic img {
    width: 100%;height:100%;}
.teacher_list_cont_item_text {    width:3.8rem;    padding-top: 0.15rem;
    padding-right: 0.2rem;text-align: left;}
.teacher_list_cont_item_text>h3 {
    display: block;
    font-size:0.2rem;
    color: #333333;
    line-height: 0.4rem;
    font-weight: bold;}

.teacher_list_cont_item_text>h3>span {
    display: inline-block;
    font-size: 16px;
    color: #94070a;
    margin-left: 5px;}

.teacher_list_cont_item_text>p {
    font-size:0.16rem;
    color: #999999;
    line-height: 0.3rem;
    overflow: hidden;
        display: -webkit-box;

    /* 2. 必须设置：限制在一个块元素显示的文本的行数（这里设为 2） */
    -webkit-line-clamp: 2;

    /* 3. 必须设置：设置盒子的子元素排列方式为垂直排列 */
    -webkit-box-orient: vertical;

    /* 4. 必须设置：隐藏超出部分的内容 */
    overflow: hidden;

    /* 5. 建议设置：定义行高，方便计算高度 */
    line-height: 1.5;}

.teacher_list_cont_item_text>p+p {
    margin-top: 2px;}
    
    
.teacher_list_cont_item_text>h3 {
    display: block;
    font-size: 20px;
    color: #333333;
    line-height: 0.4rem;
    font-weight: bold;}
.fl{float:left;}
.fr{float:right;}
.foot-logo{
    width: 224px;
    float: left;}
.foot-xx{
    float: left;    padding-left: 72px;}