*{
    margin: 0;
    padding: 0;
}
.w-1200{
    width: 1200px;
    margin: 0 auto;
}
ul{
    list-style: none;
}
body{
    background: #f2f2f2;
    font-size: 14px;
    position: relative;
    font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu 
}
a:hover{
    text-decoration: none;
}

@font-face
{
font-family: impact;
src: url('../font/impact.ttf'),
     url('../font/impact.ttf'); /* IE9+ */
}

/*
.container-header
*/
.container-header{
    height: 120px;
    background: #fff;
}
.container-header .w-1200{
    height: 100%;
}
.container-header .features{
    margin-left: 24px;
    border-left: 1px solid #eeeeee;
    padding-left: 24px;
}
.container-header .features span{
   background: #ba0028;
   width: 60px;
   height: 60px;
   border-radius: 60px;
   display: inline-block;
   color: #fff;
   text-align: center;
   line-height: 60px;
   font-size: 14px;
   position: relative;
   box-sizing: border-box;
   padding-top: 12px;
}

.header-logo .features span::before{
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.header-logo  .features > span::before{
    background-image: url(../images/features-icon-1.png);
}
.header-logo  .features > span + span::before{
    background-image: url(../images/features-icon-2.png);
}
.header-logo  .features > span + span + span::before{
    background-image: url(../images/features-icon-3.png);
}
.header-logo  .features > span + span + span + span::before{
    background-image: url(../images/features-icon-4.png);
}

.header-tel .tel{
    text-align: left;
    font-size: 14px;
    margin-right: 32px;
    background: url(../images/tel-icon.png) no-repeat left center;
    padding-left: 36px;
}
.header-tel .tel span{
    display: block;
    font-size: 24px;
    color: #d00009;
    font-family: impact;
    position: relative;
    top: -5px;
    letter-spacing:1px;
}
.header-tel .advisory{
    background:url(../images/msg-icon.png) no-repeat 28px center #ba0028;
    padding-left: 25px;
    height: 40px;
    border-radius: 24px;
    color: #fff;
    width: 140px;
    text-align: center;
    line-height: 40px;
}

.header-nav{
    background: #ba0028;
    height: 80px;
}
.header-nav .nav{
    height: 100%;
}
.header-nav .nav-item{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 16px 0 0;
}
.header-nav .nav-item .nav-link{
    color: #fff;
    font-size: 16px;
}

.container-banner{
    width: 100%;
    background: #000;
    height: 860px;
    overflow: hidden;
}
.container-banner video{
    object-fit: cover;
    object-position: center center;
}
.container-banner .banner-title{
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    text-align: center;
}
.container-banner .banner-title > div{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.container-banner .banner-title h1{
    color: #fff;
    text-align: center;
    font-size:42px;
    font-weight: bold;
}
.container-banner .banner-title h5{
    color: #fff;
    font-weight: bold;
    margin-bottom: 24px;
    position: relative;
}
.container-banner .banner-title h5::after{
    display: block;
    content: '';
    width: 40px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -65%;
}
.container-banner .banner-title span{
    color: #fff;
    font-size: 14px;
    opacity: .7;
    text-align: center;
}


.public-title h1{
    font-size: 34px;
    font-weight: bold;
    color: #ba0028;
    display: flex;
    justify-content: center;
}
.public-title span{
    color: #999;
}
.public-title h1::after,.public-title h1::before{
    width: 120px;
    height: 1px;
    content: '';
    background: #d0d0d0;
    display: block;
    margin-top: 24px;
}
.public-title h1::before{
    margin-right: 16px;
}
.public-title h1::after{
    margin-left: 16px;
}
.container-advantage{
    background: #fff;
    padding: 48px 0;
}


.advantage-list > .advantage-item{
    background: #e5e5e5;
    width: 100%;
    height: 207px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.advantage-list > .advantage-item > .step,.advantage-list > .advantage-item >  .pic{
    height: 100%;
    position: absolute;
}


.advantage-list > .advantage-item >.step h1,.advantage-list > .advantage-item >.step{
    color: #fff;
}
.advantage-list > .advantage-item >.step h1{
    font-size: 24px;
    font-weight: bold;
}
.advantage-list > .advantage-item .step .step-content{
    width:100%;
}
.advantage-list > .advantage-item:nth-child(1n) .step .step-content{
    width: 70%;
    padding-left: 120px;
}
.advantage-list > .advantage-item:nth-child(2n) .step .step-content{
    width: 70%;
    padding-left: 120px;
    margin-left: 200px;
}
.advantage-list > .advantage-item > .step{
    background: url(../images/step-bg-1.png) no-repeat center;
    width: 705px;
    z-index: 99;
    left: 0;
    display: flex;
    justify-content:start;
    align-items: center;
}
.advantage-list > .advantage-item > .pic{
    width: 566px;
    right: 0;
    overflow: hidden;
}
.advantage-list > .advantage-item > .pic{
    transition: all .3s;
}
.advantage-list > .advantage-item:hover > .pic{
    transform: scale(1.2);
}

.advantage-list > .advantage-item+.advantage-item >.step{
    background-image: url(../images/step-bg-2.png);
    width: 764px;
    right: 0;
    left: initial;
}
.advantage-list > .advantage-item+.advantage-item >.pic{
    left: 0;
    right: initial;
}


.advantage-list > .advantage-item+.advantage-item+.advantage-item >.step{
    background-image: url(../images/step-bg-3.png);
    width: 704px;
    right: initial;
    left: 0;
}
.advantage-list > .advantage-item+.advantage-item+.advantage-item >.pic{
    left: initial;
    right: 0;
}


.advantage-list > .advantage-item+.advantage-item+.advantage-item+.advantage-item >.step{
    background-image: url(../images/step-bg-4.png);
    width: 764px;
    right: 0;
    left: initial;
}
.advantage-list > .advantage-item+.advantage-item+.advantage-item+.advantage-item >.pic{
    left: 0;
    right: initial;
}


.advantage-list > .advantage-item+.advantage-item+.advantage-item+.advantage-item+.advantage-item >.step{
    background-image: url(../images/step-bg-5.png);
    width: 704px;
    right: initial;
    left: 0;
}
.advantage-list > .advantage-item+.advantage-item+.advantage-item+.advantage-item+.advantage-item >.pic{
    left: initial;
    right: 0;
}

.advantage-list > .advantage-item:nth-child(1) .step .step-content{
    background: url(../images/step-icon-1.png) no-repeat 24px center;
}
.advantage-list > .advantage-item:nth-child(2) .step .step-content{
    background: url(../images/step-icon-2.png) no-repeat 24px center;
}
.advantage-list > .advantage-item:nth-child(3) .step .step-content{
    background: url(../images/step-icon-3.png) no-repeat 24px center;
}
.advantage-list > .advantage-item:nth-child(4) .step .step-content{
    background: url(../images/step-icon-4.png) no-repeat 24px center;
}
.advantage-list > .advantage-item:nth-child(5) .step .step-content{
    background: url(../images/step-icon-5.png) no-repeat 24px center;
}



.container-course{
    background: #ba0028 url(../images/course-content-bg.jpg) no-repeat right;
}
.container-course .course-menu{
    width: 325px;
    background: #ba0028;
}
.course-menu .public-title h1{
    text-align: left;
    color: #fff;
    display: block;
}
.course-menu .public-title span{
    color: #fff;
}
.course-menu .public-title h1::after,.course-menu  .public-title h1::before{
    display: none;
}
.course-menu .nav-item{
    height: 70px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding-left: 64px;
    transition: all .2s;
    position: relative;
}
.course-menu .nav-item:last-child{
    border: none;
}
.course-menu .nav-item::before{
    content: '';
    width: 38px;
    height: 38px;
    background: url(../images/course-menu-icon-1.png) no-repeat left top;
    position: absolute;
    left:20px
}

.course-menu .nav-item:nth-child(2)::before{
    background-image: url(../images/course-menu-icon-2.png);
}
.course-menu .nav-item:nth-child(3)::before{
    background-image: url(../images/course-menu-icon-3.png);
}
.course-menu .nav-item:nth-child(4)::before{
    background-image: url(../images/course-menu-icon-4.png);
    background-position: left 5px;
}
.course-menu .nav-item:nth-child(5)::before{
    background-image: url(../images/course-menu-icon-5.png);
}
.course-menu .nav-item:nth-child(6)::before{
    background-image: url(../images/course-menu-icon-6.png);
}
.course-menu .nav-item:nth-child(7)::before{
    background-image: url(../images/course-menu-icon-7.png);
}
.course-menu .nav-item:nth-child(8)::before{
    background-image: url(../images/course-menu-icon-8.png);
}
.course-menu .nav-item:nth-child(9)::before{
    background-image: url(../images/course-menu-icon-9.png);
}
.course-menu .nav-item:nth-child(10)::before{
    background-image: url(../images/course-menu-icon-10.png);
}

.course-menu .nav-item .nav-link{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.course-menu .nav-item.active,.course-menu .nav-item:hover{
    background: #ffa800;
    cursor: pointer;
}

.course-content{
    width: 920px;
    padding: 108px 0 108px 40px;
    position: relative;
    overflow: hidden;
}
.course-content .introduction{
    background: rgba(255,255,255,.9);
    box-sizing: border-box;
    padding: 32px;
    min-height: 640px;
    transform: translateX(-1200px);
    transition: all .5s;
    opacity: 0;
    position: absolute;
}

.course-content .introduction-title{
    font-size: 24px;
    font-weight: bold;
    color: #ba0028;
}
.course-content .introduction-content h5{
    font-size: 16px;
    font-weight: bold;
}
.course-content .introduction-content p{
    color: #666;
}
.course-content .introduction-content .card{
    padding: 12px 8px;
    min-height: 180px;
}

.course-content  .buttons .btn {
    width: 270px;
    height: 70px;
    background: #ffa800 url(../images/introduction-btn-1.png) no-repeat 70px center;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 50px;
    line-height: 58px !important;
}

.course-content  .buttons .btn + .btn{
    background: #ba0028 url(../images/introduction-btn-2.png) no-repeat 70px center;
}

.course-content.course-show-1 .introduction:nth-child(1){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-2 .introduction:nth-child(2){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-3 .introduction:nth-child(3){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-4 .introduction:nth-child(4){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-5 .introduction:nth-child(5){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-6 .introduction:nth-child(6){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-7 .introduction:nth-child(7){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-8 .introduction:nth-child(8){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-9 .introduction:nth-child(9){
    transform: translateX(0px);
    opacity: 1;
}
.course-content.course-show-10 .introduction:nth-child(10){
    transform: translateX(0px);
    opacity: 1;
}

.container-contact{
    background: #fff;
}
.container-contact .contact-group{
    display: flex;
}
.container-contact .contact-group .contact-item{
    background: #ba0028 url(../images/container-contact-1.png) no-repeat 48px center;
    width: 291px;
    margin-right: 12px;
    box-sizing: initial;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #fff;
    padding-left: 105px;
    cursor: pointer;
}
.container-contact .contact-group .contact-item:last-child{
    margin-right: 0;
}
.container-contact .contact-group .contact-item h5{
    font-weight: bold;
    font-family: impact;
    font-style: 26px;
    letter-spacing:2px
}

.container-contact .contact-group .contact-item:nth-child(2){
    background: #ba0028 url(../images/container-contact-2.png) no-repeat 48px center;
}
.container-contact .contact-group .contact-item:nth-child(3){
    background: #ba0028 url(../images/container-contact-3.png) no-repeat 36px center;
    padding-left: 124px;
}
.container-contact .contact-group .contact-item:nth-child(4){
    background: #ba0028 url(../images/container-contact-4.png) no-repeat 48px center;
}

.container-dynamic{
    background: #f3f3f3 url(../images/container-dynamic-bg.jpg)  no-repeat left center;
    min-height: 800px;
}
.container-dynamic .news-group{
    display: flex;
    flex-wrap:wrap;
    
}
.container-dynamic .news-group .news-item{
    background: #fff;
    width: 285px;
    min-height: 270px;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}
.container-dynamic .news-group .news-item:nth-child(4n){
    margin-right: 0;
}
.container-dynamic .news-group .news-item .tit{
    padding: 12px;
    height: 80px;
}
.container-dynamic .news-group .news-item .tit .h5{
    font-size:16px;
    display: block;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
}
.container-dynamic .news-group .news-item .tit span{
    color: #999;
    font-size:12px;
}
.container-dynamic .news-group .news-item .pic{
    height: 185px;
    width: 100%;
    overflow: hidden;
    background: url(../images/no-pic.jpg) no-repeat center;
    background-size: 75%;
}
.container-dynamic .news-group .news-item .pic img{
    transition:  all .3s;
}
.container-dynamic .news-group .news-item:last-child{
    margin-right: 0;
}
.container-dynamic .news-group .news-item:hover .tit .h5{
    color:#ba0028 ;
}
.container-dynamic .news-group .news-item:hover .pic img{
    transform: scale(1.1);
}
.container-dynamic .more,.container-works .more{
    background: #fff;
    height: 55px;
    line-height: 55px;
    display: block;
    width: 210px;
    text-align: center;
    color: #666;
    transition: all .3s;
    margin: 0 auto;
}
.container-works .more{
    background-color: #eee;
    margin-top: 32px;
}
.container-dynamic .more:hover,.container-works .more:hover{
    background: #ba0028;
    color: #fff;
}

.container-works{
    background: #fff;

    width: 100%;
}
.container-works .works-group{
    display: flex;
    justify-content: space-between;
    width: 900px;
    
}
.works-group-list .works-group{
    display: none;
}
.works-group-list .works-group:first-child{
    display: flex;
}
.container-works .works-group .works-item{
    width: 360px;
    height: 555px;
}
.container-works .works-group .works-item:nth-child(1) > .pic{
    width: 100%;
    height: 330px;
}
.container-works .works-group .works-item:nth-child(1) > .pics > .pic{
    height: 225px;
    width: 100%;
    overflow: hidden;
}

.container-works .works-group .works-item:nth-child(2) .pics:nth-child(1){
    height: 370px;
    background: #000;
    width: 100%;
    flex-wrap:wrap;
}
.container-works .works-group .works-item:nth-child(2) .pics:nth-child(1) .pic{
    width: 50%;
    height:185px;
}

.container-works .works-group .works-item:nth-child(2) .pics:nth-child(2){
    height:185px;
}
.container-works .works-group .works-item:nth-child(2) .pics:nth-child(2) .pic{
    width: 50%;
    height: 100%;
}

.container-works .works-group .works-item .pic{
    overflow: hidden;
    cursor: pointer;
}
.container-works .works-group .works-item .pic img{
    height: 100%;
    width: 100%;
    transition: all .3s;
}
.container-works .works-group .works-item .pic:hover img{
    transform: scale(1.1);
}

.container-works .works-group .works-item+.works-item{
    width: 540px;
}
.container-works .works-group .works-item{
    
}

.works-menu{
    width: 300px;
    background: #ffa800;
}
.works-menu .nav{
    height: 100%;
    justify-content:space-between;
    align-items:stretch;
}
.works-menu .nav .nav-item{
    flex: 1;
    display: flex;
    align-items: center;
    border-bottom:  1px solid #e3e3e3;
    cursor: pointer;
    background-color: #f2f2f2;
}
.works-menu .nav .nav-item .nav-link{
    transition: all .3s;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.works-menu .nav .nav-item .nav-link::before {
    content: '';
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    right: 20px;
    opacity: .3;
}

.works-menu .nav .nav-item:nth-child(1) .nav-link::before {
    background-image: url(../images/course-menu-icon-9.png);
}

.works-menu .nav .nav-item:nth-child(2) .nav-link::before {
    background-image: url(../images/course-menu-icon-3.png);
}

.works-menu .nav .nav-item:nth-child(3) .nav-link::before {
    background-image: url(../images/course-menu-icon-6.png);
}

.works-menu .nav .nav-item:nth-child(4) .nav-link::before {
    background-image: url(../images/course-menu-icon-4.png);
}

.works-menu .nav .nav-item:nth-child(5) .nav-link::before {
    background-image: url(../images/course-menu-icon-7.png);
}

.works-menu .nav .nav-item:nth-child(6) .nav-link::before {
    background-image: url(../images/course-menu-icon-8.png);
}

.works-menu .nav .nav-item:last-child{
    border-bottom: none;
}
.works-menu .nav .nav-item .nav-link{
    color:#333;
    font-size: 16px;
    padding-left: 24px;
    display: flex;
    align-items: center;
}
.works-menu .nav .nav-item.active .nav-link,.works-menu .nav .nav-item:hover .nav-link{
    background: #ba0028;
}
.works-menu .nav .nav-item:hover .nav-link::before ,.works-menu .nav .nav-item.active .nav-link::before {
    background-position: left top;
    opacity: 1;
}
.works-menu .nav .nav-item.active .nav-link,.works-menu .nav .nav-item:hover .nav-link{
    color: #fff;
}



.container-office .office-list{
    background: #fff;
    width: 300px;
    overflow: hidden;
    display: block;
}
.container-office .office-list .office-group-title{
    background: #ba0028;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-left: 24px;
}
.container-office .office-list .office-group{
    background: #fff;
    overflow: hidden;
    height: 470px;
    width: 100%;
    padding: 24px 24px 0;
}
.office-liMarquee{
    height: 100%;
}
.container-office .office-list .office-group .list-group{
    padding: 0;
}
.container-office .office-list .office-group .list-group a{
    color: #333;
    cursor: pointer;
}
.container-office .office-list .office-group .list-group a span{
    color: #999;
}
.container-office .office-list .office-group .list-group .list-group-item{
    padding: 12px 0;
}
.container-office .office-list .office-group .list-group a:hover{
    color: #ba0028;
}

.container-office .office-pics{
    background: #f2f2f2;
    width: 900px;
}

.container-office .office-pics .pic{
    overflow: hidden;
    cursor: pointer;
    width: 100%;
}
.container-office .office-pics .pic img{
    transition: all .3s;
    width: 100%;
    max-height: 100%;
}
.container-office .office-pics .pic:hover img{
    transform: scale(1.1);
}

.container-office .office-pics .pics{
    height: 552px;
}
.container-office .office-pics .pics:nth-child(1){
    width: 264px;
}
.container-office .office-pics .pics:nth-child(1) .pic:nth-child(1){
    height: 175px;
}
.container-office .office-pics .pics:nth-child(1) .pic:nth-child(2){
    height: 150px;
}
.container-office .office-pics .pics:nth-child(1) .pic:nth-child(3){
    height: 227px;
}



.container-office .office-pics .pics:nth-child(2){
    width: 318px;
}

.container-office .office-pics .pics:nth-child(2) .pic:nth-child(1){
    height: 220px;
}
.container-office .office-pics .pics:nth-child(2) .pic:nth-child(2){
    height: 186px;
}
.container-office .office-pics .pics:nth-child(2) .pics{
    height: 146px;
    overflow: hidden;
}


.container-office .office-pics .pics:nth-child(3){
    width: 318px;
}
.container-office .office-pics .pics:nth-child(3) .pics{
    height: 164px;
    width: 100%;
}
.container-office .office-pics .pics:nth-child(3) .pics .pic{
    height: 100%;
    width: 50% !important;
    flex: 1;
}
.container-office .office-pics .pics:nth-child(3) .pic:nth-child(2){
    height: 164px;
}
.container-office .office-pics .pics:nth-child(3) .pic:nth-child(3){
    height: 224px;
}



.container-teacher{
    background: #ba0028;
}
.container-teacher .public-title h1,.container-teacher .public-title span{
    color: #fff;
}
.teacher-box{
    cursor: pointer;
}
.teacher-box .pic{
    width: 230px;
    height: 310px;
    overflow: hidden;
}
.teacher-box .pic img{
    width: 100%;
}
.teacher-box .tit{
    background-color: rgba(0,0,0,.8);
    color: #fff;
    top: 0;
    left: 0;
    width:230px;
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition:  all .3s;
}
.teacher-box .tit div{
    text-align: center;
}
.teacher-box:hover .tit{
    opacity: 1;
}
.container-teacher .swiper-button-next{
    right: -60px;
    top: 60% !important;
    color: #fff;
}
.container-teacher .swiper-button-prev{
    top: 60%;
    left: -60px;
    color: #fff;
}


.container-news{
    background: #fff;
}
.container-news .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container-news .title h1{
    font-size: 20px;
    text-align: left;
    margin-bottom: 0;
}
.container-news .title .more{
    color: #666;
    font-size: 14px;
}
.container-news .list-group{
    padding-top: 12px;
}
.container-news .list-group .list-item{
    padding: 6px 0;
    position: relative;
}
.container-news .list-group .list-item a{
    font-size: 16px;
    color: #333;
    margin-left:16px;
}
.container-news .list-group .list-item a:hover{
    color: #ba0028;
}
.container-news .list-group .list-item:hover::after{
    background: #ba0028;
}

.container-links{
    padding: 24px 0;
}
.container-links .title{
    font-size: 20px;
    margin-bottom: 16px;
}
.container-links .links-group a{
    color: #666;
    display: inline-block;
    padding-right: 12px;
}


.container-copyright{
    background: #ba0028;
    padding: 16px 0;
}

.container-copyright .copyright-header .code-pic{
    width: 100px;
    text-align: center;
    color: #fff;
}
.container-copyright .copyright-header .code-pic:last-child{
    margin-left: 12px;
}
.container-copyright .copyright-info{
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 16px;
}
.container-copyright .copyright-info p{
    color: #fff;
}

.container-copyright  .copyright-tel{
    color: #fff;
}
.container-copyright  .copyright-tel h5{
    font-size: 24px;
    font-family: impact;
}

.banner-title{
    position: relative;
}
.banner-title > div{
    animation: banner .8s ease-in-out;
    animation-fill-mode:forwards;
    opacity: 0;
}
.banner-title.banner-end div{
    animation: bannerend .6s ease-in-out;
    //animation-delay:10s;
    animation-fill-mode:forwards;
}
.banner-title.banner-end{
    background-color: rgba(0,0,0,0);
    transition: all .3s;
}


@keyframes banner
{
    from {
        transform: translate(-50%,-200%);
        opacity:0;
    }
    to {
        transform: translate(-50%,-50%);
        opacity: 1;
    }
}
@keyframes bannerend
{
    from {
        transform: translate(-50%,-50%);
        opacity:1;
    }
    to {
        transform: translate(-50%,-200%);
        opacity: 0;
    }
}


.details{
    margin-top: 24px;
    background: #f7f7f7;
    padding-bottom: 32px;
}
.details-menu .menu-group{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    background: #fff;
}
.details-menu .menu-group li{
    padding: 16px 0;
}
.details-menu .menu-group li a{
    font-size: 15px;
    color: #333;
    height: 100%;
    padding: 16px 24px;
}
.details-menu .menu-group li a:hover,.details-menu .menu-group li.active a{
    background: #ba0028;
    color: #fff;
    font-weight: bold;
}

.details .details-title{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 24px;
    color: #ba0028;
}
.details .details-content{
    padding: 24px 0;
    box-sizing: border-box;
    background: none;
    margin: 0;
    min-height: initial;
}

.details .teacher-group{
    overflow: hidden;
}
.details .teacher-group .teacher-box{
    margin-right: 10px;
    float: left;
    margin-bottom: 10px;
}
.details .teacher-group .teacher-box:nth-child(5n){
    margin-right: 0;
}


.news-list .list-group .list-item{
    position: relative;
    padding: 8px 0;
}
.news-list .list-group .list-item::after{
    display: block;
    width: 6px;
    height: 6px;
    content: '';
    background: #c7c7c7;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.news-list .list-group .list-item span{
    float: right;
    color: #999;
}
.news-list .list-group .list-item a{
    color: #333;
    font-size: 16px;
    margin-left: 16px;
}
.news-list .list-group .list-item:hover a{
    color: #ba0028;
}
.news-list .list-group .list-item:hover::after{
    background:#ba0028 ;
}

.details-news .title h1{
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 16px;
}
.details-news .title span{
    color: #999;
}
.details-news .details-show {
    padding: 24px 0;
    border-top: 1px solid #e7e7e7;
    margin-top: 24px;
}
.details-news .details-show *{
    color: #666;
}
.details-news .news-related{
    border-top: 1px solid #e7e7e7;
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
}
.details-news .news-related a{
    color: #333;
}
.details-news .news-related a:hover{
    color: #ba0028;
}



.contact-info .row div {
    margin-bottom: 12px;
}
.contact-info .row div > p{
    font-weight: bold;
    color: #aa0a0c;
    font-size: 16px;
}
.contact-info .row div > p + p,.contact-info .row div > p + a{
    color: #666;
    font-weight: normal;
    font-size: 14px;
}

.contact-info .row div p:last-child{
    padding-left: 24px;
}
.contact-info .row div:nth-child(1) p:last-child{
    background:url(../images/contact-info-icon-1.jpg) no-repeat left center;
}
.contact-info .row div:nth-child(2) p:last-child{
    background:url(../images/contact-info-icon-2.jpg) no-repeat left center;
}
.contact-info .row div:nth-child(3) p:last-child{
    background:url(../images/contact-info-icon-3.jpg) no-repeat left center;
}
.contact-info .row div:nth-child(4) p:last-child{
    background:url(../images/contact-info-icon-4.jpg) no-repeat left center;
}

.i-page *{
    text-align: center !important;
    font-size: 14px !important;
}
.i-page { padding:14px 0 10px; margin:2em auto;  padding-top:10px; }
.i-page a { display:inline-block; height:30px; line-height:30px; background:#EAEAEA; border:1px solid #EAEAEA; text-align:center; color:#333; padding:0 10px; margin-right:5px;}
.i-page a.a1 { background:#EAEAEA; width:56px; padding:0 }
.i-page a:hover { background:#c70e10; color:#fff; text-decoration:none }
.i-page span { display:inline-block; height:30px; line-height:30px; background:#c70e10; border:1px solid #c70e10; color:#fff; text-align:center;padding:0 10px; margin-right:5px;}
.i-page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }


.backtrack {
    background: #efefef;
    display: block;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    transition: all .3s;
}

.recommend-title a.h5{
    font-size: 16px;
    color: #333;
}
.recommend-title a.h5:hover{
    color: #c70e10;
}
.recommend-title p{
    color: #666;
    margin-top: 6px;
    min-height: 42px;
}

.details-page-from{
    background: #fff;
    padding: 16px 32px;
}
.contact-from{
    margin-top: 32px;
   
}

.contact-from .contact-from-item{
   background: #f7f7f7;
   height: 60px;
   line-height: 60px;
}
.contact-from .contact-from-item input,.contact-from .contact-from-item textarea{
    border: none;
    background: none;
    outline: none;
    width: 60%;
}
.contact-from .contact-from-item label{
    margin-left: 24px;
    color: #999;
    margin-right: 15px;
}
.contact-from .contact-from-item.justify-content-between{
    background: none;
}
.contact-from .contact-from-item.justify-content-between div{
    width: 49%;
    background: #f7f7f7;
}
.contact-from .contact-from-button{
    background: #aa0a0c;
    border: none;
    height: 60px;
    width: 240px;
    color: #fff;
    margin-top: 6px;
    font-size: 16px;
    transition: all .3s;
}
.contact-from .contact-from-button:hover{
    background: #c70e10;
}
.contact-from-title{
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 24px;
}


.container-innerPage .grid {
    overflow: hidden;
}
.container-innerPage .grid .grid-item{
    float: left;
    width: 288px;
    height: 404px;
    margin-right: 16px;
    margin-bottom: 16px;
}
.container-innerPage .grid .grid-item:nth-child(4n){
    margin-right: 0;
}
.container-innerPage .grid .grid-item .card{
    height: 100%;
}
.container-innerPage .grid .grid-item .card a{
    height: 100%;
    display: block;
}
.container-innerPage .grid .grid-item .card a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.container-innerPage .grid .grid-item .card a img{
    max-width: 100%;
    
}

/*
移动端
*/
@media (max-width: 991.98px) {

    body.show{
        overflow-y: hidden;
    }

    .w-1200{
        width: 100%;
    }
    .container-header{
        height:initial;
        padding: 1rem;
    }
    .header-logo .logo{
        width: 12rem;
        height: 1.7rem;
    }
    .header-logo  .features{
        margin-left: 0.65rem ;
        padding-left: 0.65rem;
        border: none;
    }
    .header-logo  .features > span{
        width: 1.85rem ;
        height:1.85rem ;
        padding-top: .4rem;
    }
    .container-header .features span::before{
        width: 1rem ;
        height: 1rem;
    }


    .wap-menu{
        cursor:pointer;
    }
    .wap-menu .bi-text-right{
        color: #333;
    }

    .mask{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        z-index: 9;
        top: 0;
        display: none;
        opacity: 0;
        transition: all .2s;
    }
    .header-nav{
        transform: translateX(300px);
        transition: all .3s;
        position: fixed;
        right: 0;
        top: 0;
        width: 16rem;
        height: 100%;
        background: #ba0028;
        z-index: 999;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 20px;
        display: block;
        padding: 1rem 1.5rem;
    }
    .header-nav .nav{
        display: block;
        height: initial;
    }
    .header-nav .nav-item{
        width: 100%;
        margin-bottom: .5rem;
        border-bottom:1px solid rgba(255,255,255,.2);
        padding-bottom: .5rem;
    }
    .header-nav .nav-item .nav-link{
        font-size: .95rem;
        text-align: left;
        width: 100%;
        padding-left: 0;
    }
    .header-nav .nav-item.nav-close{
        color: #fff;
        text-align: right;
        font-size: 1.75rem;
        cursor: pointer;
    }
    .header-nav .header-nav-title{
        color: #fff;
        font-size: 1.25rem;
        font-weight: bold;
    }

    body.show .mask{
        display: block;
        opacity: 1;
    }
    body.show .header-nav{
        transform: translateX(0);
    }
    .container-banner{
        height: 240px;
    }
    .container-banner .banner-title > div{
        width: 70%;
        top: 45%;
    }
    .container-banner .banner-title h1{
        font-size:1.25rem;
        font-weight: bold;
        margin-bottom: .45rem;
    }
    .container-banner .banner-title h5{
        font-size:.85rem;
    }

    .public-title h1{
        font-size: 1.2rem;
    }
    .public-title h1::after, .public-title h1::before{
        margin-top: .7rem;
    }

    .container-advantage{
        padding: 1rem 0;
        overflow: hidden;
    }

    .advantage-row{
        padding: 0 .75rem;
    }

    .advantage-row .col-4{
        background: #b60c30;
        min-height:7.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        padding-left: 0rem;
        padding-right: 0rem;
        position: relative;
        padding-top: 1rem;
    }
    .advantage-row .col-4 div{
        
    }
    .advantage-row .col-4 h5{
        font-weight: bold;
        font-size: .85rem;
        margin-top: 1rem;
        margin-bottom: 0;
    }
    .advantage-row .col-4 p{
        font-size: .75rem;
        margin-bottom: 0;
    }
    .advantage-row .col-4 .pic img{
        height:7.5rem;
    }

    .advantage-row .col-4::before{
        content: '';
        display: block;
        width: 2rem;
        height: 2rem;
        background: url(../images/step-icon-1.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: .75rem;
    }
    .padding-left-5 {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .advantage-row .col-4:nth-child(1)::before{
        background-image: url(../images/step-icon-1.png);
    }
    .advantage-row .col-4:nth-child(3)::before{
        background-image: url(../images/step-icon-2.png);
    }
    .advantage-row .col-4:nth-child(5)::before{
        background-image: url(../images/step-icon-3.png);
    }
    .advantage-row .col-4:nth-child(7)::before{
        background-image: url(../images/step-icon-4.png);
    }
    .advantage-row .col-4:nth-child(9)::before{
        background-image: url(../images/step-icon-5.png);
    }
    .advantage-row .col-4.no-before::before{
        display: none;
    }


    .public-title span {
        font-size: .75rem;
    }

    .advantage-list > .advantage-item > .step{
        width: 200px;
        background-size: contain;
    }

    .container-course{
        overflow: hidden;
    }
    .container-course .course-menu{
        width: 100%;
    }
    .course-menu .public-title h1,.course-menu .public-title span{
        text-align: center;
        display: block;
    }

    .banner-swiper-container{
        height: 100%;
    }

    .swiper-pagination-bullet-active{
        background: #f00;
    }

    .course-menu .nav-item::after{
        position: absolute;
        right: 1rem;
        width: 1.25rem;
        height: 1.25rem;
        content: '';
        background-size: 1rem;
        background-repeat: no-repeat;
        background-image:url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIiB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJjdXJyZW50Q29sb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjZmZmIiBkPSJNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Ii8+Cjwvc3ZnPg==');
        //background-image:url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmkgYmktY2hldnJvbi11cCIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iY3VycmVudENvbG9yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTcuNjQ2IDQuNjQ2YS41LjUgMCAwIDEgLjcwOCAwbDYgNmEuNS41IDAgMCAxLS43MDguNzA4TDggNS43MDdsLTUuNjQ2IDUuNjQ3YS41LjUgMCAwIDEtLjcwOC0uNzA4bDYtNnoiLz4KPC9zdmc+');
    }

    .container-course{
        background-image: none;
    }

    .container-course .nav-item{
        display: block;
        background: #d1002d;
    }
    .container-course .nav-item .title{
        width: 100%;
        padding: 1rem 3rem 1rem 4.25rem;
    }
    .course-menu .nav-item::before{
        top: .5rem;
        width:2.375rem ;
        height: 2.375rem ;
    }
    .course-menu .nav-item::after{
        top: 1.25rem;
    }
    .accordionExample{
        padding-left: .75rem;
        padding-right: .75rem;
    }
    .accordionExample > .col-6{
        padding-right: 7px;
    }
    .accordionExample > .col-6+.col-6{
        padding-left: 7px;
        padding-right: 15px;
    }
    .accordionExample .crad .card-title{
        background: #404c58;
        border: 1px solid #434f5b;
        padding: .75rem;
    }
    .accordionExample .crad .card-title h5{
        font-size: 1rem;
        font-weight: bold;
    }

    .accordionExample .crad .card-title a{
        border: 1px solid #252e34;
        padding: .25rem 1rem;
        display: inline-block;
        margin-top: .75rem;
        color: #fff;
    }
    .accordionExample .crad .card-title h5{
        color: #fff;
        margin-bottom: 0;
        position: relative;
    }
    .accordionExample .crad .card-title h5::after{
        content: '';
        position: absolute;
        width: 6.25rem;
        height: 1.25rem;
        background: url(../images/score.png) left center;
        margin-left: .5rem;
        top: .1rem;
    }
    .accordionExample .col-6 .crad .card-title h5::after{
        width: 1.25rem;
    }
    .accordionExample  .col-6 .pic{

    }

    .container-course .introduction-crads .card{
        background: #f2f2f2;
        padding: 1rem;
        box-sizing: border-box;
        margin-bottom: .75rem;
    }
    .container-course .introduction-crads .card-body .card-title{
        font-size: 1rem;
    }
    .container-course .introduction-crads .card-body p{
        color: #666;
        font-size: .85rem;
    }

    .container-course .buttons .btn{
        width: 49%;
        padding: 1rem 0;
        color: #fff;
        background: #d1002d url(../images/introduction-btn-2.png) no-repeat 2rem center;
        background-size: 1.4rem;
        font-weight: bold;
    }
    .container-course .buttons .btn:first-child{
        background: #ffa800 url(../images/introduction-btn-1.png) no-repeat 2rem center;
        background-size: 1.4rem;
    }

    .container-contact .contact-group{
        overflow: hidden;
        width: 100%;
        flex-wrap:wrap;
        justify-content: space-between;
    }
    .container-contact .contact-group .contact-item{
        width: 49%;
        padding: 1rem 0 1rem 5rem;
        margin: 0;
        margin-bottom: 1%;
        box-sizing: border-box;
    }
    .container-contact .contact-group .contact-item h5{
        font-size: .9rem;
        letter-spacing:1px;
    }
    .container-contact .contact-group .contact-item span{
        font-style: .75rem;
    }
    .container-contact .contact-group .contact-item:nth-child(1){
        background-size: 2.5rem;
        background-position: 1.4rem center;
    }
    .container-contact .contact-group .contact-item:nth-child(2){
        background-size: 2.5rem;
        background-position: 1.4rem center;
    }
    .container-contact .contact-group .contact-item:nth-child(3){
        background-size: 3.2rem;
        background-position: 1.2rem center;
        padding-left: 5rem;
    }
    .container-contact .contact-group .contact-item:nth-child(4){
        background-size: 2.5rem;
        background-position: 1.4rem center;
    }
    .container-contact .contact-group .contact-item:nth-child(4) h5{
        font-weight: bold;
        font-family: '微软雅黑';
    }
    .container-dynamic .news-group .news-item{
        width: 48%;
        margin: 0;
        min-height: initial;
        margin-bottom: 1rem;
    }
    .container-dynamic .news-group .news-item:nth-child(2n){
        margin-left: 2%;
    }
    .container-dynamic .news-group .news-item .pic{
        height: 7.1875rem;
    }
    .container-dynamic .news-group .news-item .tit{
        height: initial;
    }

    .container-dynamic .news-group .news-item+.news-item+.news-item+.news-item+.news-item{
        
    }

    .container-dynamic{
        min-height: initial;
        background-size: cover;
    }


    .works-menu{
        width: 100%;
    }
    .works-menu .nav .nav-item{
        display: block;
        background-color: #fff;
    }
    .works-menu .nav .nav-item .nav-link{
        color: #666;
        padding: 1rem;
    }
    .works-menu .nav .nav-item .works-show{
        background: #fff;
        padding: 1rem;
    }

    .container-works{
        padding-bottom: 0 !important;
    }
    .works-group,.container-works .works-group .works-item{
        width: 100% !important;
        height: initial;
    }
    .container-works .works-group .works-item .pics .pic:nth-child(1){
        height: 13.125rem ;
        overflow: hidden;
    }
    .container-works .works-group .works-item .pics .pics .pic{
        height: 6.5625rem;
        width: 100%;
    }
    .container-office .office-list{
        width: 100%;
    }

    .container-office .list-group a{
        font-size: .85rem;
    }
    .container-office .office-pics{
        width: 100%;
    }

    .teacher-box .pic{
        width: 100%;
        height: 225px;
    }
    .teacher-box .tit{
        opacity: 1;
        position: initial !important;
        width: 100%;
        background-color: #fff;
        color: #666;
        padding: .75rem 0;
    }
    .teacher-box .tit h5{
        margin: 0;
        font-size: 1rem;
        font-weight: bold;
        color: #333;
    }
    .teacher-box .tit p{
        margin: 0;
    }
    .teacher-group{
        padding: .75rem;
    }
    .container-teacher .swiper-button-next,.container-teacher .swiper-button-prev{
        display: none;
    }

    .container-office .office-pics .pics{
        display: none;
    }
    .container-office{
        padding-bottom:1.75rem !important;
    }
    .container-office .office-list .office-group{
        height: 18rem ;
    }
    .container-news .title h1{
        font-weight: bold;
    }

    .container-copyright .code{
        display: flex;
        justify-content:space-between;
        width:58%;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .container-links{
        padding:.85rem;
    }

    .copyright-info{
        border:none !important;
        display: block !important;
        text-align: center;
    }
    .container-copyright .logo{
        text-align: center;
        width: 75%;
        margin: 0 auto;
        padding: 0;
    }

    .advantage-list .advantage-item{
        width: 100%;
        display:flex;
        height: initial;
        justify-content: space-between;
        margin-bottom: 2px;
        background: url(../images/step-1.jpg)  no-repeat center;
        position: relative;
    }

    .advantage-list .advantage-item:nth-child(2){
        background: url(../images/step-2.jpg)  no-repeat center;
    }

    .advantage-list .advantage-item:nth-child(3){
        background: url(../images/step-3.jpg)  no-repeat center;
    }

    .advantage-list .advantage-item:nth-child(4){
        background: url(../images/step-4.jpg)  no-repeat center;
    }

    .advantage-list .advantage-item:nth-child(5){
        background: url(../images/step-5.jpg)  no-repeat center;
    }

    .advantage-list .advantage-item::after{
        background:rgba(186,0,40,.9);
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .advantage-list > .advantage-item >.step h1{
        font-size: 1.25rem;
    }
    .advantage-list > .advantage-item .step .step-content{
        width: 95% !important;
        background-size: 2.5rem !important;
        background-position: center center;
        height: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .advantage-list .advantage-item .step{
        background: none !important;
        display: block;
        width:100% !important;
        position: relative;
    }
    .advantage-list .advantage-item .step-content{
        padding-left: 5rem !important;
        margin-left: 0 !important;
    }
    .advantage-list .advantage-item .pic{
        width: 5.4375rem;
        position: relative;
        display: none;
    }
    .advantage-list .advantage-item .pic img{
        width: 100%;
    }


    .details-page,.news-list {
        padding: 0 .85rem;
    }
    .details-page p{
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .details .details-content{
        padding: 0;
    }

    .news-content{
        padding: 0 .85rem;
    }
    .news-content *{
        max-width: 100%;
    }
    .news-content img{
        height: initial !important;
        max-width: 100%;
    }

    .news-list .list-group .list-item a{
        display: -webkit-box;
        display: box;
        word-break: break-all;
        overflow: hidden;
        -webkit-line-clamp:1;
        -webkit-box-orient: vertical;
        margin-bottom: .1rem;
    }

    .details .teacher-group .teacher-box{
        width: 48.5%;
    }
    .details .teacher-group .teacher-box:nth-child(2n){
        margin-right: 0;
    }

    .container-innerPage .grid .grid-item{
        width: 49%;
        margin-right: 1%;
        height: initial;
        margin-bottom: .25rem;
    }
    .container-innerPage .grid .grid-item:nth-child(2n){
        margin-right: 0;
    }


    .course-content{
        width: 100%;
        padding: 0;
    }

    .course-content .introduction{
        position: relative;
        transform:none;
        opacity: 1;
        padding: 1rem;
        background: none;
    }

    .course-content .introduction-title{
        font-size: 1.5rem;
    }

    .course-content .introduction-content .card{
        min-height: initial;
        padding: 0;
    }
    .course-content .buttons .btn{
        background-position: 110px center;
        background-color: #ba0028;
        display: block;
        line-height: 58px;
    }

    .details-news .title h1{
        font-size: 1.2rem;
    }
    .details-news .details-show *{
        font-size: 1rem;
    }
}