#home .tuif p,
#home .tuif span {
    line-height: 180% !important;
    margin     : 0 !important
}

.vertical-top {
    vertical-align: top
}

.vertical-bottom {
    vertical-align: bottom
}

.color333 {
    color: #333 !important
}

.color000 {
    color: #000 !important
}

.text_left {
    text-align: left
}

.border_bottom999 {
    border-bottom: 1px solid #999
}

.border_bottomccc {
    border-bottom: 1px solid #ccc
}

.bgeee {
    background-color: #eee
}

.course_milan_article_css .tab,
.school_album .tab {
    margin       : 30px 0 20px 0;
    border-bottom: 1px solid #ccc
}

.course_milan_article_css .chose_xq {
    padding-top : 27px;
    border-top  : 3px solid #000;
    position    : relative;
    width       : 40px;
    margin-right: 50px
}

.course_milan_article_css .border {
    position   : absolute;
    right      : -45px;
    top        : 15px;
    width      : 75px;
    font-size  : 16px;
    color      : #000;
    font-weight: 600
}

.course_milan_article_css .tab:after,
.school_album .tab:after {
    content: " ";
    clear  : both;
    display: table
}

.course_milan_article_css .tab .chose_xq {
    float: left
}

.course_milan_article_css .tab .tab1,
.course_milan_article_css .tab .tab2,
.course_milan_article_css .tab .tab3,
.school_album .tab div {
    height      : 45px;
    margin-right: 50px;
    font-size   : 22px;
    float       : left;
    line-height : 50px;
    text-align  : center;
    cursor      : pointer;
    color       : #ED6D1C
}

.course_milan_article_css.fees .tab .tab1,
.course_milan_article_css.fees .tab .tab2,
.course_milan_article_css.fees .tab .tab3,
.school_album.fees .tab div,
.fees .tab div {
    margin     : 0 78px;
    height     : 45px;
    font-size  : 22px;
    float      : left;
    line-height: 50px;
    text-align : center;
    cursor     : pointer;
    color      : #000
}

.school_album .tab div.first,
.fees .tab div {
    margin-left: 0 !important
}

.fees .tab div.tab6 {
    margin-right: 0
}

@media screen and (max-width:768px) {

    .undergraduate_course .tab .tab1,
    .undergraduate_course .tab .tab2,
    .undergraduate_course .tab .tab3 {
        margin: 4px 20px 0 0 !important
    }

    .undergraduate_course .tab .tab1,
    .undergraduate_course .tab .tab2,
    .undergraduate_course .tab .tab2 {
        margin: 4px 20px 0 0 !important
    }

    .undergraduate_course .tab .tab1,
    .undergraduate_course .tab .tab2,
    .undergraduate_course .tab .tab1 {
        margin: 4px 20px 0 0 !important
    }

    .course_milan_article_css .tab .active,
    .school_album .tab .active,
    .fees .tab .active {
        cursor       : default;
        color        : #000;
        font-weight  : bold;
        border-bottom: 3px solid #000;
        margin       : 4px 20px 0 0 !important
    }
}

.undergraduate_course .tab .tab1,
.undergraduate_course .tab .tab2,
.undergraduate_course .tab .tab3 {
    margin: 4px 50px 0 0
}

.undergraduate_course .tab .tab1,
.undergraduate_course .tab .tab2,
.undergraduate_course .tab .tab2 {
    margin: 4px 50px 0 0
}

.undergraduate_course .tab .tab1,
.undergraduate_course .tab .tab2,
.undergraduate_course .tab .tab1 {
    margin: 4px 50px 0 0
}

.course_milan_article_css .tab .active,
.school_album .tab .active,
.fees .tab .active {
    cursor       : default;
    color        : #ED6D1C;
    font-weight  : bold;
    border-bottom: 3px solid #ED6D1C;
    margin       : 4px 50px 0 0
}

.course_milan_article_css .tab2_main,
.course_milan_article_css .tab3_main,
.school_album .tab_main,
.fees .tab_main {
    display: none
}

.course_milan_article_css .clear {
    clear: both
}

.course_milan_article_css .title-a {
    font-size     : 32px !important;
    font-weight   : 700;
    line-height   : 1 !important;
    text-transform: uppercase;
    margin-bottom : 26px;
    padding-top   : 30px
}

.course_milan_article_css .abstract-a {
    font-size     : 17px;
    margin        : 0;
    padding       : 0;
    border        : 0;
    font-size     : 100%;
    font          : inherit;
    vertical-align: baseline
}

.course_milan_article_css .abstract-a p {
    font-size: 14px
}

.course_milan_article_css .n_course {
    border-top: 1px solid #444;
    margin-top: 30px
}

.course_milan_article_css .top_course {
    border-top: 0
}

.course_milan_article_css .title-c {
    font-size    : 22px;
    font-weight  : 700;
    line-height  : 2;
    margin-top   : 20px;
    margin-bottom: 10px
}

.course_milan_article_css .title-d {
    font-size    : 18px;
    font-weight  : 600;
    margin-top   : 10px;
    margin-bottom: 5px
}

.course_milan_article_css .abstract-c.has-margin {
    margin-bottom : 15px;
    font-size     : 15px;
    line-height   : 26px;
    vertical-align: baseline
}

.course_milan_article_css .courses__list-link {
    margin-top   : 0;
    margin-bottom: 10px;
    padding-left : 0
}

.course_milan_article_css .row-link {
    display        : flex;
    text-decoration: none !important;
    flex-wrap      : nowrap;
    color          : #0f0f0f;
    align-items    : center;
    justify-content: space-between;
    padding-right  : 0;
    padding-top    : 7px;
    padding-bottom : 7px;
    position       : relative
}

.course_milan_article_css .row-link:before {
    content         : "";
    position        : absolute;
    top             : 0;
    left            : -1%;
    width           : 102%;
    height          : 100%;
    background-color: #fff;
    opacity         : 0;
    transition      : opacity .333s cubic-bezier(.77, 0, .175, 1);
    box-sizing      : border-box
}

.course_milan_article_css .row-link__title.is-strong {
    font-weight   : 700;
    text-transform: uppercase
}

.course_milan_article_css .row-link__title {
    font-size    : 14px;
    padding-right: 28px;
    position     : relative;
    margin       : .3em 0;
    flex-grow    : 1;
    line-height  : 1.1
}

.course_milan_article_css .courses__list-link {
    list-style-type: none
}

.course_milan_article_css .courses__list-link .row-link .date {
    color              : inherit;
    font-size          : 14px;
    padding-right      : 50px;
    background-image   : url(../images/left_icon.png);
    background-repeat  : no-repeat;
    background-position: right 15px top 0;
    background-size    : 25px;
    height             : 25px;
    line-height        : 25px
}

.course_milan_article_css .courses__list-link .row-link:hover {
    background-color: #f1f1f1
}

.course_milan_article_css .courses__list-link .row-link:hover .row-link__title {
    color: #23527c
}

.course_milan_article_css .courses__list-link .row-link:hover .date {
    background-image: url(../images/left_icon_on1.png);
    color           : #23527c
}

.article_detail_css .page-heading {
    margin-bottom: 35px
}

.article_detail_css .page-heading .title-a {
    font-size     : 32px;
    font-weight   : 700;
    line-height   : 1;
    text-transform: uppercase;
    margin-bottom : 10px;
    padding-top   : 30px;
    margin-top    : 0
}

.article_detail_css .abstract-a {
    font-size: 16px
}

.article_detail_css p.en-p {
    font-size: 20px !important
}

.article_detail_css .page-main .fees .course_intro {
    font-size    : 22px;
    margin-bottom: 20px;
    font-weight  : 600
}

.article_detail_css .page-main .fees .course {
    height             : 35px;
    line-height        : 35px;
    font-size          : 16px;
    text-indent        : 14px;
    background-color   : #f1f1f1;
    background-image   : url(../images/arrow-down.svg);
    background-repeat  : no-repeat;
    background-size    : 14px;
    background-position: top 10px right 10px;
    cursor             : pointer;
    margin-top         : 2px;
    font-weight        : 600
}

.article_detail_css .page-main .fees .on {
    background-image: url(../images/arrow-up.svg)
}

.article_detail_css .page-main .fees .course_dateil {
    padding         : 10px 0;
    background-color: #f0f0f0;
    display         : none;
    text-indent     : 42px
}

.article_detail_css .page-main .fees .course_dateil.first {
    display: block
}

.article_detail_css .page-main .fees .course_dateil p {
    margin   : 0 0 6px 0;
    font-size: 14px
}

.article_detail_css .page-main .fees .more_fees {
    margin: 10px 0 0 0
}

.article_detail_css .page-main .fees .more_fees a {
    font-size: 14px
}

.article_detail_css .course_summary {
    margin-top   : 40px;
    margin-bottom: 40px
}

.article_detail_css .course_summary h3 {
    margin-top   : 0;
    font-size    : 16px;
    margin-bottom: 10px;
    font-weight  : 600
}

.article_detail_css .course_summary p {
    margin       : 0;
    font-size    : 14px;
    line-height  : 180%;
    margin-bottom: 15px
}

.article_detail_css .ss {
    height             : 58px;
    line-height        : 58px;
    font-weight        : 600;
    font-size          : 16px;
    border-top         : 1px solid #ccc;
    background-image   : url(../images/arrow-down.svg);
    background-repeat  : no-repeat;
    background-size    : 14px;
    background-position: top 22px right 10px;
    cursor             : pointer;
    text-align         : left
}

.article_detail_css .ss.on {
    background-image: url(../images/arrow-up.svg)
}

.article_detail_css .ss_target {
    display: none
}

.article_detail_css .ss_target ul,
.article_detail_css ul.dot {
    padding-left   : 18px;
    margin         : 20px 0;
    margin-top     : 0;
    list-style-type: none
}

.article_detail_css .ss_target ul>li,
.article_detail_css ul.dot>li {
    position   : relative;
    font-size  : 14px;
    padding    : 2px 0;
    line-height: 24px
}

.article_detail_css .ss_target ul>li:before,
.article_detail_css ul.dot>li:before {
    content         : "";
    height          : 5px;
    width           : 5px;
    background-color: #0f0f0f;
    border-radius   : 50%;
    position        : absolute;
    display         : inline-block;
    left            : -15px;
    top             : 11px;
    box-sizing      : border-box
}

#acti {
    padding-bottom: 60px
}

#acti .row:after,
#acti .act-row:after {
    content: " ";
    display: table;
    clear  : both
}

#acti .fl {
    float: left
}

#acti .fr {
    float: right
}

.sia-title {
    cursor     : default;
    font-weight: 400
}

.sia_tit_l .sia-title {
    font-size : 28px;
    color     : #333;
    margin    : 0;
    text-align: center
}

.sia_tit_l .sia-sectitle {
    font-size    : 20px;
    margin-bottom: 16px;
    font-weight  : 400
}

.samebtn_red {
    line-height       : 38px;
    position          : relative;
    z-index           : 11;
    display           : block;
    overflow          : hidden;
    width             : 80px;
    height            : 40px;
    transition        : .3s;
    -webkit-transition: .3s;
    -moz-transition   : .3s;
    -ms-transition    : .3s;
    -o-transition     : .3s;
    text-align        : center;
    cursor            : pointer;
    text-decoration   : none;
    color             : #FFF;
    border            : 2px solid #ED6D1C;
    background        : #ED6D1C
}

.samebtn_red:hover {
    color           : #ED6D1C;
    border-color    : #ED6D1C;
    background-color: #FFF;
    text-decoration : none
}

a.samebtn_red:after {
    position          : absolute;
    z-index           : -1;
    bottom            : 0;
    left              : -10%;
    width             : 0;
    height            : 3px;
    height            : 120%;
    content           : '';
    transition        : .3s;
    -webkit-transition: .3s;
    -moz-transition   : .3s;
    -ms-transition    : .3s;
    -o-transition     : .3s;
    transform         : skewX(15deg);
    background        : #333
}

#acti .act-item {
    height             : 304px;
    max-width          : 380px;
    padding            : 0;
    color              : #4a4a4a;
    background-position: bottom;
    background-size    : cover;
    cursor             : pointer;
    overflow           : hidden;
    position           : relative;
    z-index            : 0;
    background-repeat  : no-repeat
}

#acti .act-item:first-child {
    margin-left: 0
}

#acti .act-item-cover {
    bottom            : -55px;
    width             : 100%;
    height            : 148px;
    padding           : 24px;
    background-color  : hsla(0, 0%, 100%, .8);
    transition        : all .3s;
    -webkit-transition: all .3s;
    -moz-transition   : all .3s;
    -ms-transition    : all .3s;
    -o-transition     : all .3s;
    position          : absolute;
    background-repeat : no-repeat;
    overflow          : hidden
}

#acti .act-item-cover:before {
    background-position: bottom;
    background-size    : auto 304px
}

#acti .act-item-cover:before {
    display        : block;
    content        : "";
    position       : absolute;
    top            : 0;
    left           : 0;
    bottom         : 0;
    right          : 0;
    filter         : blur(10px);
    -webkit-filter : blur(10px);
    -moz-filter    : blur(10px);
    filter         : progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
    background-size: cover;
    margin         : -10px;
    z-index        : -1
}

#acti .act-item-cover strong {
    font-size  : 20px;
    font-weight: 500;
    font-style : normal
}

#acti .act-item:hover .act-item-cover {
    bottom          : 0;
    background-color: rgba(33, 33, 33, .8);
    color           : #fff
}

#acti .act-item .act-item-cover strong a {
    font-size      : 18px;
    color          : #4a4a4a;
    text-decoration: none
}

#acti .act-item:hover .act-item-cover strong a {
    color: #fff
}

#acti .rq {
    margin: 5px 0
}

#acti .act-item-cover p {
    position : absolute;
    bottom   : 24px;
    font-size: 14px
}

.success_case {
    padding: 50px 0 60px 0
}

.success_case .container {
    max-width: 1196px
}

.success_case .samebtn_red {
    position: absolute;
    top     : -4px;
    right   : 15px
}

#acti .act-wrap {
    max-width: 1196px
}

.college_introduction .title,
.teacher .title {
    text-align : center;
    font-size  : 28px !important;
    font-weight: 600;
    margin     : 20px 0
}

.college_introduction .head {
    background: #f1f1f1;
    padding   : 10px
}

.college_introduction .head div {
    line-height: 180%;
    font-size  : 14px
}

.college_introduction .content p {
    margin-bottom: 15px
}

.teacher .ss_target .people {
    text-align   : left;
    margin-bottom: 40px;
    margin-left  : 37px;
    border-bottom: 1px dashed #ccc
}

.teacher .ss_target .people:last-child {
    border-bottom: 0
}

.teacher .ss_target .pic_word img {
    float        : left;
    margin-right : 15px;
    margin-bottom: 10px
}

.teacher .ss_target .pic_word .job {
    font-size  : 14px;
    font-weight: 700
}

.teacher .ss_target .pic_word .name {
    font-size  : 14px;
    font-weight: 700
}

.teacher .ss_target .pic_word .con {
    line-height: 24px;
    color      : #666
}

.teacher .content {
    margin-bottom: 25px
}

.teacher .gw_title {
    font-size    : 22px;
    text-align   : left;
    font-weight  : 600;
    margin-bottom: 10px;
    color        : #000
}

.teacher .gw_title1 {
    margin-top   : 55px;
    margin-bottom: 15px
}

.teacher .gw_content {
    line-height  : 24px;
    margin-bottom: 25px
}

.teacher .people:first-child {
    margin-top: 20px
}

.teacher .zx {
    text-align   : left;
    font-weight  : 600;
    font-size    : 16px;
    margin-bottom: 15px
}

.famous_schoolmate .title {
    font-size : 28px !important;
    margin    : 20px 0;
    text-align: center
}

.school_album .title {
    margin-bottom: 45px
}

.famous_schoolmate .content {
    margin-bottom: 25px
}

.famous_schoolmate .img3:after {
    clear     : both;
    content   : '';
    display   : block;
    width     : 0;
    height    : 0;
    visibility: hidden
}

.famous_schoolmate .img3 .img1 {
    float        : left;
    width        : 200px;
    height       : 256px;
    margin-right : 30px;
    margin-bottom: 50px
}

@media screen and (max-width:768px) {
    .famous_schoolmate .img3 .img1 {
        /* float: none; */
        width        : 200px;
        height       : 256px;
        /* margin    : 10px!important; */
        margin-bottom: 50px !important;
    }
}

.school_album .img3 .img1 {
    width       : 220px;
    margin-right: 10px;
    height      : 206px
}

.school_video .img3 .img1 {
    height: 174px
}

.famous_schoolmate .img3 .img1 .p1 {
    text-align: center
}

.school_album .img3 .img1 .p1 {
    height     : 50px;
    line-height: 50px;
    color      : #000;
    background : #eee;
    cursor     : pointer;
    transition : 1s all
}

.school_album .img3 .img1:hover .p1 {
    color     : #fff;
    background: #333
}

.famous_schoolmate .img3 .img2 {
    width        : 150px;
    height       : 226px;
    margin       : 0 auto;
    overflow     : hidden;
    margin-bottom: 3px
}

.school_album .img3 .img2 {
    width        : 220px;
    height       : 156px;
    margin-bottom: 0
}

.school_video .img3 .img2 {
    position: relative;
    height  : 124px
}

.school_video .img3 .img2 .icon {
    position: absolute;
    width   : 30px;
    height  : 30px;
    top     : 55px;
    left    : 90px
}

.school_video .img3 .img2 .icon img {
    width : 30px;
    height: 30px
}

.famous_schoolmate .img3 .img1 img:hover {
    transform: scale(1.2)
}

.school_album .img3 .img1 img:hover {
    transform: none
}

.famous_schoolmate .img3 .img1 img {
    width        : 150px;
    height       : 226px;
    margin-bottom: 5px;
    transition   : all 1s
}

.school_video .img3 .img1 img {
    height: 124px
}

.school_album .img3 .img1 img {
    width     : 220px;
    height    : 156px;
    transition: none
}

.famous_schoolmate .change_state {
    display      : block;
    height       : 38px;
    width        : 125px;
    line-height  : 38px;
    text-align   : center;
    font-size    : 14px;
    color        : #444;
    border       : 2px solid #333;
    background   : #fff;
    margin       : 0 auto;
    margin-bottom: 30px;
    outline      : 0
}

.famous_schoolmate .change_state:hover {
    background-color: #333;
    color           : #fff
}

.famous_schoolmate .other {
    display: none
}

.fees .years {
    font-size  : 22px;
    color      : #000;
    font-weight: 600;
    margin     : 50px 0 30px 0;
    text-align : center
}

.fees .title-c {
    margin       : 0;
    line-height  : 1;
    font-size    : 18px;
    color        : #000;
    font-weight  : 600;
    margin-bottom: 10px
}

.fees .top_course {
    margin-top: 0
}

.fees .collage {
    margin-bottom: 40px;
    min-height   : 174px
}

.fees .collage table {
    color        : #333;
    margin-bottom: 30px
}

.fees .collage table th {
    font-weight   : 600;
    color         : #333;
    padding-left  : 20px;
    padding-top   : 10px;
    padding-bottom: 10px
}

.fees .collage table td {
    line-height: 180%;
    padding    : 5px 0 5px 20px !important;
    font-size  : 14px !important
}

.fees .tuif .tiaokuan {
    font-size  : 22px;
    color      : #000;
    font-weight: 600
}

.fees .tuif {
    font-size  : 14px;
    line-height: 24px
}

.fees .item .head {
    margin-top: 30px
}

.fees .item .p {
    font-size  : 14px;
    line-height: 180%
}

.fees hr {
    width     : 250px;
    margin    : 60px auto;
    height    : 1px;
    border    : 0;
    border-top: 1px solid #000
}

.fees a.chose_collage {
    display              : inline-block;
    cursor               : pointer;
    padding              : 5px 8px;
    color                : #fff;
    border               : 1px solid #666;
    background           : #666;
    -moz-border-radius   : 0;
    -webkit-border-radius: 0;
    border-radius        : 0;
    -moz-appearance      : none;
    -webkit-appearance   : none;
    text-decoration      : none !important;
    color                : #fff !important
}

.fees a.chose_collage.active {
    border    : 1px solid #000;
    background: #000
}

.fees a.chose_collage:hover {
    background  : #000;
    border-color: #000
}

.fees .collage .js_main {
    height: 174px
}

.fees .zhanghu .zhanghu1 {
    background: #f1f1f1;
    padding   : 10px
}

.fees .zhanghu .zhanghu1 a {
    margin-left: 10px
}

.apply_progress .apply_progress_head {
    font-size    : 20px;
    font-weight  : 700;
    position     : relative;
    margin-bottom: 20px;
    margin-top   : 30px;
    height       : 34px;
    line-height  : 34px
}

.apply_progress .apply_progress_head button {
    font-weight       : 300;
    font-size         : 15px;
    position          : absolute;
    right             : 0;
    bottom            : 1px;
    color             : #FFF;
    border            : 2px solid #ED6D1C;
    line-height       : 34px;
    width             : 80px;
    height            : 34px;
    transition        : .3s;
    -webkit-transition: .3s;
    -moz-transition   : .3s;
    -ms-transition    : .3s;
    -o-transition     : .3s;
    text-align        : center;
    cursor            : pointer;
    text-decoration   : none;
    background        : #ED6D1C;
    outline           : 0
}

.apply_progress .apply_progress_head button:hover {
    color           : #ED6D1C;
    background-color: #FFF
}

.apply_progress .apply_content {
    line-height: 24px
}

.apply_progress .apply_content.first {
    margin-bottom: 10px
}

.apply_progress .apply_content .p1 {
    font-weight: 600;
    font-size  : 16px
}

.apply_progress .sqqd {
    margin-top   : 40px;
    font-size    : 20px;
    font-weight  : 600;
    margin-bottom: 10px
}

.mb0 {
    margin-bottom: 0 !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.swiper-button-prev.mobile.share {
    background-image: none;
    color           : #fff;
    font-size       : 32px
}

.swiper-button-next.mobile.share {
    background-image: none;
    color           : #fff;
    font-size       : 32px;
    top             : 35%
}

.swiper-button-prev.mobile.news {
    background-image: none;
    color           : #fff;
    font-size       : 32px;
    left            : 20px;
    top             : 40%
}

.swiper-button-next.mobile.news {
    background-image: none;
    color           : #fff;
    font-size       : 32px;
    top             : 40%;
    right           : 20px
}

@media(max-width:767px) {
    .fees .collage table td {
        padding: 5px 0 5px 0 !important
    }

    .fees .collage table th {
        padding-left: 2px
    }

    .index_pa {
        padding: 25px 0 15px 0
    }

    .art-content {
        bottom     : 40px;
        width      : calc(100% - 60px);
        left       : 30px;
        margin-left: 0
    }

    #home .container {
        padding-left: 14px
    }
}

@media(min-width:767px) and (max-width:991px) {
    #acti .act-item-cover {
        bottom : -15px;
        padding: 4px;
        height : 70px
    }

    #acti .rq p {
        display: none
    }

    #acti .act-item .act-item-cover strong a {
        font-size: 16px
    }

    #acti .act-item-cover strong {
        line-height: 110%
    }

    .art-wrap {
        min-height: 270px
    }

    .art_title em {
        margin-bottom: 15px
    }

    .art-content {
        padding-top   : 35px;
        padding-bottom: 20px;
        bottom        : -60px;
        height        : auto;
        width         : 160px;
        margin-left   : -80px
    }

    .art-content strong {
        font-size: 18px
    }

    .art {
        height: auto
    }

    #home .container {
        padding-left: 14px
    }
}



@media (max-width: 1199px) and (min-width: 992px) {

    .module-title .kczx_button {
        margin-right: 10px;
    }

}