﻿                * {
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    text-decoration: none
                }
                
                @charset "utf-8";
                /* CSS Document */
                
                body {
                    margin: 0px;
                    padding: 0px;
                    font-family: "微软雅黑";
                    color: #666666;
                    margin: 0px;
                    padding: 0px;
                    background-color: #fff;
                    overflow-x: hidden;
                    box-sizing: border-box;
                }
                
                * {
                    font-family: "微软雅黑";
                }
                
                li {
                    list-style: none
                }
                
                ul {
                    padding-left: 0;
                    margin: 0 0
                }
                
                a {
                    color: #666;
                }
                
                .center {
                    max-width: 1200px;
                    margin: 0 auto
                }
                
                h2,
                h3,
                h4,
                h5,
                p {
                    margin: 0 0;
                    padding: 0 0;
                    font-weight: 500;
                }
                
                h1 {
                    font-size: 2rem;
                }
                
                .ctrl span {
                    float: left;
                    cursor: pointer;
                }
                
                input,
                textarea,
                select {
                    outline: none;
                    font-family: "微软雅黑";
                }
                
                img {
                    border: none
                }
                
                .swiper-container {
                    width: 100%;
                    height: 9.44%;
                }
                
                .swiper-slide img {
                    width: 100%
                }
                
                .clear {
                    clear: both
                }
                
                @media screen and (min-width:320px) {
                    html {
                        font-size: 90%;
                    }
                }
                
                @media screen and (min-width:400px) {
                    html {
                        font-size: 90%
                    }
                }
                
                @media screen and (min-width:480px) {
                    html {
                        font-size: 97.5%
                    }
                }
                
                @media screen and (min-width:560px) {
                    html {
                        font-size: 100%
                    }
                }
                
                @media screen and (min-width:600px) {
                    html {
                        font-size: 112.5%
                    }
                }
                
                @media screen and (min-width:640px) {
                    html {
                        font-size: 100%
                    }
                }
                /*清除浮动*/
                
                .clearfix:after {
                    visibility: hidden;
                    clear: both;
                    display: block;
                    content: ".";
                    height: 0
                }
                
                .clearfix {
                    *zoom: 1
                }
                
                @font-face {
                    font-family: 'iconfont';
                    src: url('iconfont.eot');
                    src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg');
                }
                
                .iconfont {
                    font-family: "iconfont" !important;
                    font-size: 16px;
                    font-style: normal;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }
                /* 顶部导航部分 */
                
                .current {
                    color: red;
                }
                
                .logo {
                    font-size: 30px;
                    font-weight: bold;
                    color: #05306b;
                    padding: 10px 3px;
                    width: 270px;
                }
                
                .nav_content {
                    width: 100%;
                    background-color: #fff;
                }
                
                .nav_content .nav {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .nav {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .nav {
                    display: flex;
                    align-items: center;
                    justify-content: space-between
                }
                
                .nav_list ul {
                    margin-left: 360px;
                }
                
                .nav_list {
                    display: flex;
                    justify-content: space-between;
                }
                
                .nav_list li a:hover {
                    color: #498de9;
                }
                
                .nav_list li {
                    float: left;
                    margin-left: 40px;
                }
                
                .nav_list li a {
                    font-size: 18px;
                }
                
                .dl-menuwrapper button {
                    display: none;
                }
                /* banner部分 */
                
                .banner {
                    position: relative;
                    width: 100%;
                    overflow: hidden;
                    height: 740px
                }
                
                .banner img {
                    position: absolute;
                    top: 0;
                    left: 50%;
                    margin-left: -960px;
                }
                
                .banner_mo img {
                    width: 100%;
                    vertical-align: middle;
                }
                /* 主体内容部分  四个卡片部分*/
                
                .main {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .card ul {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
                    margin-top: 40px;
                }
                
                .card1 .text span:hover {
                    color: #498de9;
                    cursor: pointer;
                }
                
                .card li {
                    width: 49%;
                    margin-bottom: 20px;
                }
                
                .card .card1_1 {
                    background: url(../images/card1_03.jpg) no-repeat;
                }
                
                .card .card1_2 {
                    background: url(../images/card2_05.jpg) no-repeat;
                    
                }
                
                .card .card1_3 {
                    background: url(../images/card3_10.jpg) no-repeat;
                }
                
                .card .card1_4 {
                    background: url(../images/card4_12.jpg) no-repeat;
                }
                
                .card li {
                    position: relative;
                }
                
                .card li .cover {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 99.5%;
                    height: 100%;
                    background-color: rgba(0, 0, 0, 0.3);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: all .5s;
                }
                
                .card1 a {
                    position: relative;
                }
                
                .text {
                    padding: 20px 20px;
                }
                
                .text span {
                    font-size: 18px;
                    color: #fff;
                    font-weight: 700;
                }
                
                .text p {
                    margin-top: 10px;
                    color: #fff;
                    font-size: 14px;
                }
                
                .icon i {
                    font-size: 60px;
                    color: #fff;
                    float: left;
                    padding: 20px 16px;
                }
                
                .card-button {
                    float: right;
                    margin-right: 20px;
                    margin-top: 30px;
                    margin-bottom: 20px;
                }
                
                .card-button i {
                    font-size: 18px;
                    color: #fff;
                }
                
                .card-button p {
                    font-size: 14px;
                    display: inline;
                    align-items: center;
                }
                
                .card li {
                    float: left;
                    background-position-x:  -21px;
                }
                
                .content-hd {
                    margin: 30px auto;
                    text-align: center;
                }
                
                .content-bd li:hover {
                    border: 1px solid#498de9;
                }
                
                .content-bd i {
                    font-style: normal;
                }
                
                .content-bd ul {
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }
                
                .content-hd p {
                    font-size: 24px;
                    color: black;
                }
                
                .content-bd img {
                    width: 100%;
                }
                
                .content-bd {
                    margin-bottom: 50px;
                }
                
                .content-bd li {
                    float: left;
                    border: 1px solid#ccc;
                    width: 31%;
                    margin-top: 20px;
                }
                
                .content-bd a {
                    display: block;
                    padding: 10px 10px;
                }
                
                .content-bd p {
                    text-align: center;
                    font-size: 18px;
                    color: black;
                    margin: 10px auto;
                }
                
                .big-box {
                    width: 100%;
                    background: url(../images/img3.png) no-repeat;
                }
                
                .box-hd {
                    text-align: center;
                    padding: 40px 0;
                }
                
                .box-hd p {
                    font-size: 18px;
                    color: #fff;
                }
                
                .box-hd i {
                    font-style: normal;
                    color: #ccc;
                }
                
                .box-bd {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .box-bd ul {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 30px;
                }
                
                .box-bd li {
                    width: 32%;
                    background-color: #fff;
                    text-align: center;
                    padding-top: 30px;
                    padding-bottom: 40px;
                }
                
                .box-bd i {
                    font-size: 100px;
                    color: #333;
                }
                
                .box-bd p {
                    font-size: 18px;
                    color: black;
                    font-weight: 500;
                    margin-bottom: 20px;
                }
                
                .box-bd span {
                    font-size: 14px;
                }
                
                .bao {
                    width: 100%;
                    background-color: #f5f5f5;
                    padding: 20px 0;
                }
                
                .baoming-hd {
                    text-align: center;
                    margin: 40px 0;
                }
                
                .baoming-hd span {
                    font-size: 24px;
                    color: black;
                }
                
                .baoming-bd-card li {
                    margin-right: 10px;
                    text-align: center;
                }
                
                .baoming-bd-card li p {
                    font-size: 18px;
                    color: black;
                    margin-top: 10px;
                }
                
                .button-left i {
                    font-size: 24px;
                    color: #fff;
                }
                
                .button-left p {
                    font-size: 18px;
                    display: inline;
                    color: #fff;
                }
                
                .baoming-footer {
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                }
                
                .button-left a {
                    width: 300px;
                    height: 70px;
                    padding: 20px 60px;
                    border-radius: 30px 30px 30px 30px;
                    background: linear-gradient(to left, #5187e9, #ac4de9);
                }
                
                .baoming-footer {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                    margin-top: 60px;
                    margin-bottom: 80px;
                }
                
                .button-right {
                    padding: 19px 78px;
                    border-radius: 50px 50px 50px 50px;
                    border: 1px solid #ccc;
                }
                
                .button-right p {
                    text-align: center;
                }
                
                .button-right p {
                    font-size: 18px;
                    color: black;
                }
                
                .baoming {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .baoming-bd-card ul {
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                }
                
                .baoming-bd-card li {
                    background: url(../images/back6.png) no-repeat;
                    background-size: 100% 100%;
                    padding: 55px 0;
                    width: 100%;
                }
                /* 学校介绍部分 */
                
                .school {
                    padding: 20px 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
                
                .school-button a:hover {
                    background-color: #498de9;
                    cursor: pointer;
                    color: #fff;
                }
                
                .school-button a {
                    width: 210px;
                    height: 50px;
                    padding: 10px 15px;
                    border: 1px solid #ccc;
                }
                
                .school-button p {
                    display: inline;
                }
                
                .school-button i {
                    display: inline;
                    font-size: 24px;
                }
                
                .l-img {
                    width: 50%;
                }
                
                .l-img img {
                    width: 100%;
                }
                
                .school-text {
                    width: 50%;
                    margin-left: 50px;
                }
                
                .school-text-right span {
                    font-size: 30px;
                    color: #7e7e7e;
                    font-weight: 700;
                }
                
                .school-text-righ p {
                    display: block;
                    font-size: 16px;
                    color: #7e7e7e;
                    margin-bottom: 20px;
                    font-style: normal;
                }
                
                .school-text p {
                    padding: 10px 0;
                    font-size: 16px;
                    width: 60%;
                    flex-wrap: wrap;
                }
                /* 新闻资讯部 */
                
                .news {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .news-hd {
                    margin-top: 85px;
                    text-align: center;
                }
                
                .news-bd span:hover {
                    color: #498de9;
                    cursor: pointer;
                }
                
                .news-hd span {
                    font-size: 24px;
                    color: black;
                }
                
                .news-bd ul {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    flex-wrap: wrap;
                    margin-bottom: 70px;
                }
                
                .news-bd li {
                    width: 32%;
                    margin-top: 30px;
                }
                
                .news-bd span {
                    margin-top: 10px;
                    display: block;
                    font-size: 20px;
                    font-weight: 500;
                }
                
                .news-bd p {
                    margin-top: 10px;
                    font-size: 16px;
                }
                
                .news-button a:hover {
                    background-color: #498de9;
                    cursor: pointer;
                    color: #fff;
                }
                
                .news-button {
                    text-align: center;
                    margin-bottom: 60px;
                }
                
                .news-button a {
                    width: 350px;
                    height: 80px;
                    padding: 20px 60px;
                    border: 1px solid #ccc;
                }
                
                .news-button p {
                    display: inline;
                }
                
                .news-button i {
                    font-size: 16px;
                    display: inline;
                }
                /* footer底部部分 */
                
                .big-links {
                    width: 100%;
                    background-color: #fafafa;
                    padding: 30px 0;
                }
                
                .links {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .links ul {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                }
                
                .footer {
                    width: 100%;
                    background: #333;
                }
                
                .main-content {
                    max-width: 1200px;
                    width: 98%;
                    margin: 0 auto;
                }
                
                .footer-main-hd {
                    padding: 30px 0;
                    border-bottom: 1px solid;
                }
                
                .footer-main-hd ul {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                
                .footer-main-hd li {
                    margin-right: 10px;
                    color: #fff;
                }
                
                .footer-main-bd {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin: 20px 0 0 0;
                }
                
                .logo-l img {
                    width: 100%;
                }
                
                .tel i {
                    display: inline;
                    font-size: 16px;
                    color: #fff;
                    margin-right: 10px;
                }
                
                .tel p {
                    display: inline;
                }
                
                .tel span {
                    font-size: 24px;
                    color: #fff;
                }
                
                .tel li {
                    color: #fff;
                    font-size: 16px;
                    margin-top: 10px;
                }
                
                .fixed {
                    display: none;
                    position: fixed;
                    top: 70%;
                    right: 10px;
                    width: 4.0rem;
                    height: 4.0rem;
                    background: #fd3f2d;
                    border-radius: 50%;
                    color: #fff;
                    z-index: 9999;
                }
                
                .fixed i {
                    font-size: 32px;
                }
                
                .fixed a {
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    display: flex;
                    color: #fff;
                    font-size: 24px;
                    font-weight: 700;
                    height: 100%;
                }
                
                .current {
                    color: #498de9 !important;
                }
                
                .phone :hover {
                    cursor: pointer;
                }
                
                .fix_display {
                    width: 170px;
                    height: 85px;
                    background-color: #fff;
                    position: absolute;
                    top: 0px;
                    right: 93px;
                    text-align: left;
                    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
                }
                
                .fix_display span {
                    color: black;
                    font-size: 14px;
                    text-indent: 1.0rem;
                    display: block;
                    color: #666;
                    margin-top: 10px;
                }
                
                .fix_display p {
                    text-indent: 1.0rem;
                    color: #fd5d50;
                    font-size: 18px;
                    margin-top: 10px;
                }
                
                .fix .phone {
                    position: absolute;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    top: 0;
                    right: 0;
                    width: 90px;
                    border-radius: 10px;
                    height: 90px;
                    background-color: #fd3f2d;
                }
                
                .phone i {
                    font-size: 18px;
                    color: #fff;
                }
                
                .phone,
                .back {
                    text-align: center;
                    color: #fff;
                    font-size: 14px;
                }
                
                .back:hover {
                    cursor: pointer;
                }
                
                .fix .back {
                    position: absolute;
                    top: 110px;
                    right: 0;
                    width: 90px;
                    border-radius: 10px;
                    height: 90px;
                    background-color: #fd3f2d;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                }
                
                .aside {
                    position: fixed;
                    top: 50%;
                    right: 0;
                    z-index: 999;
                }
                
                .phone i {
                    font-size: 46px;
                    margin-bottom: 3px;
                }
                
                .back i {
                    font-size: 46px;
                    margin-bottom: 3px;
                }
                
                .back p,
                .phone p {
                    font-size: 18px;
                }
                
                .banner_mo {
                    display: none;
                }
                
                .current {
                    color: red;
                }
                .tel_fixed{background: rgba(0,0,0,.6); position: fixed; bottom: 0; left: 0; width: 100%; display: none; z-index: 999;}
    .tel_fixed a{display: block; padding: 1.0rem;}
    .tel_fixed p{ width: 100%; height: 3.0rem; display: flex; justify-content: center; background: #fd3f2d; align-items: center; border-radius: .6rem; color: #fff;}
                /* 当在手机屏幕下的效果 */
                
                @media only screen and (max-width:750px) {
                    .tel_fixed{background: rgba(0,0,0,.6); position: fixed; bottom: 0; left: 0; width: 100%; display: block;}
    .tel_fixed a{display: block; padding: 1.0rem;}
    .tel_fixed p{ width: 100%; height: 3.0rem; display: flex; justify-content: center; background: #fd3f2d; align-items: center; border-radius: .6rem; color: #fff;}
    .card .card1_1 {
        background: url(../images/card1_03.jpg) no-repeat;
        background-position-x: -320px;
    }
    
    .card .card1_2 {
        background: url(../images/card2_05.jpg) no-repeat;
        background-position-x: -320px;
    }
    
    .card .card1_3 {
        background: url(../images/card3_10.jpg) no-repeat;
        background-position-x: -320px;
    }
    
    .card .card1_4 {
        background: url(../images/card4_12.jpg) no-repeat;
        background-position-x: -320px;
    }
                    /* 改变logo部分 */
                    .logo img {
                        width: 80%;
                    }
                    .logo {
                        padding: -10px 0 0 10px;
                    }
                    /* 控制导航部分的显示 */
                    .nav_list {
                        display: none;
                    }
                    .phone_nav_list {
                        display: block;
                    }
                    .dl-menuwrapper button {
                        display: block;
                    }
                    /* 控制侧边栏部分的显示 */
                    .aside {
                        display: none;
                    }
                    .content-bd p {
                        font-size: 14px;
                    }
                    /* 控制footer底部部分的显示 */
                    .footer-main-hd {
                    }
                    .footer-main-bd {
                        padding: 30px 0 30px 0;
                    }
                    .footer-main-bd .logo-l {
                        display: none;
                    }
                    .tel span {
                        font-size: 10px;
                    }
                    .tel p {
                        font-size: 8px;
                    }
                    .erweima img {
                        width: 50%;
                    }
                    .erweima p {
                        display: none;
                    }
                    .school .l-img {
                        width: 10%;
                    }
                    .news-button a {
                        width: 200px;
                        height: 50px;
                        padding: 10px 25px;
                        border: 1px solid #ccc;
                    }
                    .fixed {
                        display: block;
                    }
                    .banner {
                        display: none;
                    }
                    .banner_mo {
                        display: block;
                    }
                    /* 首页部分 */
                    .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;
                    }
                    .baoming-bd-card img {
                        width: 90%;
                    }
                    .baoming-bd-card li {
                        padding: 33px 0;
                    }
                    .baoming-bd-card li p {
                        font-size: 8px;
                    }
                    .l-img img {
                        display: none;
                    }
                    .news-bd ul {
                        margin-left: 5px;
                    }
                    .button-left a {
                        width: 30px;
                        height: 30px;
                        padding: 10px 10px;
                    }
                    .button-right {
                        padding: 8px 3px;
                    }
                    .button-right p {
                        font-size: 14px;
                    }
                    .baoming-footer {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }
                    .school-text-right {
                        text-align: center;
                    }
                    .school-text p {
                        line-height: 36px;
                    }
                    .school-text p {
                        width: 100%;
                    }
                    .school-text p {
                        padding: 10px 0;
                        margin-bottom: 10px;
                    }
                    .school-button a {
                        width: 130px;
                        height: 30px;
                        padding: 5px 5px;
                        margin-right: 10px;
                        float: right;
                    }
                    .icon i {
                        font-size: 30px;
                    }
                    .text {
                        padding: 20px 0;
                    }
                    .text span {
                        font-size: 15px;
                    }
                    .text p {
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 3;
                        overflow: hidden;
                    }
                    .card-button {
                        margin-top: 3px;
                    }
                    .news-con li {
                        padding-bottom: 30px;
                    }
                    .newsbutton {
                        position: absolute;
                        bottom: 10px;
                        right: 20px;
                    }
                    .big-links {
                        padding: 15px 0;
                    }
                    .links ul {
                        display: flex;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                    }
                    .box-bd i {
                        font-size: 70px;
                    }
                    .baoming-bd-card li {
                        margin-right: 5px;
                    }
                    .bao {
                        padding: 10px 0;
                    }
                    .l-img {
                        display: none;
                    }
                    .school-text {
                        width: 100%;
                        margin-left: 0;
                    }
                    .card li .cover {
                        background-color: rgba(0, 0, 0, 0.2);
                    }
                }