a {
            text-decoration: none;
        }

        footer {
            z-index: 10;
            margin: 20px 0px -26px 0;
            letter-spacing: 3px;
            background: rgb(255, 255, 255);
            z-index: 10;
        }

        footer p {
            line-height: 5%;
            height: 5%;
            display: flex;
            background: rgb(230, 30, 30);
            align-items: center;
            justify-content: center;
        }

        section {
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            /* 横向排列 */
            width: 100vw;
            height: 188px;
            overflow-x: auto;
            /* 横向可滚动 */
            -webkit-overflow-scrolling: touch;
            align-items: stretch;
        }

        .item {
            transition: all 0.36s ease-in-out;
            /* 去掉不合适的百分比行高，改为居中对齐 */
            text-align: center;
            /* 横向布局下使用 flex 基础，保留 grow 与 hover 效果 */
            flex: 1 0 auto;
            min-width: 120px;
            /* 每项最小宽度，可按需调整 */
            height: 100%;
            font-size: 1.1em;
            letter-spacing: 2px;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .item::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            right: 0;
            background-color: rgba(0, 0, 0, 0.3);
            z-index: 1;
        }

        .item>span {
            z-index: 2;
            position: relative;
        }

        .focus {
            /* 保留原有背景图 */
            background-image: url(http://www.gxcme.edu.cn/xxzx/images/res/tt.png);
        }

        .ecm {
            background-image: url(http://www.gxcme.edu.cn/xxzx/images/res/cj.png)
        }

        .tec {
            background-image: url(http://www.gxcme.edu.cn/xxzx/images/res/kj.png)
        }

        .spt {
            background-image: url(http://www.gxcme.edu.cn/xxzx/images/res/ty.png)
        }

        .ply {
            background-image: url(http://www.gxcme.edu.cn/xxzx/images/res/ply.jpg)
        }

        .car {
            background-image: url(http://www.gxcme.edu.cn/xxzx/images/res/qc.jpg)
        }

        .amy {
            background-image: url(http://www.gxcme.edu.cn/xxzx/images/res/amy.jpg)
        }

        /* 保留原先基于 flex-grow 的交互效果，适用于横向布局 */
        section a:hover {
            flex-grow: 2;
        }

        section:hover .item {
            flex-grow: 1;
        }

        section:hover .item:hover {
            flex-grow: 2;
        }

        section:hover .item.focus:hover {
            flex-grow: 2;
        }

        .headright {
            width: 100%;
            height: 5%;
            line-height: 5%;
            position: fixed;
            display: table;
            z-index: -1;
            background: #fff;
            box-shadow: -1px 1px 25px -5px rgba(0, 0, 0, 0.8);
        }

        .headright span {
            float: right;
            margin: 0 10px;
            display: table-cell;
            vertical-align: middle;
            color: black;
        }

        a span{
            color: white;
            font-size: 22px;
        }