#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:#000
}
.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 10px 0 0!important
    }
    .undergraduate_course .tab .tab1,.undergraduate_course .tab .tab2,.undergraduate_course .tab .tab2{
        margin:4px 10px 0 0!important
    }
    .undergraduate_course .tab .tab1,.undergraduate_course .tab .tab2,.undergraduate_course .tab .tab1{
        margin:4px 10px 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 10px 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:#000;
    font-weight:bold;
    border-bottom:3px solid #000;
    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 #f58635;
    background:#f58635
}
.samebtn_red:hover{
    color:#f58635;
    border-color:#f58635;
    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;
    font-size:12px;
}
#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:10px;
    margin-bottom:30px
}
@media screen and (max-width:768px){
    .img3{
        padding-top:75px
    }
    .famous_schoolmate .img3 .img1{
   /* float: none; */
    width: 200px;
    height: 256px;
    /* margin: 0 auto; */
    margin-bottom: 75px;
    }
}
.school_album .img3 .img1{
    width:220px;
    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 #f58635;
    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:#f58635;
    outline:0
}
.apply_progress .apply_progress_head button:hover{
    color:#f58635;
    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 (max-width: 1199px) and (min-width: 992px){
	.module-title {
	    width: auto;
	}
}


@media (max-width: 1199px) and (min-width: 992px){
	.module-title .kczx_button {
	    margin-right:10px;
	}

}



@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
    }
}