@media (min-width: 1400px) {
    /* nav */
    .wrapper-201910 .pc-nav .nav{
        width: 740px;
    }
    .pc-nav .nav li{
        padding: 0 12px;
    }

    /*2*/
    .page-pc .md-2{
        display: block;
    }
    .page-pc .md-2 .col-left{
        width: 310px;
    }
    .page-pc .md-2 .col-right{
        width: 788px;
    }
    .page-pc .md-2 .col-right .video-box{
        width: 780px;
        height: 330px;
        overflow: hidden;
        cursor: pointer;
    }
    .page-pc .md-2 .col-right .video-box video{
        display: none;
        width: 780px;
        height: 330px;
    }
    .page-pc .md-2 .col-right ul{
        padding-top: 30px;
    }
    .page-pc .md-2 .col-right li{
        margin-right: 68px;
        width: 145px;
    }
    .page-pc .md-2 .col-right li:nth-child(4){
        margin-right: 0;
    }
    .page-pc .md-2 .col-right li .key-word{
        position: relative;
        margin: 0 auto;
        width: 135px;
        height: 135px;
    }
    .page-pc .md-2 .col-right li .key-word em{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 136px;
        height: 141px;
        background: url(../../images/new/ico-2-pc-202102.png) no-repeat 0 0;
    }
    .page-pc .md-2 .col-right li:nth-child(1) .key-word em{
        transform: rotate(120deg);
    }
    .page-pc .md-2 .col-right li:nth-child(2) .key-word em{
        transform: rotate(210deg);
    }
    .page-pc .md-2 .col-right li:nth-child(3) .key-word em{
        transform: rotate(300deg);
    }
    .page-pc .md-2 .col-right li:nth-child(4) .key-word em{
        transform: rotate(60deg);
    }
    .page-pc .md-2 .col-right li .key-word strong{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 135px;
        height: 135px;
        text-align: center;
        line-height: 135px;
        font-size: 20px;
    }
    .page-pc .md-2 .col-right li .txt{
        padding-top: 15px;
        font-size: 14px;
        line-height: 30px;
    }
}
@media (min-width: 1201px) and (max-width: 1400px) {
    /* nav */
    .pc-nav .nav{
        width: 740px;
    }
    .pc-nav .nav li{
        padding: 0 12px;
    }

    /* 2 */
    .page-pc .md-2{
        display: block;
    }
    .page-pc .md-2 .col-left{
        width: 264px;
    }
    .page-pc .md-2 .col-right{
        width: 745px;
    }
    .page-pc .md-2 .col-left h2{
        font-size: 54px;
        line-height: 72px;
    }
    .page-pc .md-2 .col-left span{
        margin-top: 20px;
        font-size: 14px;
        line-height: 30px;
    }
    .page-pc .md-2 .col-left em{
        margin-top: 20px;
        display: block;
        width: 55px;
        height: 4px;
        overflow: hidden;
        background: #c83d3d;
    }
    .page-pc .md-2 .col-left .text-box{
        margin-top: 200px;
    }
    .page-pc .md-2 .col-left .text-box p{
        padding-bottom: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .page-pc .md-2 .col-right{
        width: 750px;
    }
    .page-pc .md-2 .col-right .video-box{
        width: 750px;
        height: 330px;
        overflow: hidden;
        cursor: pointer;
    }
    .page-pc .md-2 .col-right .video-box video{
        width: 750px;
        height: 330px;
    }
    .page-pc .md-2 .col-right ul{
        padding-top: 30px;
    }
    .page-pc .md-2 .col-right li{
        margin-right: 50px;
        width: 145px;
    }
    .page-pc .md-2 .col-right li:nth-child(4){
        margin-right: 0;
    }
    .page-pc .md-2 .col-right li .key-word{
        position: relative;
        margin: 0 auto;
        width: 135px;
        height: 135px;
    }
    .page-pc .md-2 .col-right li .key-word em{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 136px;
        height: 141px;
        background: url(../../../statics/images/new/ico-2-pc-202102.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .page-pc .md-2 .col-right li:nth-child(1) .key-word em{
        transform: rotate(120deg);
    }
    .page-pc .md-2 .col-right li:nth-child(2) .key-word em{
        transform: rotate(210deg);
    }
    .page-pc .md-2 .col-right li:nth-child(3) .key-word em{
        transform: rotate(300deg);
    }
    .page-pc .md-2 .col-right li:nth-child(4) .key-word em{
        transform: rotate(60deg);
    }
    .page-pc .md-2 .col-right li .key-word strong{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 135px;
        height: 135px;
        text-align: center;
        line-height: 135px;
        font-size: 20px;
    }
    .page-pc .md-2 .col-right li .txt{
        padding-top: 10px;
        font-size: 14px;
        line-height: 30px;
    }
}
@media (max-width: 1200px) {
    /* page */
    .page-pc{
        display: none;
    }
    .page-m{
        display: block;
    }
    .main{
        width: 100%;
    }

    /* head */
    .head-pc{
        height: 1rem;
    }

    /* nav */
    .navbar{
        height: 1rem;
        overflow: hidden;
        background: #fff;
        z-index: 9999;
        animation: open 0.2s ease 0s forwards;
        -webkit-animation: open 0.2s ease 0s forwards;
    }
    .navbar .main{
        width: 100%;
    }
    .navbar .logo-md .logo{
        float: left;
        margin: 0.3rem 0.15rem 0 0;
        border: 0;
        width: 2.43rem;
        height: 0.42rem;
        padding-right: 0.15rem;
        background: url('../../../statics/images/new/logo-1-pc-202002.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .navbar .logo-md .school-name{
        margin-top: 0.3rem;
        border-left: 1px solid #d9d9d9;
        padding-left: 0.15rem;
        height: 0.44rem;
        line-height: 0.44rem;
        font-size: 0.28rem;
    }
    .navbar .logo-md{
        float: none;
        margin-top: 0;
        clear: both;
        height: 1rem;
        overflow: hidden;
    }
    .navbar .navbar-header{
        width: 1.2rem;
        height: 1rem;
        margin: 0;
        padding: 0;
        background: url('../../../statics/images/new/nav-menu-0-m-202102.jpg') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .navbar-default .navbar-toggle{
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: url('../../../statics/images/new/nav-menu-1-m-202102.jpg') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .navbar .navbar-header button{
        display: block;
        margin: 0;
        border: 0;
        width: 100%;
        height: 100%;
        padding: 0;

    }
    .navbar .nav-phone{
        display: none;
    }
    .navbar .container{
        padding: 0;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border: 0;
    }
    .navbar-default .navbar-toggle.collapsed{
        background: none;
    }
    .navList{
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background-color: rgba(0,0,0,0.5);
    }
    .navList .main{
        float: right;
        width: 3.5rem;
        height: 100%;
        background: #f8f8f8;
    }
    .navList .title{
        display: block;
    }
    .navList .menu-bd{
        width: 100%;
        height: 100%;
        background: none;
    }
    .navList .menu-list{
        width: 100%;
        padding: 0;
        background: none;
    }
    .navList .mask{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }
    .navList .close{
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 40px;
        font-weight: bold;
        color: #9b0000;
        opacity: 0.5!important;
    }
    .navList .title{
        position: relative;
        padding-left: 0.35rem;
        height: 1rem;
        background: #fff url(../images/top_logo.png) no-repeat center center;
        background-size: auto 50%;
    }
    .navList .title .logo{
        float: left;
        margin-top: 0.2rem;
        width: 2.02rem;
        height: 0.56rem;
        background: url('http://jingcollege.com/statics/images/img/m-ico-1-20200502.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .navList .title .close{
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 30px;
        color: #1cbfeb;
    }
    .navbar .container .navbar-brand{
        float: none;
        display: block;
        margin: 0 auto;
        width: 25%;
        padding: 0;
        overflow: hidden;
    }
    .navbar-default .navbar-brand img{
        display: block;
        margin-top: 5px;
        width: 100%;
    }
    .navbar-collapse.collapse{
        display: none!important;
    }
    .navbar-collapse.in{
        display: block!important;
        height: 100%!important;
    }
    .navbar .nav-phone,.navList .nav-phone{
        float: left;
        margin: 0 0 0 1.25rem;
        height: 1rem;
        width: 2.5rem;
        padding-left: 0.4rem;
        line-height: 1rem;
        color: #9b0000;
        font-weight: bold;
        font-size: 0.28rem;
        background: url('http://jingcollege.com/statics/images/img/m-ico-3-20200502.png') no-repeat 0 0.35rem;
        background-size: 0.27rem 0.27rem;
    }
    .navList .navigation,.navList .project,.navList .product{
        float: none;
        position: relative;
        margin-right: 0;
        width: 100%;
        padding: 0;
    }
    .navList .navigation ul,.navList .project ul,.navList .product ul{
        margin-top: 0;
    }
    .navList .product{
        padding: 0.5rem 0;
    }
    .navList h4{
        height: 0.55rem;
        margin: 0 0.36rem;
    }
    .navList .navigation h4{
        background: url('http://jingcollege.com/statics/images/img/m-ico-4-20200502.png') no-repeat 0 0;
        background-size: 2.97rem 0.37rem;
    }
    .navList .navigation ul{
        clear: both;
        margin-top: 1.25rem;
        overflow: hidden;
        padding: 0;
    }
    .navList .navigation li{
        float: none;
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        font-size: 0.3rem;
    }
    .navList .navigation li a{
        color: #222;
    }
    .navbar .navbar-title,.navbar-active .navbar-title{
        display: none;
    }
    .navbar-active{
        height: 1rem;
        overflow: hidden;
        animation: pia 0.2s ease 0s forwards;
        -webkit-animation: pia 0.2s ease 0s forwards;
    }
    @keyframes pia
    {
        0% {
            height: 1rem;
        }
        100% {
            height: 1rem;
        }
    }
    @-webkit-keyframes pia
    {
        0% {
            height: 1rem;
        }
        100% {
            height: 1rem;
        }
    }
    @keyframes open
    {
        0% {
            height: 1rem;
        }
        100% {
            height: 1rem;
        }
    }
    @-webkit-keyframes open
    {
        0% {
            height: 1rem;
        }
        100% {
            height: 1rem;
        }
    }
    /* main */
    .page-m .main{
        clear: both;
        overflow: hidden;
        padding: 0 0.5rem;
    }
    /* rightButton */
    .rightButton{
        display: none;
    }

    /* banner */
    .page-m .banner .swiper-pagination .swiper-pagination-bullet-active{
        background: #fff;
    }

    /* md-1 */
    .page-m .md-1{
        height: auto;
        background: url('../../../statics/images/new/page-bg-1-m-202102.jpg') no-repeat 50% 0.92rem;
        background-size: 100%;
    }
    .page-m .md-1 .main{
        padding: 0 0 0.45rem;
    }
    .page-m .md-1 .text-box{
        float: none;
        margin-top: 5.6rem;
        padding: 0 0.5rem;
    }
    .page-m .md-1 .text-box p{
        font-size: 0.28rem;
        line-height: 0.5rem;
        color: #4e4e4e;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        line-clamp: 8;
        -webkit-box-orient: vertical;
    }
    .page-m .md-1 .text-box a{
        display: block;
        margin: 0.5rem auto 0;
        border: 1px solid #9b0000;
        border-radius: 0.35rem;
        width: 3.14rem;
        height: 0.7rem;
        color: #9b0000;
        font-size: 0.28rem;
        line-height: 0.7rem;
        text-indent: 0.85rem;
        background: url('../../../statics/images/new/ico-1-pc-202102.png') no-repeat 2.05rem 0.3rem;
        background-size: 0.38rem;
    }
    .page-m .md-1 .scroll-bd{
        margin-top: 0.75rem;
    }
    .page-m .md-1 .scroll-bd .swiper-container{
        padding-bottom: 0.45rem;
    }
    .page-m .md-1 .scroll-bd .swiper-pagination{
        bottom: 0;
    }
    .page-m .md-1 .scroll-bd .swiper-pagination .swiper-pagination-bullet-active{
        background: #9b0000;
    }
    /* md-2 */
    .page-m .md-2{
        height: 23.6rem;
        background: url('../../../statics/images/new/page-bg-2-m-202102.jpg') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .page-m .md-2 .video-box{
        margin-top: 2.2rem;
        border: 0.06rem solid #c81d1d;
        border-radius: 0.02rem;
        width: 6.68rem;
        height: 2.8rem;
        overflow: hidden;
        cursor: pointer;
    }
    .page-m .md-2 .video-box img{
        display: block;
        width: 100%;
    }
    .page-m .md-2 .video-box video{
        display: none;
        width: 6.68rem;
        height: 2.8rem;
    }
    .page-m .md-2 .text-box{
        margin-top: 1.8rem;
    }
    .page-m .md-2 .text-box p{
        padding-bottom: 0.15rem;
        font-size: 0.28rem;
        line-height: 0.5rem;
        color: #4e4e4e;
    }
    .page-m .md-2 .key-list{
        clear: both;
        overflow: hidden;
        margin-top: 2.3rem;
    }
    .page-m .md-2 .key-list .left{
        float: left;
    }
    .page-m .md-2 .key-list .right{
        float: right;
    }
    .page-m .md-2 .key-list li{
        float: left;
        margin-bottom: 0.2rem;
        width: 2.95rem;
        height: 4.2rem;
    }
    .page-m .md-2 .key-list li .key-word{
        position: relative;
        margin: 0 auto;
        width: 1.64rem;
        height: 1.64rem;
    }
    .page-m .md-2 .key-list li .key-word em{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1.64rem;
        height: 1.64rem;
        background: url('../../images/new/ico-2-pc-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .page-m .md-2 .key-list li:nth-child(1) .key-word em{
        transform: rotate(150deg);
    }
    .page-m .md-2 .key-list li:nth-child(2) .key-word em{
        transform: rotate(210deg);
    }
    .page-m .md-2 .key-list li:nth-child(3) .key-word em{
        transform: rotate(300deg);
    }
    .page-m .md-2 .key-list li:nth-child(4) .key-word em{
        transform: rotate(60deg);
    }
    .page-m .md-2 .key-list li .key-word strong{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1.64rem;
        height: 1.64rem;
        text-align: center;
        line-height: 1.64rem;
        font-size: 0.26rem;
    }
    .page-m .md-2 .key-list li .txt{
        padding-top: 0.15rem;
        font-size: 0.26rem;
        line-height: 0.5rem;
    }
    /* md-3 */
    .page-m .md-3{
        height: 25rem;
        background: url('../../images/new/page-bg-3-m-202102.jpg') no-repeat 0 0;
        background-size: 100%;
    }
    .page-m .md-3 .main{
        padding: 0 0.35rem 0 0.4rem;
    }
    .page-m .md-3 .title{
        margin-top: 3.7rem;
        text-align: center;
        line-height: 0.6rem;
        font-size: 0.28rem;
        color: #222;
    }
    .page-m .md-3 .title span{
        font-size: 0.55rem;
        line-height: 0.6rem;
        font-weight: bold;
        color: #d52121;
    }
    .page-m .md-3 .list{
        margin-top: 0.5rem;
    }
    .page-m .md-3 .list li{
        float: left;
        margin-bottom: 0.2rem;
        width: 3.3rem;
    }
    .page-m .md-3 .list li img{
        display: block;
        width: 100%;
    }
    .page-m .md-3 .list li span{
        display: block;
        height: 0.65rem;
        line-height: 0.65rem;
    }
    .page-m .md-3 .list li.last{
        clear: both;
        float: none;
        margin: 0 auto;
    }
    .page-m .md-3 .list .left{
        float: left;
    }
    .page-m .md-3 .list .right{
        float: right;
    }
    /* md-4 */
    .page-m .md-4{
        background: url('../../images/new/page-bg-4-m-202102.jpg') no-repeat 0 bottom;
        background-size: 100%;
    }
    .page-m .md-4 .main{
        position: relative;
        padding-top: 2.1rem;
    }
    .page-m .md-4 .main .title-ico{
        position: absolute;
        left: 50%;
        top: 0.98rem;
        margin-left: -2.85rem;
        width: 5.71rem;
        height: 0.57rem;
        background: url('../../images/new/ico-4-m-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .page-m .md-4 .col{
        clear: both;
        margin-bottom: 0.35rem;
        border-radius: 0.3rem;
        padding: 0.34rem 0;
        overflow: hidden;
        background: #fff;
    }
    .page-m .md-4 .col dl{
        margin: 0 auto;
        width: 6rem;
    }
    .page-m .md-4 .col dl dt{
        margin: 0 auto;
        height: 1rem;
    }
    .page-m .md-4 .col dl dt .image{
        float: left;
        margin-right: 0.25rem;
        width: 0.96rem;
        height: 0.96rem;
    }
    .page-m .md-4 .col dl dt .image img{
        display: block;
        width: 100%;
    }
    .page-m .md-4 .col dl dt .txt{
        float: left;
        position: relative;
        height: 1rem;
        width: 3rem;
        font-size: 0.32rem;
        line-height: 0.9rem;
    }
    .page-m .md-4 .col dl dt .red-ico{
        position: absolute;
        left: 0;
        bottom: 0.25rem;
        width: 0.44rem;
        height: 0.08rem;
        background: #d52121;
    }
    .page-m .md-4 .col dl dt .orange-ico{
        position: absolute;
        left: 0;
        bottom: 0.25rem;
        width: 0.44rem;
        height: 0.08rem;
        background: #eca022;
    }

    .page-m .md-4 .col dl dd{
        margin: 0.15rem auto 0;
        font-size: 0.26rem;
        line-height: 0.48rem;
        color: #4e4e4e;
    }
    /* md-5 */
    .page-m .md-5 .main{
        padding: 0;
    }
    .page-m .md-5 .title-box{
        height: 2.5rem;
        background: #fff url('../../images/new/ico-5-m-202102.png') no-repeat 50% 0.98rem;
        background-size: 4.05rem 0.94rem;
    }
    .page-m .md-5 .i-amfakids{
        padding: 6rem 0.5rem 1rem;
        background: #9b0000 url('../../images/new/page-bg-9-m-202102.jpg') no-repeat 0 0;
        background-size: 100%;
        color: #fff;
    }
    .page-m .md-5 .i-amfakids .text-box .text-1 dt{
        padding-bottom: 0.2rem;
        font-size: 0.4rem;
        line-height: 0.8rem;
    }
    .page-m .md-5 .i-amfakids .text-box .text-1 dd{
        font-size: 0.26rem;
        line-height: 0.5rem;
    }
    .page-m .md-5 .i-amfakids .text-box .text-2{
        margin-top: 0.25rem;
    }
    .page-m .md-5 .i-amfakids .text-box .text-2 dt{
        margin-bottom: 0.1rem;
        font-size: 0.32rem;
        line-height: 0.5rem;
    }
    .page-m .md-5 .i-amfakids .text-box .text-2 dd{
        font-size: 0.26rem;
        line-height: 0.5rem;
    }
    .page-m .md-5 .i-amfakids .text-box a{
        display: block;
        margin: 0.5rem 0 0;
        border: 1px solid #fff;
        border-radius: 0.35rem;
        width: 3.14rem;
        height: 0.7rem;
        color: #fff;
        font-size: 0.28rem;
        line-height: 0.7rem;
        text-indent: 0.85rem;
        background: url('../../../statics/images/new/ico-15-pc-202102.png') no-repeat 2.05rem 0.3rem;
        background-size: 0.38rem;
    }
    .page-m .md-5 .i-app{
        padding: 2rem 0.35rem 1rem;
        background: url('../../../statics/images/new/ico-6-m-202102.png') no-repeat 0.4rem 0.75rem;
        background-size: 3.49rem 0.99rem;
    }
    .page-m .md-5 .i-app .video-box{
        width: 6.8rem;
        height: 3.8rem;
    }
    .page-m .md-5 .i-app .text-box{
        margin: 0.5rem 0 0.4rem;
        color: #222;
    }
    .page-m .md-5 .i-app .text-box h4{
        padding-bottom: 0.2rem;
        font-size: 0.4rem;
        line-height: 0.6rem;
        font-weight: bold;
    }
    .page-m .md-5 .i-app .text-box p{
        font-size: 0.26rem;
        line-height: 0.5rem;
    }
    .page-m .md-5 .i-app .text-box a{
        display: block;
        margin: 0.5rem 0 0;
        border: 1px solid #9b0000;
        border-radius: 0.35rem;
        width: 3.14rem;
        height: 0.7rem;
        color: #9b0000;
        font-size: 0.28rem;
        line-height: 0.7rem;
        text-indent: 0.85rem;
        background: url('../../../statics/images/new/ico-1-pc-202102.png') no-repeat 2.05rem 0.3rem;
        background-size: 0.38rem;
    }

    /* md-6 */
    .page-m .md-6{
        background: #f5f7fb url('../../images/new/page-bg-7-m-202102.jpg') no-repeat 0 0;
        background-size: 100%;
    }
    .page-m .md-6 .main{
        padding-top: 2.5rem;
    }
    .page-m .md-6 .image-list li{
        clear: both;
        margin-bottom: 0.7rem;
        overflow: hidden;
    }
    .page-m .md-6 .image-list li .image{
        display: block;
        width: 2.41rem;
        height: 1.38rem;
        overflow: hidden;
    }
    .page-m .md-6 .image-list li .image img{
        display: block;
        width: 100%;
    }
    .page-m .md-6 li dl{
        margin: 0;
        width: 3.8rem;
    }
    .page-m .md-6 li dt{
        font-size: 0.3rem;
        line-height: 0.45rem;
        color: #222;
    }
    .page-m .md-6 li dt a{
        color: #222;
    }
    .page-m .md-6 li dd{
        margin-top: 0.15rem;
        height: 0.4rem;
        line-height: 0.4rem;
        color: #898989;
    }
    .page-m .md-6 .text-list li{
        margin-bottom: 0.3rem;
    }
    .page-m .md-6 .text-list li dl{
        width: auto;
    }
    .page-m .md-6 .swiper-wrapper{
        padding-bottom: 0.25rem;
    }
    .page-m .md-6 .swiper-pagination{
        bottom: 0;
    }
    .page-m .md-6 .swiper-pagination .swiper-pagination-bullet-active{
        background: #de2222;
    }

    /* details */
    .details-page{
        display: block;
    }
    .details-crumbs{
        display: none;
    }
    .details-col{
        clear: both;
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
        background: none;
    }
    .details-col .details-hd{
        padding-bottom: 0.25rem
    }
    .details-col .details-col-left{
        float: none;
        width: 100%;
    }
    .details-col .details-col-right{
        float: none;
        margin-top: 0;
        padding-top: 1.6rem;
        padding-bottom: 1.25rem;
        width: 100%;
        background: url('../../images/new/ico-1-m-202102.png') no-repeat 2.72rem 0.1rem;
        background-size: 3.82rem 1.89rem;
    }
    .details-col .details-context{
        padding: 0.75rem 0;
    }
    .details-col .details-context .details-hd h2{
        padding: 0 0.5rem;
        height: auto;
        text-align: center;
        line-height: 0.7rem;
        font-size: 0.4rem;
        font-weight: bold;
    }
    .details-col .details-context .details-hd span{
        display: block;
        margin-top: 0.2rem;
        height: 0.4rem;
        text-align: center;
        line-height: 0.4rem;
        color: #a6a6a6
    }
    .details-col .details-context .details-bd{
        overflow: hidden;
        padding: 0 0.5rem
    }
    .details-col .details-context .details-bd p{
        margin-top: 0.3rem;
        line-height: 0.5rem;
        font-size: 0.28rem;
        color: #4e4e4e;
    }
    .details-col .details-context .details-bd img{
        display: block;
        margin: 0.3rem auto 0;
        width: 100%;
    }
    .details-col .details-col-right .details-ranking{
        margin: 0 0.5rem;
    }
    .details-col .details-ranking .details-ranking-hd{
        height: 0.75rem;
        padding-left: 0.25rem;
        line-height: 0.75rem;
        font-size: 0.34rem;
        color: #fff;
        background: #d52121;
    }
    .details-col .details-ranking .details-ranking-bd{
        background: #fff;
        overflow: hidden;
    }
    .details-col .details-ranking .details-ranking-bd li{
        border-bottom: 1px solid #e9e9e9;
        height: 0.85rem;
        padding: 0 0.25rem;
        line-height: 0.85rem;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .details-col .details-ranking .details-ranking-bd li a{
        color: #666;
    }
    .details-col .details-ranking .details-ranking-bd li a:hover{
        color: #9b0000;
    }

    /* lesson */
    .lesson-pc{
        display: block;
        background: none;
    }
    .lesson-pc-bottom{
        padding-bottom: 0;
        background: none;
    }
    .lesson-pc .lesson-page{
        margin: 0;
        width: 100%;
        background: #fff;
    }
    .lesson-pc .lesson-page .main{
        padding: 0.7rem 0.5rem 1.55rem;
    }
    .lesson-pc .lesson-page .text-box{
        position: relative;
        padding: 0 0.4rem 0;
    }
    .lesson-pc .lesson-page .text-box .title{
        display: none;
        height: 0.8rem;
        text-align: center;
        line-height: 0.8rem;
        font-size: 0.4rem;
    }
    .lesson-pc .lesson-page .text-box .title-m{
        display: block;
        height: 0.8rem;
        text-align: center;
        line-height: 0.8rem;
        font-size: 0.4rem;
        font-weight: bold;
    }
    .lesson-pc .lesson-page .text-box p{
        display: none;
    }
    .lesson-pc .lesson-page .text-box .text-m{
        display: block;
        margin-top: 0.15rem;
        padding-bottom: 0.1rem;
        text-align: center;
        font-size: 0.28rem;
        line-height: 0.5rem;
        color: #222;
    }
    .lesson-pc .lesson-page .text-box p span{
        font-size: 0.4rem;
        font-weight: bold;
        color: #9b0000;
    }
    .lesson-pc .lesson-page .text-box .line{
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -20px;
        width: 40px;
        height: 1px;
        background: #c3c3c3;
    }
    .lesson-pc .lesson-page .lesson-list{
        display: none;
    }
    .lesson-pc .lesson-page .lesson-list-m{
        display: block;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box{
        clear: both;
        overflow: hidden;
        padding-top: 0.7rem;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box .image{
        margin: 0.38rem auto 0;
        width: 4.7rem;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box .image img{
        display: block;
        width: 100%;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box .text{
        margin-top: -10px;
        width: 710px;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box h4{
        position: relative;
        height: 0.75rem;
        text-align: center;
        font-size: 0.32rem;
        font-weight: bold;
        line-height: 0.75rem;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box h4 span{
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -0.22rem;
        width: 0.44rem;
        height: 0.1rem;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box h4 .red{
        background: #d52121;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box h4 .orange{
        background: #eca022;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box .text{
        margin-top: 0.3rem;
        width: 100%;
    }
    .lesson-pc .lesson-page .lesson-list-m .image-box .text p{
        padding-top: 0;
        font-size: 0.28rem;
        line-height: 0.5rem;
        color: #4e4e4e;
    }
    /* dynamic */
    .dynamic-pc{
        display: block;
    }
    .dynamic-page{
        width: 100%;
        background: #fff;
    }
    .dynamic-page .main{
        padding: 0.75rem 0 1rem;
    }
    .dynamic-page .dynamic-list{
        clear: both;
        overflow: hidden;
        padding: 0 0.34rem 0;
    }
    .dynamic-page .dynamic-list h3{
        display: block;
        height: 1rem;
        text-align: center;
        line-height: 1rem;
        font-size: 0.5rem;
        font-weight: bold;
    }
    .dynamic-page .dynamic-list .image-box{
        clear: both;
        overflow: hidden;
        border-top: 0;
        padding: 0.3rem 0;
    }
    .dynamic-page .dynamic-list .image-box .left{
        float: left;
    }
    .dynamic-page .dynamic-list .image-box .right{
        float: right;
    }
    .dynamic-page .dynamic-list .image-box .image{
        width: 2.4rem;
        height: 1.38rem;
    }
    .dynamic-page .dynamic-list .image-box .image img{
        display: block;
        width: 100%;
        height: auto;
    }
    .dynamic-page .dynamic-list .image-box .text{
        margin-top: -0.1rem;
        width: 3.9rem;
    }
    .dynamic-page .dynamic-list .image-box .text h4{
        position: relative;
        height: 1rem;
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 0.5rem;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .dynamic-page .dynamic-list .image-box .text .date{
        display: block;
        font-size: 14px;
        line-height: 36px;
        color: #898989;
    }
    .dynamic-page .dynamic-list .image-box .text p{
        display: none;
    }
    .dynamic-page .dynamic-page{
        margin-top: 0.5rem;
        height: 0.5rem;
        text-align: center;
    }
    .dynamic-page .dynamic-page .total-number{
        display: inline-block;
        height: 0.5rem;
        line-height: 0.5rem;
    }
    .dynamic-page .dynamic-page a,.dynamic-page .dynamic-page span{
        display: inline-block;
        border: 1px solid #dcdee2;
        border-radius: 5px;
        margin: 0 0.1rem;
        width: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        text-align: center;
        font-family: 'Arial';
        font-size: 0.26rem;
        color: #515a6e;
    }
    .dynamic-page .dynamic-page .prev{
        background: url('../../images/new/ico-11-pc-202102.png') no-repeat 50% 50%;
    }
    .dynamic-page .dynamic-page .prev:hover{
        border: 1px solid #999;
        background: url('../../images/new/ico-13-pc-202102.png') no-repeat 50% 50%;
    }
    .dynamic-page .dynamic-page .next{
        background: url('../../images/new/ico-12-pc-202102.png') no-repeat 50% 50%;
    }
    .dynamic-page .dynamic-page .next:hover{
        border: 1px solid #999;
        background: url('../../images/new/ico-14-pc-202102.png') no-repeat 50% 50%;
    }

    /* about */
    .about-pc{
        display: block;
    }

    /* sign */
    .sign-pc{
        display: block;
    }
    .sign-pc .sign-page{
        margin: 0 auto;
        width: 100%;
        padding-bottom: 0;
        overflow: hidden;
    }
    .sign-pc .sign-page .main{
        margin-top: 0;
        width: auto;
        padding: 0.7rem;
        background: #fff;
        box-shadow: none;
    }
    .sign-pc .sign-page .sign-form{
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }
    .sign-pc .sign-page .sign-form span{
        display: block;
        margin: 0 auto;
        height: 0.7rem;
        width: 2rem;
        line-height: 0.7rem;
        font-size: 0.48rem;
        background: #fff;
    }
    .sign-pc .sign-page .sign-form .title{
        margin: 0 auto;
        height: 0.7rem;
        width: 4rem;
        text-align: center;
        line-height: 0.7rem;
        font-size: 0.48rem;
        background: url('../../images/new/ico-8-pc-202102.png') repeat-x 0 50%;
    }
    .sign-pc .sign-page .sign-form dl{
        clear: both;
        border-bottom: 1px solid #acacac;
        margin-top: 0;
        margin-bottom: 0;
        height: 1rem;
        padding-top: 0.1rem;
        overflow: visible;
    }
    .sign-pc .sign-page .main .mask{
        box-shadow: none;
        position: relative;
        margin-top: 1rem;
    }
    .sign-pc .sign-page .sign-form dt{
        float: left;
        margin-left: -0.2rem;
        margin-top: 0.05rem;
        width: 2.7rem;
        height: 0.7rem;
        padding-right: 0.2rem;
        text-align: left;
        line-height: 0.7rem;
        font-size: 0.28rem;
    }
    .sign-pc .sign-page .sign-form dt span{
        float: left;
        width: 0.28rem;
        height: 0.7rem;
        text-align: center;
        line-height: 0.7rem;
        font-size: 0.25rem;
        color: #9b0000;
    }
    .sign-pc .sign-page .sign-form dd{
        float: right;
        width: 3.6rem;
        height: 0.7rem;
        line-height: 0.7rem;
    }
    .sign-pc .sign-page .sign-form dd input,.sign-pc .sign-page .sign-form dd select{
        border: 0;
        width: 3.5rem;
        height: 0.5rem;
        margin: 0.16rem 0 0;
        padding-left: 0;
        text-indent: 0;
        line-height: 0.5rem;
        font-size: 0.28rem;
        background: none;
    }
    .sign-pc .sign-page .sign-form dd input{
        text-indent: 0.1rem;
    }
    .sign-pc .sign-page .sign-form dd #relationship{
        margin-top: 0.14rem;
    }
    .sign-pc .sign-page .sign-form dd #birthday,.sign-pc .sign-page .sign-form dd #admission_date{
        margin-top: 0.22rem;
        text-indent: 0;
    }
    .sign-pc .sign-page .sign-form .code-box dd{
        width: 3.5rem;
    }
    .sign-pc .sign-page .sign-form .code-box dt{
        width: 2rem;
    }
    .sign-pc .sign-page .sign-form dd .code-input{
        float: left;
        margin-top: 0.08rem;
        width: 1.5rem;
        height: 0.7rem;
        text-indent: 0;
        line-height: 0.7rem;
        font-size: 0.28rem;
    }
    .sign-pc .sign-page .sign-form .code-box dd .code-input{
        padding-left: 0;
    }
    .sign-pc .sign-page .sign-form .code-box dd .code{
        float: right;
        margin-top: 0.12rem;
        width: 1.44rem;
        height: 0.7rem;
        text-align: center;
        line-height: 0.7rem;
        font-size: 0.28rem;
        color: #c78153;
        font-family: Arial;
        font-style: initial;
        letter-spacing: 3px;
        font-weight: bold;
        background: none;
    }
    .sign-pc .sign-page .sign-form dd .code img{
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
    .sign-pc .sign-page .sign-form .submit-layer{
        margin-top: 50px;
        height: 50px;
    }
    .sign-pc .sign-page .sign-form .submit-layer .submit{
        float: right;
        width: 100%;
        height: 0.9rem;
        border-radius: 0.45rem;
        text-align: center;
        line-height: 0.9rem;
        font-size: 0.32rem;
        font-weight: bold;
        color: #fff;
        background: #9b0000;
    }
    .sign-pc .sign-page .sign-form .submit-layer .submit:hover{
        background: #a72b2b;
    }

    /* entrance */
    .entrance{
        height: 14.4rem;
        background: url('../../images/new/page-bg-8-m-202102.jpg') no-repeat center bottom;
        background-size: 100% 100%;
    }
    .entrance .main{
        overflow: hidden;
        padding: 0 0.36rem;
    }
    .entrance .skip{
        display: block;
        position: absolute;
        right: 0.36rem;
        top: 0.42rem;
        border-radius: 0.24rem;
        width: 1.44rem;
        height: 0.48rem;
        text-align: center;
        line-height: 0.48rem;
        color: #fff;
        background: #780000;
    }
    .entrance .title-1{
        position: absolute;
        left: 2rem;
        top: 2.25rem;
        width: 3.47rem;
        height: 1.5rem;
        background: url('../../images/new/ico-2-m-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .entrance .title-2{
        position: absolute;
        left: 1.78rem;
        top: 4.28rem;
        width: 3.96rem;
        height: 0.73rem;
        background: url('../../images/new/ico-3-m-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .entrance .entrance-form{
        margin: 6.2rem auto 0;
        width: 5.4rem;
    }
    .entrance .entrance-form .entrance-item{
        margin-bottom: 0.3rem;
        height: 0.86rem;
    }
    .entrance .entrance-form .entrance-item select{
        border: 0;
        border-radius: 0.43rem;
        height: 0.86rem;
        width: 100%;
        text-indent: 0.3rem;
        line-height: 0.86rem;
        font-size: 0.3rem;
    }
    .entrance .entrance-form .submit{
        display: block;
        border: 0.02rem solid #edd1d1;
        border-radius: 0.43rem;
        height: 0.84rem;
        width: 100%;
        text-align: center;
        line-height: 0.84rem;
        color: #fff;
        font-size: 0.3rem;
    }

    /* video */
    .video-md{
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
    }
    .video-md .video-play{
        position: absolute;
        left: 0;
        top: 35%;
        margin: 0;
        width: 100%;
    }
    .video-md .video-play .close{
        display: block;
        position: absolute;
        right: 50%;
        top: 4.5rem;
        margin-left: -0.235rem;
        width: 0.47rem;
        height: 0.47rem;
        background: url('../../../statics/images/new/ico-6-pc-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
        cursor: pointer;
        opacity: 1;
    }
    .video-md video,.video-md .video-play{
        width: 100%;
        height: auto;
    }
    .video-md video{
        position: relative;
        left: 0;
        top: 0;
        margin: 0;
        width: 100%;
        height: auto;
    }
    .video-md .video-txt{
        position: absolute;
        left: 0;
        top: 45%;
        margin: 0;
        width: 100%;
        height: 1rem;
        text-align: center;
        line-height: 1rem;
        font-size: 1rem;
        color: #fff;
    }

    /* foot */
    .foot-pc{
        border-top: 0.06rem solid #9b0000;
        background: #fff;
    }
    .foot-pc .main{
        padding: 0.75rem 0.3rem 0 0.5rem;
    }
    .foot-pc .main .title{
        margin: 0 auto;
        width: 4.31rem;
        height: 0.74rem;
        background: url('../../images/new/logo-1-m-202002.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .foot-pc .main .foot-list{
        margin-top: 0;
        padding: 0.5rem 0;
    }
    .foot-pc .main .foot-list .foot-list-left{
        float: none;
        width: 100%;
    }
    .foot-pc .main .foot-list .foot-list-center{
        float: none;
        width: 100%;
    }
    .foot-pc .main .foot-list .foot-list-right{
        float: none;
        width: 100%;
    }
    .foot-pc .main .foot-list h5{
        position: relative;
        height: 0.6rem;
        padding: 0;
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 0.6rem;
        color: #9b0000;
    }
    .foot-pc .main .foot-list h5 span{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 0.05rem;
        width: 0.45rem;
        background: #c83d3d;
    }
    .foot-pc .main .foot-list .foot-list-left{
        padding: 0 0 0.5rem 0;
    }
    .foot-pc .main .foot-list .foot-list-left dl{
        margin-top: 0.15rem;
        margin-bottom: 0;
        color: #222;
    }
    .foot-pc .main .foot-list .foot-list-left dd{
        clear: both;
        overflow: hidden;
        font-size: 0.26rem;
    }
    .foot-pc .main .foot-list .foot-list-left dd .contact-key{
        float: left;
        width: 1.3rem;
        height: 0.5rem;
        line-height: 0.5rem;
    }
    .foot-pc .main .foot-list .foot-list-left dd .contact-value{
        float: left;
        width: 5.4rem;
        line-height: 0.5rem;
    }
    .foot-pc .main .foot-list .foot-list-center{
        padding: 0 0 0.5rem 0;
    }
    .foot-pc .main .foot-list .foot-list-center ul{
        clear: both;
        margin-top: 0.15rem;
        overflow: hidden;
    }
    .foot-pc .main .foot-list .foot-list-center li{
        float: left;
        width: 50%;
        height: 0.5rem;
        font-size: 0.26rem;
        line-height: 0.5rem;
        color: #222;
    }
    .foot-pc .main .foot-list .foot-list-center li a{
        color: #222;
    }
    .foot-pc .main .foot-list .foot-list-right .code-col{
        clear: both;
        overflow: hidden;
        margin: 0.25rem auto 0;
        width: 5rem;
    }
    .foot-pc .main .foot-list .foot-list-right .code-col-left{
        float: left;
    }
    .foot-pc .main .foot-list .foot-list-right .code-col-right{
        float: right;
    }
    .foot-pc .main .foot-list .foot-list-right .code-col-left,.foot-pc .main .foot-list .foot-list-right .code-col-right{
        width: 2.14rem;
    }
    .foot-pc .main .foot-list .foot-list-right .code-col p{
        text-align: center;
        margin-top: 0.15rem;
        font-size: 0.26rem;
        line-height: 0.5rem;
        color: #222;
    }
    .foot-pc .main .foot-list .image{
        border: 1px solid #dadada;
        width: 2.14rem;
        height: 2.14rem;
    }
    .foot-pc .main .foot-list .image img{
        display: block;
        width: 100%;
    }

    /* copy */
    .copy-pc{
        padding: 0.2rem 0;
        font-size: 0.2rem;
        line-height: 0.5rem;
    }

    /* jsForm */
    .jsForm{
        display: none!important;
    }
    /* linkCont */
    .linkCont {
        padding: 0.7rem 0.3rem 0.5rem;
        width: 7.5rem;
        overflow: hidden;
    }
    .linkCont .main{
        width: 100%;
    }
    .linkCont h3 {
        font-size: 0.34rem;
    }
    .link_list {
        width: 7.5rem;
    }
    .link_list a {
        width: 2.3rem;
        text-align: center;
        font-size: 0.26rem;
    }
    /* 悬浮按钮 */
    .suspension{
        z-index: 999;
        display: block;
        position: fixed;
        right: 0.15rem;
        bottom: 1.5rem;
        width: 1.48rem;
        height: 1.48rem;
    }
    .suspension span{
        position: absolute;
        left: 0;
        top: 0;
        width: 1.48rem;
        height: 1.48rem;
        background: url('../../images/new/ico-16-pc-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
    }
    .suspension .sign{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 1.37rem;
        height: 1.37rem;
        background: url('../../images/new/ico-17-pc-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
        opacity: 0;
    }
    .suspension .phone{
        display: block;
        position: absolute;
        left: 0;
        top: 0.1rem;
        width: 1.37rem;
        height: 1.37rem;
        background: url('../../images/new/ico-18-pc-202102.png') no-repeat 0 0;
        background-size: 100% 100%;
        opacity: 0;
    }
    .no-interactive .sign{
        animation: animationOfSuspensionSignDown 0.2s ease 0s forwards;
        -webkit-animation: animationOfSuspensionSignDown 0.2s ease 0s forwards;
    }
    .no-interactive .phone{
        animation: animationOfSuspensionPhoneDown 0.2s ease 0s forwards;
        -webkit-animation: animationOfSuspensionPhoneDown 0.2s ease 0s forwards;
    }
    .interactive .sign{
        animation: animationOfSuspensionSignUp 0.2s ease 0s forwards;
        -webkit-animation: animationOfSuspensionSignUp 0.2s ease 0s forwards;
    }
    .interactive .phone{
        animation: animationOfSuspensionPhoneUp 0.2s ease 0s forwards;
        -webkit-animation: animationOfSuspensionPhoneUp 0.2s ease 0s forwards;
    }

    @keyframes animationOfSuspensionSignUp
    {
        0% {
            top: 0;
            opacity: 0;
        }
        100% {
            top: -1.5rem;
            opacity: 1;
        }
    }
    @-webkit-keyframes animationOfSuspensionSignUp
    {
        0% {
            top: 0;
            opacity: 0;
        }
        100% {
            top: -1.5rem;
            opacity: 1;
        }
    }
    @keyframes animationOfSuspensionSignDown
    {
        0% {
            top: -1.5rem;
            opacity: 1;
        }
        100% {
            top: 0;
            opacity: 0;
        }
    }
    @-webkit-keyframes animationOfSuspensionSignDown
    {
        0% {
            top: -1.5rem;
            opacity: 1;
        }
        100% {
            top: 0;
            opacity: 0;
        }
    }

    @keyframes animationOfSuspensionPhoneUp
    {
        0% {
            left: 0;
            opacity: 0;
        }
        100% {
            left: -1.6rem;
            opacity: 1;
        }
    }
    @-webkit-keyframes animationOfSuspensionPhoneUp
    {
        0% {
            left: 0;
            opacity: 0;
        }
        100% {
            left: -1.6rem;
            opacity: 1;
        }
    }
    @keyframes animationOfSuspensionPhoneDown
    {
        0% {
            left: -1.6rem;
            opacity: 1;
        }
        100% {
            left: 0;
            opacity: 0;
        }
    }
    @-webkit-keyframes animationOfSuspensionPhoneDown
    {
        0% {
            left: -1.6rem;
            opacity: 1;
        }
        100% {
            left: 0;
            opacity: 0;
        }
    }
    /* details */
    .page .details-bd img{
        width: 100%!important;
        height: auto!important;
    }
    .details-col .details-hd{
        padding-top: 0.75rem;
    }
}