﻿@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%
    }
    .tit{
        padding:40px 0 20px
    }
    .swiper-pagination{
        display:none
    }
    #foot .left .address{
        float:none
    }
    .hiden,.shower{
        display:none
    }
    #foot .right .beizhu .input{
        width:100%
    }
    #foot .right .submit .btn{
        /*margin:auto*/
    }
    #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(max-width:821px){
    #foot .right .paddleft{
        padding-left:0
    }
    #banner{
        height:90%
    }
    /* #banner .swiper-slide>img{
        top:80px
    } */
    #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
    }
    #recom{
        display:none
    }
    #adviser .cont .caption h4{
        font-size:16px;
        line-height:30px;
        margin-bottom:6px
    }
    #adviser .cont .caption p{
        line-height:20px
    }
    #adviser .cont .pic img{
        position:static;
        left:0;
        top:0x;
        width:100%;
        height:auto
    }
    .school-detail{
        overflow:hidden
    }
    .school-detail img{
        width:100%
    }
    .school-detail ignore_js_op img{
        width:100%
    }
    #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:100%
    }
    #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
    }
    #home #article .videoplay{
        width:300px!important;
        height:200px!important
    }
    .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%
    }
}



@media screen and (max-width: 767px){
	.samebtn_red{
	    height: 30px;
	    line-height: 30px;
	    display: none;
	}	
}


@media screen and (min-width:992px) and (max-width:1199px){

	.module-title {
	    width: auto;
	}
}


@media (max-width:1199px) and (min-width:992px){
	#foot .right .beizhu .input{
	    width:423px!important;
	}
}