@keyframes fade-in-right {
    0% {
        transform: translateX(500px);
    }

    100% {
        transform: translateX(0px);
    }
}

@keyframes fade-out-right {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(500px);
    }
}

@keyframes fade-in-up {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(500px);
    }
}

@-webkit-keyframes gary {
    0% {
        transform: scale(1, 0)
    }

    25% {
        transform: scale(1, 1.2)
    }

    50% {
        transform: scale(1, 0.85)
    }

    75% {
        transform: scale(1, 1.05)
    }

    100% {
        transform: scale(1, 1)
    }
}

body {
    margin: 0px auto;
}



.contentContainer {
    background-color: #FFFFFF;
    margin-top: 10px;
}

.content-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    margin-top: 10px;
}

.title-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #FFFFFF;
    /* padding: 0 5px 0 5px; */
}

.title-left-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
}

.title-right-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.contact-container {
    /* height: 100px; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

.tpbutton:hover {
    cursor: hand;
    /* font-size: 15px;
    font-family: PingFang SC;
    font-weight: 800; */
    color: #FFB22B;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}

#ejlm a {
    height: 80px;
    line-height: 80px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

#lmlb table td img {
    display: none;
}

#tzgg table td img {
    display: none;
}

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
@media (max-width: 768px) {
    #father {
        margin: 0px auto;
        width: 90%;
    }

    #logo {
        background-image: url(../images/top_bg_mobile.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 45px;
        pointer-events: none;
        background-color: #043A9F;
    }

    #banner {
        background: url(../images/banner.png) no-repeat;
        background-size: 100% auto;
        height: 120px;
        margin-bottom: 10px;
    }

    .list-banner {
        background: url(../images/lbbanner.png) no-repeat;
        background-size: 100% auto;
        height: 120px;
        margin-bottom: 10px;
    }

    #navi {
        display: none;
    }

    .title-container-raduis {
        border-radius: 5px;
    }

    #tpxw {
        display: none;
    }

    .ywmz {
        margin-left: 5px;
        font-family: PingFang SC;
        font-size: 18px;
        font-weight: 400;
        color: #043A9F;
    }

    .zwbt {
        font-family: PingFang SC;
        font-size: 15px;
        font-weight: 800;
        color: #043A9F;
        margin-left: 5px;
    }

    .title-icon {
        width: 15px;
        height: 15px;
    }

    .btMore {
        font-family: PingFang SC;
        font-size: 15px;
        font-weight: 400;
        color: #043A9F;
    }

    .more-icon {
        width: 15px;
        height: 10px;
        margin-left: 5px;
    }

    .tzgg {
        background-color: #043A9F;
        border-radius: 5px;
    }

    .xydt-container {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        justify-content: space-around;
        width: 100%;
        background-color: #FFFFFF;
        margin-top: 15px;
    }

    #father #lmlb {
        width: 100%;
        background: white;
        text-align: right;
        /* margin-top: 30px; */
    }

    /* #lmlb table a {
        font-size: 15px;
    }

    #lmlb table tr:nth-child(odd) {
        background: #EEEEEE;
        margin-top: 10px;
        padding: 5px 0 5px 0;
    }

    #lmlb table td {
        padding: 10px 0 10px 0;
    } */

    /* #tzgg {
        display: none;
    } */
    /* #tzggMobile {
        display: block;
    } */

    #footer {
        flex: 1;
        background-color: #133575;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 10px 10px 10px 10px;
        margin-top: 10px;
    }

    .footer-logo {
        width: 50%;
        height: 50px;
        background: url(../images/footer_logo.png) no-repeat;
        background-size: 100% auto;
    }

    .contact-container label {
        font-size: 12px;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color: #FFFFFF;
        margin-top: 5px;
    }

    .weixin {
        width: 80px;
        height: 141px;
        background: url(../images/wechat.png) no-repeat;
        background-size: 100% auto;
        background-position: center;

    }

    #friendlink {
        margin: 0 auto;
        width: 1200px;
        height: 120px;
        border-top: 1px solid grey;
        background: #133575
    }

    .tpbutton {
        text-align: center;
        /* width: 120px;
        height: 71px; */
        width: 110px;
        height: 65px;
        line-height: 75px;
        font-size: 15px;
        font-family: PingFang SC;
        font-weight: 800;
        color: #FFFFFF;
        background-size: 100% auto;
    }

    #mobileMenuBtn {
        position: absolute;
        top: 10px;
        right: 5px;
    }

    #mobileMenuBtn img {
        width: 25px;
        height: 25px;
    }

    .menu-continer {
        display: none;
        width: 60%;
        position: absolute;
        top: 35px;
        right: 0px;
        background-color: #043A9F;
        color: white;
        padding: 10px 10px 10px 10px;
        justify-content: center;
    }

    /* .menu-continer ul {
        width: 90%;
    } */
    .first-menu {
        width: 100%;
        list-style: none;
        padding: 0;
    }

    .second-menu-continer {
        width: 110%;
        /* background-color: rgba(56, 94, 160, 0.7); */
        display: none;
        padding: 2px 0 2px 10px;

    }

    .second-menu {
        transition: height .6s;
        transform-origin: 50% 0;
        -webkit-animation: gary .7s ease-in;
        transition: all .7s infinite;
    }

    .first-menu li {
        margin-top: 5px;
        list-style: none;
    }

    .second-menu li {
        margin-top: 5px;
        list-style: none;
    }

    .menu-item-continer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .ment-lable {
        font-family: PingFang SC;
        font-size: 15px;
        font-weight: 500;
        color: white;
        margin-left: 5px;
        text-align: left;
        width: 150px;
    }

    .ejlmContainer {
        display: none;
    }

    /* .list-title-bottom {
        
    } */
    .list-title-container {
        width: 90%;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .list-title-container img {
        width: 100%;
        height: 8px
    }

    .list-title-container a {
        font-size: 15px;
    }

    .list-title-container span {
        font-size: 15px;
    }

    .ejlmText {
        text-align: left;
        margin-left: 48px;
        font-size: 15px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #666666;
    }

    .wzlbContainer {
        margin-top: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    #wzlb table a {
        font-size: 15px;
        /* overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis; */
    }

    #wzlb table span {
        font-size: 15px;
        /* overflow: hidden;
        word-break: keep-all;
        white-space: nowrap;
        text-overflow: ellipsis; */
    }

    #wznr {
        width: 90%;
        display: flex;
        justify-content: center;
        overflow-y: auto;
        margin-top: 10px;
    }

    #wznr table p img {
        width: 80%;
    }

    #lj {
        display: none;
    }

    #yqlj {
        display: none;
    }

    #yqlj2 table {
        float: none;
        margin-left: 10px;
        margin-top: 0px;
        padding: 10px 0 10px 0;
    }

    #yqlj2 table a {
        font-size: 15px;
        font-family: 黑体;
    }

    #tzgg {
        display: none;
    }

    #tzggM table tr:nth-child(odd) {
        background: #EEEEEE;
    }

    #tzggM table {
        border: 0;
        margin: 0;
        border-collapse: collapse;
    }

    #tzggM table tr:td {
        background: transparent;
    }

    #tzggM table a {
        font-size: 15px;
    }

    #lmlb {
        display: none;
    }

    #lmlbM table tr:nth-child(odd) {
        background: #EEEEEE;
    }

    #lmlbM table {
        border: 0;
        margin: 0;
        border-collapse: collapse;
    }

    #lmlbM table tr:td {
        background: transparent;
    }

    #lmlbM table a {
        font-size: 15px;
    }

    .pcontent {
        width: 80%;
        /* padding: 0 15px 0 15px; */
        font-size: 14px;
    }

    .pcontent span {
        font-size: 14px;
    }

    .pcontent a {
        font-size: 14px;
    }

    .pcontent td {
        font-size: 14px;
    }

    .ptcontainer {
          /* margin-top: 40px; 需要的话再恢复用 */
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .ptHeadContainer {
        /* background-image: url(../images/xxpt1.png);
        background-repeat: no-repeat;
        background-position-x: 250px;
        background-position-y: center; */
        /* width: 180px; */
        width: 100%;
        font-size: 15px;
        font-family: PingFang SC;
        font-weight: 800;
        color: #043A9F;
        text-align: center;
    }

    .ptitle {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ptitle img {
        width: 20px;
        height: 20px;
        /* margin-right: 20px; */
    }

    .ptButton {
        width: 200px;
        height: 50px;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        text-align: right;
        /* padding-right: 30px; */
        font-size: 15px;
    }

    .pt-Button-Container {
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
    }

    .ptButtonContainer {
        width: 140px;
        height: 140px;
        background-image: url(../images/pbuttonbg.png);
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin-top: 10px;
        /* position: relative; */
        cursor: grab;
        padding: 15px;
    }

    .ptButtonContainer img {
        width: 35px;
        height: 40px;
    }

    .pitem {
        /* width: 150px;
        height: 36px;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        text-align: right; */
        width: 90px;
        height: 30px;
        font-size: 15px;
        color: white;
        /* display: flex;
        flex-direction: row;
        justify-content: space-around; */
        /* align-items: center; */
        line-height: 16px;
        /* background-color: #f0f0f0; */
        padding: 10px;
        text-align: center;
    }

    .majorPc {
        display: none;
    }

    .majorMobile {
        display: block;
        font-size: 15px;
    }

    .pitem_sbg {
        background-image: url(../images/sbuttonbg.png);
        background-size: 100% 100%;
    }

    .pitem_tbg {
        background-image: url(../images/tbuttonbg.png);
        background-size: 100% 100%;
    }

    .psb {
        /* position: absolute; */
        /* left: 300px; */
    }

    .ptb {
        /* position: absolute; */
        /* right: 100px; */
        /* margin-right: 20px; */
        /* transform: scale(0.9); */
    }

    .pb:hover {
        /* transform: scale(1.1); */
        /* z-index: 10; */
    }
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
    #banner {
        background: url(./newresource/images/banner.png) no-repeat;
        background-size: 100% auto;
        height: 572px;
    }

    #xyxw {
        width: 90%;
        height: 40px;
        background-color: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .ywmz {
        margin-left: 5px;
        font-family: PingFang SC;
        font-size: 18px;
        font-weight: 400;
        color: #043A9F;
    }

    .zwbt {
        font-family: PingFang SC;
        font-size: 15px;
        font-weight: 800;
        color: #043A9F;
        margin-left: 5px;
    }

    .ejlmContainer {
        display: none;
    }

    .pcontent {
        width: 80%;
        /* padding: 0 15px 0 15px; */
    }

    .ptcontainer {
        /* margin-top: 40px; 需要的话再恢复用 */
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .ptHeadContainer {
        /* background-image: url(../images/xxpt1.png);
        background-repeat: no-repeat;
        background-position-x: 250px;
        background-position-y: center; */
        /* width: 180px; */
        width: 100%;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: 800;
        color: #043A9F;
        text-align: left;
    }

    .ptitle {
        width: 35%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ptitle img {
        width: 20px;
        height: 20px;
        margin-right: 20px;
    }

    .ptButton {
        width: 200px;
        height: 50px;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        text-align: right;
        /* padding-right: 30px; */
        font-size: 25px;
    }

    .pt-Button-Container {
        display: -webkit-box;
        flex-direction: row;
        width: 55%;
    }

    .ptButtonContainer {
        width: 399px;
        height: 439px;
        background-image: url(../images/pbuttonbg.png);
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin-top: 24px;
        position: relative;
        cursor: grab
    }

    .pitem {
        /* width: 150px;
        height: 36px;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        text-align: right; */
        width: 189px;
        height: 84px;
        font-size: 15px;
        color: white;
        /* display: flex;
        flex-direction: row;
        justify-content: space-around; */
        /* align-items: center; */
        line-height: 60px;
        /* background-color: #f0f0f0; */
        padding: 10px;
        text-align: center;
    }

    .majorPc {
        display: block;
    }

    .majorMobile {
        display: none;
    }

    .pitem_sbg {
        background-image: url(../images/sbuttonbg.png);
        background-size: 100% 100%;
    }

    .pitem_tbg {
        background-image: url(../images/tbuttonbg.png);
        background-size: 100% 100%;
    }

    .psb {
        /* position: absolute; */
        /* left: 300px; */
    }

    .ptb {
        /* position: absolute; */
        right: 100px;
        margin-right: 20px;
        transform: scale(0.9);
    }

    .pb:hover {
        transform: scale(1.1);
        z-index: 10;
    }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    #father {
        margin: 0px auto;
        width: 70%;
    }

    #logo {
        background-image: url(../images/top_bg.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        height: 120px;
        background-color: #043A9F;
    }

    #banner {
        background: url(../images/banner.png) no-repeat;
        background-size: 100% auto;
        height: 572px;
    }

    #navi {
        width: 100%;
        height: 80px;
        border: #043A9F;
        background: #043A9F;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    #navi table {
        width: 100%;
    }

    #middleContent {
        width: 100%;
        /* background: url(../images/bg_repeat.png) repeat-y;
        background-size: 100% auto; */
        background-color: #FFFFFF;
        padding-bottom: 40px;
        padding-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #father #tztglm {
        width: 100%;
        height: 60px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: #043A9F;
        border-radius: 20px;
    }

    #xyxw {
        width: 100%;
        height: 60px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    #father #tpxw {
        width: 510px;
        background: white;
        text-align: right;
        margin-left: 20px;
    }

    #father #tztg {
        width: 100%;
        /* height: 335px; */
        background-color: #FFFFFF;
        text-align: right;
    }

    #father #lmmc {
        height: 25px;
        background: white;
        text-align: left;
        opacity: 0.6;
    }

    #father #lmmore {
        position: absolute;
        /*子盒子位置要用absolute*/
        width: 100%;
        height: 25px;
        background: white;
        text-align: right;
        opacity: 0.6;
    }

    .xydt-container {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-around;
        width: 100%;
        background-color: #FFFFFF;
        margin-top: 30px;
    }

    #father #lmlb {
        width: 100%;
        background: white;
        text-align: right;
        padding: 0 40px 0 40px;
    }


    #father #jxjyjd {
        position: absolute;
        /*继续教育基地*/
        width: 100%;
        height: 130px;
        background: white;
        text-align: right;
    }


    #yqlj {
        /*友情链接栏目*/
        width: 100%;
        /* height: 120px; */
        margin-top: 10px;
    }

    #yqlj #yqlj1 {
        /*友情链接*/
        width: 100%;
        height: 30px;
        text-align: left;
        opacity: 1;
        border: 0px solid red;
    }

    #yqlj #yqlj2 {
        /*友情链接*/
        width: 100%;
        height: 60px;
        text-align: right;
        background-color: #FFFFFF;
    }

    .ywmz {
        margin-left: 5px;
        font-family: PingFang SC;
        /* font-family: PingFang SC; */
        font-size: 20px;
        font-weight: 400;
        color: #043A9F;
    }

    .zwbt {
        font-family: PingFang SC;
        font-size: 22px;
        font-weight: 800;
        color: #043A9F;
        margin-left: 5px;
    }

    .tpbutton {
        text-align: center;
        width: 440px;
        height: 260px;
        line-height: 260px;
        font-size: 30px;
        font-family: PingFang SC;
        font-weight: 800;
        color: #FFFFFF;
    }

    .tzgg-container {
        background-color: #FFFFFF;
        margin-top: 10px;
        /* height: 1050px; */
        border-radius: 20px
    }

    #tzgg table tr:nth-child(odd) {
        background: #EEEEEE;
    }

    #tzgg table tr:td {
        background: transparent;
    }

    #lmlb table tr:nth-child(odd) {
        background: #EEEEEE;
    }

    .timeIcon {
        background: url(../images/datetime.png);
        width: 18px;
        height: 17px;
    }

    #footer {
        width: 100%;
        height: 400px;
        background-color: #133575;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }

    .footer-logo {
        width: 30%;
        height: 200px;
        background: url(../images/footer_logo.png) no-repeat;
        background-size: 100% auto;
    }

    .contact-container label {
        font-size: 22px;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color: #FFFFFF;
    }

    .weixin {
        width: 140px;
        height: 181px;
        background: url(../images/wechat.png) no-repeat;
        background-size: 100% auto;
    }

    #friendlink {
        margin: 0 auto;
        width: 1200px;
        height: 120px;
        border-top: 1px solid grey;
        background: white
    }

    #mobileMenuBtn {
        display: none;
    }

    .menu-continer {
        display: none;
    }

    .ejlmContainer {
        display: block;
        background: url(../images/ejbg.png) no-repeat;
        background-size: 100% auto;
        /* width: 450px; */
        width: 250px;
        align-items: center;
        text-align: center;
    }

    /* .middleContent {
        background-color: #FFFFFF;
        width: 1400px;
        height: 1080px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 100px;
    } */
    .list-title-bottom {
        width: 940px;
        height: 8px
    }

    .list-title-container {
        margin-left: 50px;
        width: 70%;
        /* background-color: #FFFFFF; */
        padding: 10px;
    }

    .ejlmText {
        text-align: left;
        margin-left: 48px;
        font-size: 22px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #666666;
    }

    .wzlbContainer {
        width: 70%;
        margin-top: 40px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #wznr {
        width: 70%;
        display: flex;
        justify-content: center;
        overflow-y: auto;
        margin-top: 40px;
    }

    #yqlj2 table {
        float: none;
        margin-left: 10px;
        margin-top: 0px;
        padding: 10px 0 10px 0;
    }

    #tzggM {
        display: none;
    }

    #lmlbM {
        display: none;
    }

    #mobileMenuBtn {
        display: none;
    }

    .menu-continer {
        display: none;
    }

    .ptcontainer {
       /* margin-top: 40px; 需要的话再恢复用 */
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .ptHeadContainer {
        /* background-image: url(../images/xxpt1.png);
        background-repeat: no-repeat;
        background-position-x: 250px;
        background-position-y: center; */
        /* width: 180px; */
        width: 100%;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: 800;
        color: #043A9F;
        text-align: left;
    }

    .ptitle {
        width: 35%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ptitle img {
        width: 20px;
        height: 20px;
        margin-right: 20px;
    }

    .ptButton {
        width: 200px;
        height: 50px;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        text-align: right;
        /* padding-right: 30px; */
        font-size: 25px;
    }

    .ptButtonContainer {
        width: 399px;
        height: 439px;
        background-image: url(../images/pbuttonbg.png);
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin-top: 24px;
        position: relative;
        cursor: grab
    }

    .pitem {
        /* width: 150px;
        height: 36px;
        border: 1px solid #CCCCCC;
        border-radius: 8px;
        text-align: right; */
        width: 189px;
        height: 84px;
        font-size: 20px;
        color: white;
        /* display: flex;
        flex-direction: row;
        justify-content: space-around; */
        /* align-items: center; */
        line-height: 60px;
        /* background-color: #f0f0f0; */
        padding: 10px;
        text-align: center;
    }

    .majorPc {
        display: block;
    }

    .majorMobile {
        display: none;
    }

    .pitem_sbg {
        background-image: url(../images/sbuttonbg.png);
        background-size: 100% 100%;
    }

    .pitem_tbg {
        background-image: url(../images/tbuttonbg.png);
        background-size: 100% 100%;
    }

    .psb {
        /* position: absolute; */
        /* left: 300px; */
    }

    .ptb {
        /* position: absolute; */
        right: 100px;
        margin-right: 20px;
        transform: scale(0.9);
    }

    .pb:hover {
        transform: scale(1.1);
        z-index: 10;
    }
}