body .container .row{
     background: #ffffff;
}
.curriculum{
    margin-bottom: 0px!important;
}
 #banner{
     position: relative;
     padding: 0;
     margin-bottom: 20px;
 }
 .head-swiper-slide{
     width: 100%;
     height: 360px;
 }
 #banner .swiper-pagination-bullet {
     background-color: rgba(255, 255, 255, 0.6);
     margin: 0px 10px;
 }

 #banner .swiper-pagination-bullet-active {
     background-color: rgba(255, 255, 255, 0.8);
 }
 #banner .new_circle{
     width: 120px;
     height: 22px;
     position: absolute;
     left: 50%;
     margin-left: -40px;
     background: rgba(0, 0, 0, 0.3);
     border-radius: 40px;
     display: flex;
     justify-content:center;
     align-items: center;
 }

 #banner .swipper-btn-l{
     width: 40px;
     height: 48px;
     margin-left:13%;
     background-image: url("../images/arrow-l.png");
     -webkit-background-size: 40px 48px;
     background-size: 40px 48px;
 }
 #banner .swipper-btn-l:hover{
     background-image: url("../images/arrow-l-light.png");
 }
 #banner .swipper-btn-r{
     width: 40px;
     height: 48px;
     margin-right: 13%;
     background-image: url("../images/arrow-r.png");
     background-size: 40px 48px;
 }
 #banner .swipper-btn-r:hover{
     background-image: url("../images/arrow-r-light.png");
 }
 #gallery>.nav-btns{
     display: none;
 }
 #gallery:hover>.nav-btns{
     display: block;
 }


 body .container .row.special-class{
     background:transparent;
     margin-bottom: 20px;
 }


.special-class .col-md-3{
    /*border:1px solid red;*/
    padding: 0px;
    /*border:1px solid red;*/
    /*font-size: 0px;*/
}
 .special-class .col-md-3:nth-child(1) img{
     box-shadow: 0 8px 20px 0 rgba(81,154,218,0.20);
 }
 .special-class .col-md-3:nth-child(2) img{
     box-shadow: 0 8px 20px 0 rgba(225,152,99,0.20);
 }
 .special-class .col-md-3:nth-child(3) img{
     box-shadow: 0 8px 20px 0 rgba(75,220,174,0.20);
 }
 .special-class .col-md-3:nth-child(4) img{
     box-shadow: 0 8px 20px 0 rgba(125,127,223,0.20);
 }
.special-class img{
    /*width: 270px;*/
    /*height:160px;*/
}




 .training-project .major-item a:hover{
    color:currentColor;
}
/*培训项目*/
.training-project .training-items:first-child  .major-item:first-child{
margin-left:14px;
}
.training-project .training-items:nth-child(2) .major-item:last-child{
margin-right:14px;
}
.training-project .major-item{
    width:130px!important;
    height: 105px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    padding: 0px;
    margin:0px 10px;
}
 .training-project .major-item a{
     height: 100%;
     font-size: 14px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }
 .training-project .major-item .abbreviation{
     font-size: 20px;
 }

 .enroll-announce .row{
     margin-bottom:20px;
 }
 .enroll-announce .row:first-child{
     margin-bottom: 0px;
 }

 .enroll-announce .title .title-desc,.intro-enrollment .title .title-desc{
     font-size: 20px !important;
     padding-left: 14px!important;
 }
 .enroll-announce .desc-line:before, .intro-enrollment .desc-line:before{
     width: 4px;
     height: 18px;
     margin-top: -9px;
 }

.intro-enrollment .schools{
    background: #F8F9FA;
    border-radius: 4px;
    padding-bottom: 12px;
    padding-top: 2px;
}

 .intro-enrollment .schools li{
     margin-top: 14px;
 }
 .intro-enrollment .schools li:hover a{
     color: #1CB877;
 }
 
 .intro-enrollment .schools li:before{
     content: '';
     width: 6px;
     height: 6px;
     background: #1CB877;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     display: inline-block;
     position: relative;
     top: -2px;
     left: 0px;
     margin-right: 10px;
     margin-left: 10px;

 }

.enroll-link{
    position: relative;
}
.enroll-btn{
    width: 120px;
    height: 38px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
    background: #ffffff;
    text-align: center;
    line-height: 38px;
    position: absolute;
    bottom: 20px;
    left: 12px;
    color: #F4986F;
}
 .enroll-btn:hover{
     color: #F4986F;
 }
 .intro-enrollment  .row:last-child{
     /* margin-top:10px; */
 }

/*师资力量*/
 #teachers_w a:hover{
     color: currentColor;
 }
 #teachers_w{
     padding-top: 62px;
 }
.teachers_w-item{
    text-align: center;
    /*margin-right: 10px;*/
    /*margin: 0px 10px;*/
    /*width: auto!important;*/
}
 .teachers_w-item a{
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
 }
.teacher_w-profile{
    width: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    position: relative;
    border: 1px solid transparent;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
 #teachers_w img{
     width: 110px;
     /*height: 110px;*/
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     position: absolute;
     top:-55px;
     left: 50%;
     margin-left: -55px;
     z-index: 200;
 }
 #teachers_w h3{
     margin-top: 62px;
     font-size: 26px;
 }
 #teachers_w p{
     font-size: 14px;
     margin-bottom: 0px;
     text-align: justify;
 }
 #teachers_w h3+p{
     margin-top: 5px;
     margin-bottom: 10px;
     text-align: center;
 }

 #teachers_w{
     margin-left: 35px;
     margin-right: 35px;
 }
 .teachers_w{
     position:relative;
 }
 .teachers_w .to-pre,.teachers_w .to-next{
     width: 27px;
     height: 27px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background-position: center center;
     -webkit-background-size: 40%;
     background-size: 40%;
     position: absolute;
     top: 36%;
     margin-top: 14px;
 }
 .teachers_w .to-pre{
     left:10px;
 }
 .teachers_w .to-next{
     right: 10px;
     z-index: 100;
 }

 .footer_w{
     margin-top: 80px;
     font-size: 14px;
     color: #333333;
 }
 .footer_w>.container>*{
     background: #F8F9FA !important;
 }

 .footer_w .container .footer-link{
     margin-bottom: 10px;
 }
 .footer_w .container .copy-right{
     margin-top: 42px;
     margin-bottom: 70px;
     text-align: center;
 }

 .discount_tag{
     top: 15px;
     left: 0px;
     z-index: 2;
     padding: 0px 8px;
     font-size: 10px;
 }
 .course-template{
    height: 100%; 
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
 }
 .details-list .list-item {
    /* padding: 0px 5px; */
    display: flex;
    flex-direction: column;
}.item-about .price-box {
    display: flex;
}
.discount .group-tip.tip{
    background: #FF5B42!important;
    color:#fff!important;
}
.group-tip+.triangle.to-left{
    border-color:transparent #FF5B42  transparent transparent !important;
}

 @media (min-width:768px) and (max-width: 1023px){
     .curriculum .title .title-desc{
         font-size: 22px;
     }
     .training-items{
         margin-bottom:20px ;
     }
     .enroll-announce a,.intro-enrollment .schools a{
         font-size: 14px;
     }
     .enroll-announce a .scan{
         font-size: 12px;
         color: #666666;
     }
     .intro-enrollment .row:nth-child(1) .col,.intro-enrollment .row:nth-child(2) .col{
         padding-left: 0px;
     }
     .enroll-link{
         padding-right: 0px;
         padding-left: 0px;
     }
     .enroll-link img{
     }
     .enroll-link+div{
         padding-left: 5px;
         /*padding-right: 0px;*/
     }
     .enroll-btn{
         width: 77px;
         height: 26px;
         line-height: 26px;
         bottom: 11%;
         left:5%;
         font-size: 14px;
     }

     .teacher_w-profile{
         width: 94%;
         padding-left: 10px;
         padding-right: 10px;
         padding-bottom: 10px;
     }
     .discount_tag{
         top: 15px;
         left: 0px;
         z-index: 2;
         padding: 0 3px;
         font-size: 10px;
     }
     .group-tip+.triangle.to-left{
        border-color:transparent transparent #FF5B42  transparent !important;
    }
     .training-project .major-item{
         height: 77px;
     }
     #teachers_w img{
         width: 58%;
         top: -55px;
         left: 23%;
         margin-left: 0px;
     }
     .reexamine{
         padding-right: 15px;
     }
     .reexamine .item .pic, .reexamine .item .pic img{
         width: 157px;
     }

     .discount_tag{
         padding: 0px 2px;
     }
     .list-item .item-about {
        position: relative;
    }
    .price {
        line-height: 13px;
    }
    .list-item .evaluate {
        padding-bottom: 4px;
        /* margin-top: 5px; */
    }
    .list-item .item-text{
        margin: 6px 6px 8px 6px;
    }
    .list-item .item-about {
        height: 44px;
        flex-direction: column;
        justify-content: space-around!important;
        align-items: flex-start!important;
        margin-bottom: 0px;
    }
    .item-about .price-box {
        display: flex;
        width: 100%;
    }
    .list-item .item-about .discount, .list-item .item-about .discount-group {
        height: 20px;
        align-self: flex-start;
    }
    
    .details-list .list-item {
        padding: 0px 5px;
        display: flex;
        flex-direction: column;
    }
    .course-template{
        padding-top: 0px;
    }
    .template-box .course-template {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding-bottom: 1px;
    }
    .details-list .course-template p{
        margin-top: 0px;
    } 
 }
 @media (min-width: 1024px){
    .training-project .major-item{
        margin:0 7px;
    }
     .reexamine .item .pic, .reexamine .item .pic img{
         width: 170px;
     }

 }