/* 关于我们页面 */
    
    .main {
        max-width: 1200px;
        width: 98%;
        margin: 0 auto;
        position: relative;
        z-index: 9;
    }
    
    .small-nav-con {
        max-width: 1200px;
        width: 98%;
        margin: 0 auto;
        padding: 20px 0;
    }
    
    .small-nav {
        width: 100%;
        background-color: #f5f5f5;
    }
    
    .small-nav-con p {
        display: inline;
        font-size: 16px;
    }
    
    .small-nav-con a {
        display: inline;
        font-size: 16px;
    }
    
    .main-img img {
        width: 100%;
    }
    
    .stu-hd {
        margin: 30px 0;
        text-align: center;
    }
    
    .stu-hd p {
        font-size: 32px;
        color: #498de9;
        font-weight: 700;
    }
    
    .stu-hd span {
        font-size: 16px;
        color: #b6b6b6;
    }
    
    .stu-bd {
        margin-bottom: 80px;
    }
    
    .stu-bd ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .stu-bd li {
        margin-bottom: 25px;
    }
    
    .stu-bd a img {
        width: 100%;
    }
    
    .main-hd span {
        width: 10px;
        border: 5px solid #498de9;
        background-color: #498de9;
    }
    
    .main-hd {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    
    .main-hd p {
        margin-left: 5px;
        display: inline;
        font-size: 24px;
        font-weight: 700;
    }
    
    .main-hd i {
        font-style: normal;
    }
    
    .main-bd p {
        font-size: 16px;
        line-height: 36px;
    }
    /* 课程内容区域 */
    
    .banner img {
        width: 100%;
    }
    
    .course ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin: 30px 0;
    }
    
    .course img {
        width: 100%;
    }
    
    .course li {
        border: 1px solid#ccc;
        margin-right: 35px;
        margin-bottom: 57px;
        width: 28%;
    }
    
    .course a {
        display: block;
        padding: 5px 5px;
    }
    
    .course p {
        text-align: center;
        font-size: 18px;
    }
    /* 联系我们区域 */
    
    .banner-lianxi {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 750px;
        z-index: -9999;
    }
    
    .banner-lianxi img {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
        z-index: -9999;
    }
    
    .banner .text {
        text-align: center;
        padding: 100px 0;
    }
    
    .banner .text span {
        font-size: 26px;
        color: #fff;
        margin-bottom: 30px;
        display: inline;
    }
    
    .banner .text i {
        margin-top: 30px;
        display: block;
        font-size: 50px;
        color: #fff;
    }
    
    .banner .text p {
        margin: 30px 0;
        font-size: 16px;
        color: #fff;
    }
    
    .lianxi-card {
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        margin-bottom: 250px;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
        margin-top: -150px;
        z-index: 9999;
        background-color: #fff;
    }
    
    .l-card-left span {
        font-size: 26px;
    }
    
    .l-card-left li {
        margin: 50px 0;
    }
    
    .l-card-right {
        margin-top: 30px;
        margin-right: 30px;
    }
    
    .l-card-right img {
        border: 1px solid #ccc;
    }
    
    .lianxi_mo img {
        width: 100%;
    }
    /* 新闻资讯区域 */
    
    .box-current {
        margin: 30px 0;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    }
    
    .box-show {
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    }
    
    .news-con li:hover {
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    }
    
    .news-con li {
        margin-top: 30px;
        border: 1px solid #e5e5e5;
        position: relative;
    }
    
    .news-con li a {
        padding: 20px 30px;
    }
    
    .left-img {
        width: 20%;
    }
    
    .left-img img {
        width: 100%;
    }
    
    .right-text h2:hover {
        color: #498de9;
    }
    
    .right-text span:hover {
        color: #498de9;
    }
    
    .right-text span {
        font-size: 22px;
        display: block;
        margin-bottom: 20px;
    }
    
    .right-text .i1 i {
        font-size: 14px;
    }
    
    .right-text .i2 i {
        font-size: 14px;
    }
    
    .right-text .i1 p,
    .right-text .i2 p {
        display: inline;
    }
    
    .right-text p {
        font-size: 16px;
        color: #666;
    }
    
    .newsbutton a:hover {
        color: #498de9;
    }
    
    .newsbutton p {
        display: inline;
    }
    
    .box-show {
        position: relative;
    }
    
    .newsbutton {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }
    
    .newsbutton i {
        margin-top: 2px;
    }
    
    .course li:hover {
        border: 1px solid #498de9;
    }
    
    .banner-about {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 400px;
    }
    
    .banner-about img {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
    }
    /* 新闻资讯区域详情页区域 */
    
    .list-hd {
        border-bottom: 1px solid #e5e5e5;
        padding: 30px 0;
    }
    
    .list-hd span {
        font-size: 30px;
        color: black;
        display: block;
        margin-bottom: 30px;
    }
    
    .list-hd span:hover {
        color: #498de9;
    }
    
    .list-hd .i1 i {
        font-size: 14px;
    }
    
    .list-hd .i2 i {
        font-size: 14px;
    }
    
    .list-hd .i1 p,
    .list-hd .i2 p {
        display: inline;
    }
    
    .list-hd p {
        font-size: 16px;
    }
    
    .list-bd {
        padding: 50px 0;
        border-bottom: 1px solid #ccc;
    }
    
    .list-bd-img {
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin: 20px 0;
    }
    
    .list-bd p {
        line-height: 36px;
    }
    
    .list-bd span {
        line-height: 36px;
    }
    
    .list-prev {
        padding: 30px 0;
    }
    
    .list-prev p {
        display: inline;
    }
    
    .list-prev a {
        display: inline;
    }
    
    .list-prev a:hover {
        color: #498de9;
    }
    
    .list-prev li {
        margin-bottom: 20px;
    }
    /*  */
    
    .yema {
        text-align: center;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 60px 0;
    }
    
    .prev a {
        display: inline;
        padding: 5px 10px;
        border: 1px solid #ccc;
        margin-right: 20px;
    }
    
    .num ul {
        display: flex;
    }
    
    .num li a {
        padding: 5px 10px;
        border: 1px solid #ccc;
        display: block;
    }
    
    .num li {
        margin-right: 20px;
    }
    
    .next a {
        display: block;
        padding: 5px 10px;
        border: 1px solid #ccc;
    }
    
    .prev,
    .num,
    .next {
        margin-bottom: 20px;
    }
    
    .lianxi-card {
        width: 100%;
        padding: 20px 30px;
    }
    
    .l-card-left p {
        display: inline;
        margin-left: 5px;
    }
    /* 新闻资讯页 */
    
    .news-con li a {
        display: flex;
        overflow: hidden;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    .right-text-icon {
        display: flex;
        align-items: center;
        color: #999;
        margin: 10px 0;
    }
    
    .right-text-icon i {
        display: inline-block;
        margin-right: 10px;
    }
    
    .right-text-icon p {
        margin-right: 20px;
        color: #999;
    }
    
    .right-text p .left-img img {
        width: 100%;
    }
    
    .right-text {
        width: 77%;
    }
    
    .right-text h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }
    
    .right-text .i1 p,
    .right-text .i2 p {
        font-size: 8px;
        margin-left: 5px;
        display: block;
    }
    
    .right-text p {
        font-size: 14px;
    }
    
    .prev {
        margin-right: 0;
    }
    
    .num {
        margin-left: 0;
    }
    
    .next {
        margin-right: 0;
    }
    /* 遮盖层部分 */
    
    .stu-bd li {
        position: relative;
    }
    
    .cou-cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 98%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: all .5s;
    }
    
    .cou-cover:hover {
        opacity: 1;
    }
    
    .cou-cover p {
        text-align: center;
        padding: 10px 10px;
        border: 1px solid #fff;
        color: #fff;
    }
    
    .banner-news {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 380px;
    }
    
    .banner-news img {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px;
    }
    /* 当在手机屏幕下的效果 */
    
    .banner_mo-lianxi {
        display: none;
    }
    
    .banner_mo-lianxi img {
        width: 100%;
    }
    
    @media only screen and (max-width:750px) {
        /*  */
        .stu-bd li {
            width: 31%;
        }
        /* 课程部分 */
        .course li {
            margin-right: 0;
            width: 31%;
        }
        .course p {
            font-size: 12px;
        }
        .small-nav-con {
            padding: 8px;
        }
        .small-nav-con p {
            font-size: 14px;
        }
        .small-nav-con a {
            font-size: 14px;
        }
        /* 新闻资讯详情页部分 */
        .list-hd {
            padding: 10px 0;
        }
        .list-hd span {
            font-size: 18px;
            margin-bottom: 10px;
        }
        .list-bd img {
            width: 98%;
        }
        .news-bd li {
            margin-left: 3px;
        }
        .news-bd li img {
            width: 90%;
        }
        .news-bd span {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 18px !important;
        }
        .news-bd p {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .yema {
            text-align: center;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            margin: 60px 0;
        }
        .prev a {
            display: inline;
            padding: 5px 10px;
            border: 1px solid #ccc;
            margin-right: 20px;
        }
        .num ul {
            display: flex;
        }
        .num li a {
            padding: 5px 10px;
            border: 1px solid #ccc;
            display: block;
        }
        .num li {
            margin-right: 20px;
        }
        .next a {
            display: block;
            padding: 5px 10px;
            border: 1px solid #ccc;
        }
        .l-card-right {
            display: none;
        }
        .lianxi-card {
            margin-top: 50px;
        }
        .lianxi-card {
            text-align: left;
        }
        .l-card-left li {
            margin: 20px 0;
            font-size: 14px;
        }
        .lianxi-card {
            height: 50%;
        }
        .left-img {
            width: 100%;
            height: 0;
            position: relative;
            padding-top: 50%;
            overflow: hidden;
        }
        .left-img img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }
        .right-text {
            margin-top: 10px;
            width: 100%;
        }
        .lianxi-card {
            padding: 0px 0px 0px 0px;
        }
        .l-card-left span {
            font-size: 18px;
        }
        .banner .text i {
            font-size: 37px;
            margin-top: 10px;
        }
        .banner-course {
            display: none;
        }
        .banner-news {
            display: none;
        }
        .banner-about {
            display: none;
        }
        .banner_mo-lianxi {
            display: block;
        }
    }