A.c215710{
font-size: 14px;
color: #222222;

text-decoration: none;}
A.c215710:link {
color: #222222;}  
A.c215710:visited {
color: #222222;}  
A.c215710:active {
color: #222222;}  
A.c215710:hover {
color: #9C005E;}
.c215710_jump {
font-size: 14px;
font-family: 宋体;}
/* 以下样式不用修改 开始*/
    /* 默认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:116px;         /*菜单宽度*/
    height:36px;        /*菜单高度*/
    line-height:36px;   /*字体高度, 可设为菜单高度*/
    font-size:16px;     /*字体大小*/
    color:#ffffff;         /*字体颜色*/
    background:#9C005E; /*背景色*/
    border:0;  /*边框颜色*/
    background: url(images/line_white.jpg) 0% 50% no-repeat;}

.nav_menustyle_1_1 li:first-child a{/*第一个链接去掉左侧竖线*/
    background-image:none;}
/* 默认hover链接样式 可以设置默认的鼠标移上样式 */
.nav_menustyle_1_1 a:hover
{
    color:#9C005E; /*鼠标移上颜色*/
    background:#ffffff;}
/* IE6兼容性代码，在IE6下起效， 必须根据菜单高宽进行设定 */
.nav_menustyle_1_1 table 
{
    top:37px;}   
.nav_menustyle_1_1 table table
{
    left:117px;}   
/* 2级以上链接样式 可以修改2级以上菜单的 字体、颜色、宽度、高度、背景色、边框等*/
.nav_menustyle_1_1 .erji a{
 color:#9C005E;}
.nav_menustyle_1_1 ul li ul li a
{
    background-color: #ffffff;
   
    line-height: 36px;
    border-bottom: 1px solid #9C005E;}
/* 2级以上hover链接样式 可以修改2级以上菜单的鼠标移上样式*/
.nav_menustyle_1_1 ul li ul li a:hover
{
background:#9C005E;
color:#ffffff;}
/* 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
{}

.windowstyle215666{ font-size: 18px; color: #9c005e; text-indent: 10px ;}

  .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;}
        
        header {
            text-align: center;
            margin-bottom: 40px;}
        
        h1 {
            color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 10px;
            position: relative;
            display: inline-block;}
        
        h1:after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: linear-gradient(to right, #3498db, #2ecc71);
            border-radius: 2px;}
        
        .subtitle {
            color: #7f8c8d;
            font-size: 1.2rem;
            margin-top: 20px;}
        
        .teachers-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 30px;}
        
        .teacher-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;}
        
        .teacher-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);}
        
        .teacher-photo {
            width: 100%;
            height: 250px;
            object-fit: cover;
            border-bottom: 3px solid #3498db;}
        
        .teacher-info {
            padding: 20px;
            text-align: center;}
        
        .teacher-name {
            font-size: 1.4rem;
            color: #2c3e50;
            margin-bottom: 5px;}
        
        .teacher-title {
            color: #7f8c8d;
            font-size: 1rem;
            margin-bottom: 10px;}
        
        .teacher-bio {
            color: #555;
            font-size: 0.9rem;
            line-height: 1.5;}
        
        /* 响应式调整 */
        @media (max-width: 768px) {
            .teachers-grid {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
                gap: 20px;}
            
            h1 {
                font-size: 2rem;}
        }