.mod_focus_show { width: 100%;  position: relative; overflow: hidden; margin: 0 auto; }
    .mod_focus_show .mod_focus_pic { display: block; width:100%; height: 776px; }
        .mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img { display: block; width: 100%; height: 776px; }
        .mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }
    .mod_focus_show .mod_focus_title { position: absolute; z-index: 1; right: 0; bottom: 10px; overflow: hidden; zoom: 1;   filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); background-image: url(/about:blank); }
:root .mod_focus_title { filter: none; }
.mod_focus_show .mod_focus_title li { margin-bottom:60px; width: 590px; padding: 0 0 0 200px; overflow: hidden; word-break: keep-all; word-wrap: keep-all; white-space: nowrap; table-layout: fixed; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
    .mod_focus_show .mod_focus_title li h3 { line-height: 53px; _line-height: 55px; font-size: 28px; font-family: "Microsoft Yahei",Tahoma,Geneva; font-weight: 500;  }
        .mod_focus_show .mod_focus_title li h3 a { color: #ffffff;  }

.focus_switch { width: 59px; height: 29px; position: absolute; z-index: 2; right: 15px; bottom: 92px; }
    .focus_switch a { float: left; width: 29px; height: 29px; background-image: url(/images/icon_focus_switch.png); background-repeat: no-repeat; cursor: pointer; }
    .focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; }
        .focus_switch .icon_prev:hover { background-position: -30px 0; }
    .focus_switch .icon_next { background-position: -60px 0; }
        .focus_switch .icon_next:hover { background-position: -90px 0; }
.mod_focus_show .mod_focus_list { /* padding: 10px 5px; background: #000; overflow: hidden; height: 154px;*/ position: absolute; top:650px;
left:100px;  }
    .mod_focus_show .mod_focus_list li {  width:159px; height: 104px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; /* border:
#fff .03rem solid; */ }
        .mod_focus_show .mod_focus_list li a { display: block;   width:158px; height: 103px; }
        .mod_focus_show .mod_focus_list li img { display: block;   width:158px; height: 103px;  }
        .mod_focus_show .mod_focus_list li a:hover { _background: none; }
            .mod_focus_show .mod_focus_list li a:hover .mask, .mod_focus_show .mod_focus_list .current .mask { display: none; }
        .mod_focus_show .mod_focus_list li .mask {  /* display: block;  width:158px; height: 103px;  position: relative; top: -60px; margin: 0 0 -60px; eft: 0; bottom: 0; background: #000; opacity: .5; filter: alpha(opacity=50); */ }
        .mod_focus_show .mod_focus_list li .border { display: none; }
    .mod_focus_show .mod_focus_list .current .border { display: block; height: 5px; width:158px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #98e404;transition:transform .5s;
opacity: 0.6;transform: translateY(101%); }

/* 以下是广告图特效css */

        
        .container {
           /* max-width: 1200px; */
            width: 100%;
            height:774px;
            margin: 0 auto;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 40px;
            position: relative;
        }
        
        .section-title h2 {
            font-size: 32px;
            color: #2c3e50;
            font-weight: 600;
            display: inline-block;
            padding-bottom: 10px;
            position: relative;
        }
        
        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 3px;
            background: linear-gradient(to right, #3498db, #2ecc71);
        }
        
        .section-title p {
            color: #7f8c8d;
            margin-top: 15px;
            font-size: 16px;
        }
        
        .gallery-container {
            position: relative;
            width: 100%;
            height: 774px;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .main-image-container {
            position: relative;
            width: 100%;
            height: 774px;
            overflow: hidden;
        }
        
        .main-image {
            position: absolute;
            width: 100%;
            height: 774px;
            object-fit: cover;
            opacity: 0;
            transition: opacity 0.8s ease-in-out;
        }
        
        .main-image.active {
            opacity: 1;
        }
        
        .thumbnail-container {
            position: absolute;
            bottom: 5%; /* 离底部二十分之一 */
            left: 10%; /* 十分之一位置处 */
            display: flex;
            gap: 12px;
            z-index: 10;
        }
        
        .thumbnail {
            width: 206px; /* 更大的缩略图 */
            height: 140px; /* 更大的缩略图 */
            position: relative;
            cursor: pointer;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 2px solid white; /* 未激活状态有白色边框 */
        }
        
        .thumbnail:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        .thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .thumbnail-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 0;
            background: linear-gradient(to top, rgba(255, 140, 0, 0.85), rgba(255, 140, 0, 0.5));
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            transition: height 0.4s ease;
        }
        
        .thumbnail.active {
            border-color: transparent; /* 激活状态不要边框 */
        }
        
        .thumbnail.active .thumbnail-overlay {
            height: 100%;
        }
        
        .image-title {
            position: absolute;
            bottom: 50px;
            right: 100px;
           
            text-align: center;
            color: white;
            font-size: 28px;
            font-weight: bold;
            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
            z-index: 5;
            padding: 0 20px;
        }
        
        .campus-title {
            position: absolute;
            top: 10%; /* 离顶部十分之一 */
            left: 10%; /* 十分之一位置处 */
            background: rgba(255, 255, 255, 0.2); /* 更浅的背景色 */
            color: white;
            padding: 25px 35px 25px 45px;
            z-index: 10;
            letter-spacing: 1px;
            max-width: 280px;
            backdrop-filter: blur(5px); /* 添加模糊效果增强可读性 */
        }
        
        .campus-title::before {
            content: '';
            position: absolute;
            left: 20px;
            top: 20px;
            bottom: 100px; /* 橙色竖线延伸到校园风采大字底部 */
            width: 4px;
            background: #ff8c00;
            border-radius: 2px;
        }
        
        .campus-title h3 {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 5px;
            color: white;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        }
        
        .campus-title .en-title {
            font-size: 14px;
            color: white;
            margin-bottom: 0; /* 与中文标题行距小 */
            font-weight: 500;
            letter-spacing: 1.5px;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
        }
        
        .campus-title .subtitle {
            font-size: 14px;
            line-height: 1.5;
            color: white;
            margin-top: 35px; /* 间距等于英文标题和中文标题的高度 */
            padding-left: 0; /* 小字不要竖线 */
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
            position: relative;
        }
        
        .campus-title .subtitle::before {
            content: '';
            position: absolute;
            left: -25px; /* 与橙色竖线对齐 */
            top: 0;
            width: 4px;
            height: 100%;
            background: transparent; /* 透明竖线，用于对齐 */
        }
        
        .bottom-gradient {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 40%;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
            z-index: 1;
        }
        
        @media (max-width: 768px) {
            .gallery-container {
                height: 400px;
            }
            
            .thumbnail {
                width: 80px;
                height: 60px;
            }
            
            .image-title {
                font-size: 22px;
                bottom: 100px;
            }
            
            .campus-title {
                padding: 20px 25px 20px 35px;
                max-width: 220px;
            }
            
            .campus-title h3 {
                font-size: 20px;
            }