@charset "utf-8";

a {
    color: #dc7d0d
}

@media(min-width:767px) and (max-width:1199px) {
    #recom .list {
        float   : left;
        width   : 28%;
        height  : auto;
        overflow: hidden
    }

    #recom .caption {
        float: right;
        width: 68%
    }

    .module-link {
        right: 14px
    }

    .tit {
        padding: 40px 0 20px
    }

    #foot .left .address {
        float: none
    }

    .hiden,
    .shower {
        display: none
    }

    #acti li .timg-wrap {
        position     : relative;
        height       : 200px;
        margin-left  : -24px;
        margin-right : -24px;
        margin-bottom: 18px
    }

    #acti li .timg {
        position: relative;
        height  : 100%;
        overflow: hidden
    }

    #acti li .timg-wrap::after {
        position          : absolute;
        z-index           : 9;
        content           : "";
        display           : block;
        height            : 0;
        width             : 0;
        background        : #fff;
        -o-transition     : all 1s ease-in-out;
        -moz-transition   : all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        transition        : all 1s ease-in-out
    }

    #acti li .timg-wrap::before {
        position: absolute;
        z-index : 9;
        content : "";
        display : block;
        height  : 0
    }

    #acti li .timg::after {
        position: absolute;
        z-index : 9;
        content : "";
        display : block;
        height  : 0
    }

    #acti li .timg::before {
        position: absolute;
        z-index : 9;
        content : "";
        display : block;
        height  : 0;
        width   : 0
    }

    #acti li .cont:hover .timg-wrap::after {
        width: 4%
    }

    #acti li .cont:hover .timg-wrap::before {
        width: 4%
    }

    #acti li .cont:hover .timg-wrap .timg::after {
        width: 4%
    }

    #acti li .cont:hover .timg-wrap .timg::before {
        width: 4%
    }

    #acti li .cont:hover .timg-wrap .timg img {
        -o-transform     : scale(1.1);
        -moz-transform   : scale(1.1);
        -webkit-transform: scale(1.1);
        transform        : scale(1.1)
    }

    #adviser .cont .caption {
        width: 370px
    }

    #adviser .cont .pic img {
        left: 0;
        top : 0
    }

    #acti li h3 {
        font-size: 16px
    }
}

@media(max-width:990px) {
    #foot .left .address {
        float: none
    }

    .hiden,
    .shower {
        display: none
    }
}

@media(min-width:767px) {
    #recom1 {
        display: none
    }

    .acwap {
        display: none
    }

    .adviserwap {
        display: none
    }
}

@media(max-width:414px) {
    #recom1 .recomnav ul {
        overflow: hidden
    }

    #recom1 .recomnav ul li {
        width      : 25%;
        font-size  : 12px;
        color      : #fff;
        margin-left: 0
    }

    #recom1 .recomnav ul li.current {
        background: #000
    }

    #recom1 .recomnav {
        -webkit-box-sizing: border-box;
        -moz-box-sizing   : border-box;
        padding-bottom    : 10px
    }

    #recom1 .cont .img {
        width  : 30%;
        float  : left;
        padding: 10px 0 0 12px
    }

    #recom1 .cont .img img {
        width: 100%
    }

    #recom1 .cont .detail {
        float       : left;
        width       : 100%;
        padding-left: 14px
    }

    #recom1 .cont .detail h4 {
        color    : #000;
        font-size: 16px
    }
}

@media(min-width:768px) {
    .top1hide {
        display: none
    }
}

@media screen and (max-width:767px) {
    .school-detail img {
        width: 100%
    }

    .school-detail ignore_js_op img {
        width: 100%
    }

    .samebtn_red {
        height     : 30px;
        line-height: 30px;
        display    : none
    }

    #home #article .videoplay {
        width  : 300px !important;
        height : 200px !important;
        z-index: -99
    }

    #home #aside.news_detail {
        padding-left: 14px
    }

    #adviser .cont .pic img {
        position: static;
        left    : 0;
        top     : 0x;
        width   : 100%;
        height  : auto
    }

    .art-wrap .art-a {
        padding-right: 0;
        margin-bottom: 25px
    }

    .art-wrap .art-b {
        padding-left : 0;
        margin-bottom: 30px
    }
}

@media(max-width:1199px) {
    #banner .swiper-slide>img {
        top: 80px
    }
}

@media(min-width:1199px) {
    #foot .left .address {
        padding-left: 60px
    }
}

@media(max-width:821px) {
    #foot .right .paddleft {
        padding-left: 0
    }

    #banner {
        height: 90%
    }

    #banner .swiper-slide>img.mobile_img_index {
        width     : 100%;
        height    : auto;
        min-height: auto;
        min-width : auto
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 10px
    }

    #banner .banner1 h4 {
        font-size    : 26px;
        padding      : 0 10px;
        line-height  : 50px;
        text-align   : center;
        margin-bottom: 18px
    }

    #banner .banner1 p {
        font-size: 16px;
        margin   : 16px auto 30px;
        padding  : 0 16px
    }

    #banner .swiper-pagination-bullet {
        width: 59px
    }

    .top1 {
        display: none
    }

    .subNav a,
    .navContent a {
        color: #fff !important
    }

    #home {
        padding-bottom: 0
    }

    #home .padright {
        padding      : 0 10px;
        margin-bottom: 10px
    }

    #home #article .center * {
        text-align: left
    }

    .tit {
        padding:
    }

    .list1 ul li {
        width: 30%
    }

    .tit {
        padding: 0 0 10px
    }

    .tit h3 {
        text-align    : center;
        font-size     : 22px;
        letter-spacing: 2px;
        margin        : 25px 0 10px 0
    }

    #home p.text-center.p1 {
        display: none
    }

    #home .btn {
        margin-top: 0
    }

    .module-title {
        width      : 100%;
        padding-top: 15px
    }

    .module-title h2 {
        font-size: 22px;
        margin   : 10px
    }

    .module-link {
        top        : 24px;
        right      : 14px;
        width      : 80px;
        height     : 30px;
        line-height: 30px;
        font-size  : 12px
    }

    .module-title div {
        padding-top: 10px
    }

    .art-wrap {
        padding-top: 20px
    }

    .success_case {
        padding: 20px 0 20px 0
    }

    .sia_tit_l .sia-title {
        font-size: 22px
    }

    .btn {
        margin: 30px auto 10px
    }

    .btn.share {
        margin: 0 auto 30px
    }

    .btn.index_btn {
        width: 140px
    }

    #recom {
        display: none
    }

    #adviser .cont .caption h4 {
        font-size    : 16px;
        line-height  : 30px;
        margin-bottom: 6px
    }

    #adviser .cont .caption p {
        line-height: 20px
    }

    .school-detail {
        overflow: hidden
    }

    #adviser .cont .caption::after {
        display: none
    }

    #acti .time {
        margin-bottom: 0
    }

    #acti .more {
        padding-top: 6px
    }

    #acti .marg-top {
        margin-top: 16px
    }

    .adviserwap .img {
        width: 36%;
        float: left
    }

    .adviserwap .img img {
        width: 100%
    }

    .adviserwap .cont .pic {
        width : 100%;
        height: 150px;
        margin: 0 auto
    }

    .adviserwap .cont h4 {
        font-size : 16px;
        color     : #333;
        width     : 80%;
        margin    : 0 auto;
        text-align: center;
        margin-top: 10px
    }

    .adviserwap .pic img {
        width : 100%;
        height: 100%
    }

    .adviserwap .caption {
        width        : 100%;
        float        : right;
        margin-bottom: 20px
    }

    .adviserwap .caption .p1 {
        color    : #292929;
        font-size: 14px
    }

    .adviserwap .caption .anniu {
        padding   : 8px 12px;
        background: #e77817;
        color     : #fff;
        margin-top: 18px;
        display   : inline-block
    }

    .adviserwap .anniu {
        padding   : 8px 12px;
        background: #e77817;
        color     : #fff;
        margin    : 18px auto 0 auto;
        display   : block;
        width     : 100px
    }

    #home #article li:hover {
        color: #fff
    }

    #foot #icp p {
        font-size  : 12px;
        line-height: 26px;
        padding    : 0 14px
    }

    #foot .left .logo img {
        width: 140px
    }

    #foot .left .address {
        float: none
    }

    #foot .left h4 {
        width     : 100%;
        text-align: center
    }

    #foot .right .input {
        width: 100%
    }

    #foot .right p.first {
        -webkit-display: block;
        display        : block;
        align-items    : center;
        justify-content: space-between
    }

    #foot .right .beizhu .input {
        width      : 100%;
        margin-left: 0;
        margin-top : 20px
    }

    #foot .right .beizhu span {
        top: 0
    }

    #foot .right span.require::after {
        position   : absolute;
        content    : "*";
        display    : block;
        color      : #f00;
        right      : -10px;
        top        : 20px;
        line-height: 38px
    }

    #foot .right .submit .btn {
        border : 0;
        outline: 0;
        cursor : pointer
    }

    .caption p.time {
        display: none
    }

    .school_album .tab div:last-child {
        margin-right: 0
    }

    .school_album .tab div {
        font-size: 18px;
        margin   : 0 20px 0 0
    }

    .course_milan_article_css .courses__list-link .row-link .date {
        background-position: right 0 top 0
    }

    .course_milan_article_css .tab .tab2,
    .course_milan_article_css .tab .tab3,
    .course_milan_article_css .tab .tab4,
    .course_milan_article_css .tab .tab5,
    .course_milan_article_css .tab .tab6 {
        margin   : 4px 10px 0 0 !important;
        font-size: 18px !important
    }

    .course_milan_article_css .tab .tab1 {
        margin   : 4px 16px 0 0 !important;
        font-size: 18px !important
    }

    .tab1.school_album_tab_js.first {
        /* margin: 4px 10px 0 0 !important */
    }

    .news_tab .tab1.school_album_tab_js.first {
        margin-top  : 0 !important;
        /* margin-right: 16px !important */
    }

    .course_milan_article_css .tab .active {
        border-bottom: 3px solid #000
    }

    .course_milan iframe {
        width: 100%
    }
}