@charset "utf-8";
@font-face {
    font-family: "SourceHanSansCN_Medium";
    src: url("../font/SourceHanSansCN_Medium.ttf") format("truetype");
}
@font-face{
    font-family:"icon";
src: url('../font/iconfont.woff') format('woff')
}
.body_home{
	height:100%;
    position: relative;
}
.body_b {
    width: 100%;
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
    z-index: 999;
    overflow-x: hidden;
    overflow-y: auto;
    outline: none;
}
header.mobile{
    background: #9a0d15;
    background-size: cover;
    animation: 0.8s ease .3s 1 normal backwards running fadeInDown2;
    box-shadow: 0 0 0.2rem 0 rgba(154,13,21,0.25);
    z-index: 9999;
}
header.mobile::before{
    display: none;
}
.body_b.showdiv {
    top: 0;
    padding-top: 1.14rem;
}
.bb .bb_sub{width:0.5rem;height:0.5rem;position:absolute;left:50%;bottom:.2rem;transform:translateX(-50%);cursor: pointer;opacity:0;padding:0 10px;animation:bb 1.5s linear 0s infinite;z-index: 10;background: url(../img/bb_subICon.png) no-repeat center;background-size:0.48rem auto;}
@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}
.body_home.showdiv .bb_sub{opacity:1;}
.body_home .bb_sub:hover{ animation-play-state:paused;color: #fff;}
.ImgBanner{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banner>div{
    float: left;
}
.banner a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.banner a .img{
    width: 100%;
    height: 100vh;
}
.bb{
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    padding: 0.15rem 0;
}
.dot .slick-dots{
    width: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: static;
}
.dot .slick-dots li{
    width: 0.12rem;
    height: 0.12rem;
    background: rgba(253,232,233,1);
    border-radius: 100%;
    margin: 0 0.1rem;
    position: relative;
}
.dot .slick-dots li.slick-active{
    width: 0.46rem;
    height: 0.46rem;
    background: rgba(253,232,233,1) url(../img/dots.png) no-repeat center;
    background-size: 0.35rem auto;
}
.lmTit{
    position: relative;
    padding-bottom: 0.2rem;
}
.lmTit::before{
    display: block;
    content: "";
    width: 100%;
    height: 0.2rem;
    background: url(../img/line.png) repeat-x bottom center;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.5;
}
.lmTit h3 {
    position: relative;
    z-index: 1;
    font-weight: 400;
}

.lmTit .cn {
    font-size: 0.32rem;
    line-height: 0.5rem;
    color: #333;
    font-weight: bold;
}
.lmTit .cn span {
    color: #9a0d15;
}
.lmTit .more {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    line-height: 0.3rem;
    color: #9a0d15;
}
.lmTit .more img {
    width: .4rem;
    margin: 0 0 0 .1rem;
}
/* indexCon1 */
.indexCon1{
    padding: 0.6rem 0;
}
.newBanner{
    width: 50.32%;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.1);
}
.newBanner ul li{
    float: left;
    width: 100%;
    height: auto;
}
.newBanner li a{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.newBanner li a .img{
    width: 100%;
    padding: 4.25rem 0 0;
}
.newBanner li a div.tit{
    padding: 0.2rem;
    padding-right: 1.2rem;
}
.newBanner li a div.tit p{
    font-size: 0.22rem;
    line-height: 0.3rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newBanner li a:hover div.tit p{
    color: #9a0d15;
    font-weight: bold;
}
.newBanner .slick-dots{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 0.3rem;
    right: 0.2rem;
    bottom: 0.2rem;
}
.newBanner .slick-dots li{
    width: 0.1rem;
    height: 0.1rem;
    background: #d8d8d8;
    border-radius: 100%;
    margin-left: 0.1rem;
}
.newBanner .slick-dots li.slick-active{
    background: #9a0d15;
}
.tabList{
    width: 46.85%;
}
.tabIn{
    padding-bottom: 0.3rem;
    position: relative;
}
.tabIn::before{
    display: block;
    content: "";
    width: 100%;
    height: 0.2rem;
    background: url(../img/line.png) repeat-x bottom center;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.5;
}
.tabIn .lmTit{
    cursor: pointer;
    padding-bottom: 0;
    position: static;
}
.tabIn .lmTit::before{
    display: none;
}
.tabIn .lmTit .sx{
    width: 1px;
    height: 0.26rem;
    background: #666666;
    margin: 5px 0.25rem 0;
    transform: rotate(20deg);
}
.tabIn .lmTit h3 p{
    color: #666666;
}
.tabIn .lmTit .more{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    animation: 0.8s ease 0s 1 normal backwards running fadeInUp;
}
.tabIn .lmTit.in .more{
    display: -ms-flexbox;
    display: flex;
}
.tabIn .lmTit.in h3 p{
    color: #9a0d15;
}
.tabIn .lmTit .cn{
    line-height: 1;
}
.tabCon .notice{
    display: none;
    animation: 0.8s ease 0s 1 normal backwards running fadeInUp;
}
.tabCon .notice.on{
    display: block;
}
.notice li {
    position: relative;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #fde8e9;
}
.notice li::before{
    display: block;
    content: "";
    width: 0;
    height: 1px;
    background: #9a0d15;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.notice li:hover::before{
    width: 100%;
}
.notice li::after {
    position: absolute;
    bottom: -3px;
    left: 0;
    content: "";
    width: 5px;
    height: 5px;
    background: #fde8e9;
    border-radius: 50%;
}
.notice li:hover::after{
    background: #9a0d15;  
}
.notice a {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.15rem 0;
}
.notice .time {
    line-height: .3rem;
    font-size: 0.16rem;
    color: #9a0d15;
    margin-left: 5px;
}
.notice .tit {
    width: calc(100% - 1.2rem);
    line-height: .3rem;
    padding: 0 0 0 .05rem;
    font-size: 0.18rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 0.3rem;
    transition: all .3s;
    color: #333;
}
.notice .first a {
    padding: 0.2rem 0;
    justify-content: flex-start;
}
.notice .text {
    width: auto;
}
.notice .sx{
    display: block;
    width: 1px;
    height: 0.5rem;
    background: #fde8e9;
    margin: 0 0.25rem;
}
.notice .text .tit {
    width: 100%;
    line-height: 0.3rem;
    font-size: 0.2rem;
    margin-bottom: 0.05rem;
    padding: 0;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 0.3rem;
    transition: all .3s;
}
.notice .text .txt{
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.26rem;
    color: #999;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 0.52rem;
}
.notice  .time2 {
    width: auto;
    font-family: "Poppins";
    font-size: 0.16rem;
    line-height: 0.2rem;
    color: #9a0d15;
    text-align: center;
    white-space: nowrap;
}
.notice  .time2 p:first-of-type {
    font-size: .34rem;
    font-weight: 700;
    line-height: .4rem;
    margin-bottom: 0.05rem;
}
.notice a:hover .tit{
    color: #9a0d15;
    text-indent: 5px;
    font-weight: bold;
}
/* indexCon2 */
.indexCon2{
}
.indexCon2 .col{
    float: left;
    width: 31%;
    margin-right: 3.5%;
}
.indexCon2 .col:nth-of-type(3n){
    margin-right: 0;
}
.c-exam ul {
    margin-top: .06rem;
}
.c-exam ul li {
    border-bottom: 1px solid #fde8e9;
    position: relative;
}
.c-exam ul li a{
    display: flex;
    align-items: center;
    position: relative;
    padding: 0.22rem 0;
}
.c-exam ul li .date{
    width: .7rem;
    height: .64rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    margin-right: .2rem;
    text-align: center;
    background: #fde8e9;
    box-sizing: border-box;
    border-radius: 0.07rem;
}
.c-exam ul li .date span {
    font-size: .14rem;
    color: #9a0d15;
    line-height: 1;
}
.c-exam ul li .date span:first-of-type {
    font-size: .26rem;
    font-weight: bold;
    margin-bottom: 0.07rem;
}
.c-exam ul li .tit {
    font-size: .18rem;
    line-height: .3rem;
    color: #333333;
    max-height: .6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.c-exam ul li::before{
    display: block;
    content: "";
    width: 0;
    height: 1px;
    background: #9a0d15;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.c-exam ul li:hover::before{
    width: 100%;
}
.c-exam ul li:hover .tit{
    color: #9a0d15;
    font-weight: bold;
}
.c-exam ul li:hover .date{
    background: #9a0d15;
}
.c-exam ul li:hover .date span{
    color: #fff;
}
.c-course ul {
    margin-top: .28rem;
}
.c-course ul li {
    margin-bottom: .15rem;
}
.c-course ul li:last-of-type {
    margin-bottom: 0;
}
.c-course ul li .tit {
    font-size: .18rem;
    line-height: .28rem;
    color: #333333;
    height: .56rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.c-course ul li .date {
    position: relative;
    display: flex;
    align-items: baseline;
    font-size: .14rem;
    line-height: .3rem;
    color: #9a0d15;
    margin-top: 0.05rem;
}
.c-course ul li .date span{
    background: #ffffff
}
.c-course ul li .date span:first-of-type {
    font-size: .22rem;
    color: #9a0d15;
    margin-right: 0.04rem;
}
.c-course ul li .date::after {
    position: relative;
    content: '';
    flex: 1;
    top: -0.04rem;
    height: 1px;
    background-color: #fde8e9;
    margin-left: .16rem;
}
.c-course ul li a:hover .tit{
    color: #9a0d15;
    font-weight: bold;
}
.c-lecture ul {
    margin-top: .39rem;
}
.c-lecture ul li {
    position: relative;
    border: 1px solid #fde8e9;
    margin-bottom: .33rem;
}

.c-lecture ul li a{
    display: block;
    padding: .3rem .22rem .2rem .22rem;
}
.c-lecture ul li:last-of-type {
    margin-bottom: 0;
}
.c-lecture ul li .tit {
    font-size: .18rem;
    color: #333333;
    line-height: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-lecture ul li .date {
    position: absolute;
    top: 0;
    left: .2rem;
    display: inline-block;
    font-size: .16rem;
    color: #9a0d15;
    line-height: 1;
    padding: .1rem;
    border-radius: .1rem 0px .1rem 0px;
    background: #fde8e9;
    transform: translateY(-50%);
}
.c-lecture ul li a:hover{
    background: #9a0d15;
}
.c-lecture ul li a:hover .tit{
    color: #fff;
}
/* indexCon3 */
.indexCon3{
    padding: 0.3rem 0 0.6rem;
}
.indexCon4{
    padding-top: 0.6rem;
}
.ylkc{
    overflow: hidden;
}
.ylkc .bd{
    width: 100%;
}
.ylkc li{
    width: 25%;
    float: left;
    padding: 0.3rem 0.15rem;
    box-sizing: border-box;
    min-width: 2.4rem;
}
.ylkc li a{
    display: block;
    width: 100%;
    height: auto;
    transition: all .3s;
}
.ylkc li a .img{
    width: 100%;
    padding: 64% 0 0;
}
.ylkc li a .tit{
    background: #fff;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.1);
    padding: 0.15rem;
    width: 100%;
    box-sizing: border-box;
}
.ylkc li a .tit p{
    font-size: 0.18rem;
    line-height: 0.24rem;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ylkc li a:hover .tit p{
    color: #9a0d15;
    font-weight: bold;
}
.ylkc li a:hover{
    transform: translateY(-0.1rem);
}
.linkNav li{
    width: calc(20% - 0.2rem);
    height: auto;
    margin-right: 0.25rem;
}
.linkNav li:last-of-type{
    margin-right: 0;
}
.linkNav li a{
    display: block;
    display: flex;
    width: 100%;
    height: 1.3rem;
    border-radius: 0.1rem;
    overflow: hidden;
    padding-left: 0.25rem;
    padding-right: 0.1rem;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center;
}
.linkNav li .icon{
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 100%;
    border: 1px dashed #fff;
    position: relative;
    min-width: 0.78rem;
}
.linkNav li .icon::before{
    display: block;
    content: "";
    width: 0.65rem;
    height: 0.65rem;
    background: #fff;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.linkNav li .icon img{
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    max-width: 0.45rem;
}
.linkNav li .tit{
    font-size: 0.2rem;
    line-height: 0.3rem;
    margin-left: 0.2rem;
    color: #fff;
}
.linkNav li:nth-of-type(1) a{
    background: #5e9ce2;
}
.linkNav li:nth-of-type(2) a{
    background: #42b7bc;
}
.linkNav li:nth-of-type(3) a{
    background: #7d7fe6;
}
.linkNav li:nth-of-type(4) a{
    background: #d9715d;
}
.linkNav li:nth-of-type(5) a{
    background: #de8f58;
}
.indexCon3 ul li a:hover{
    transform: translateY(-0.1rem);
}
/*  */
@media only screen and (max-width: 1660px){
    .banner a .img{
        height: auto;
        padding: 50% 0 0;
    }
    .body_b{
        position: static;
    }
    .body_b.showdiv{
        padding-top: 0;
    }
    header.mobile{
        position: fixed;
    }
    .dot .slick-dots{
        justify-content: center;
    }
    .bb .bb_sub{
        display: none;
    }
}
@media only screen and (max-width: 1040px){
    .newBanner{
        width: 100%;
    }
    .tabList{
        width: 100%;
        margin-top: 0.5rem;
    }
    .indexCon1{
        padding: 0.5rem 0;
    }
    .newBanner li a .img{
        padding: 56.25% 0 0;
    }
    .indexCon2 .col{
        width: 100%;
        float: none;
        margin-bottom: 0.5rem;
        margin-right: 0;
    }
    .indexCon4{
        padding-top: 0;
    }
    .c-course ul li .tit{
        height: auto;
        max-height: 0.56rem;
    }
    .indexCon3{
        padding: 0.2rem 0 0.35rem;
    }
    .linkNav li{
        width: calc(33.333% - 0.1rem);
        margin-right: 0.15rem;
        margin-bottom: 0.15rem;
    }
    .linkNav li:nth-of-type(3n){
        margin-right: 0;
    }
    .linkNav li a{
        padding-left: 0.15rem;
    }
}
@media only screen and (max-width: 768px){
    .ylkc li{
        padding: 0.3rem 5px;
    }
    .linkNav li{
        width: calc(50% - 5px);
        margin-right: 10px;
    }
    .linkNav li:nth-of-type(3n){
        margin-right: 10px;
    }
    .linkNav li:nth-of-type(2n){
        margin-right: 0;
    }
}
@media only screen and (max-width: 540px){
    .indexCon1{
        padding: 30px 0;
    }
    .tabList{
        margin-top: 30px;
    }
    .indexCon2 .col{
        margin-bottom: 30px;
    }
    .lmTit .cn {
        font-size: 0.24rem;
        line-height: 0.36rem;
    }
    .lmTit .more img{
        width: 0.3rem;
    }
    .lmTit{
        padding-bottom: 0.15rem;
    }
    .c-course ul{
        margin-top: 0.18rem;
    }
    .c-lecture ul li .tit{
        text-overflow: clip;
        white-space: normal;
    }
    .c-lecture ul li a{
        padding: 0.3rem 0.15rem 0.2rem 0.15rem;
    }
    .c-exam ul{
        margin-top: 0;
    }
    .ylkc li{
        padding: 0.2rem 5px;
    }
    .tabIn .lmTit .sx{
        margin: 1px 0.15rem 0;
    }
    .tabIn{
        padding-bottom: 0.2rem;
    }
    .notice a{
        flex-wrap: wrap;
        padding: 0.1rem 0;
    }
    .notice .tit{
        width: 100%;
        padding: 0;
        -webkit-line-clamp: 2;
        max-height: 0.6rem;
    }
    .notice .time{
        width: 100%;
    }
    .notice .text .tit{
        -webkit-line-clamp: 2;
        max-height: 0.6rem;   
    }
    .notice .first a{
        padding: 0.1rem 0;
    }
    .notice .sx{
        display: none;
    }
    .notice .time2{
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
    }
    .notice .time2 p:first-of-type{
        margin-bottom: 0;
        margin-right: 20px;
        position: relative;
    }
    .notice .time2 p:first-of-type::before{
        display: block;
        content: "";
        width: 1px;
        height: 12px;
        background: #9a0d15;
        position: absolute;
        bottom: 7px;
        right: -10px;
        transform: rotate(20deg);
    }
    .notice .time2 p:last-of-type{
        transform: translateY(-3px);
    }
    .newBanner li a div.tit{
        padding: 0.1rem;
    }
    .newBanner li a div.tit p{
        font-size: 0.18rem;
        line-height: 0.3rem;
    }
    .newBanner .slick-dots{
        bottom: 0.55rem;
    }
    .banner .slick-dots li.slick-active{
        width: 0.32rem;
        height: 0.32rem;
        background-size: 0.24rem auto;
    }
    .indexCon3{
        padding: 0 0 10px;
    }
    .linkNav li{
        width: 100%!important;
        margin-right: 0!important;
        margin-bottom: 10px;
    }
}