@media (max-width: 1700px) {
    .backTop{
        right: 100px;
    }
}
@media (max-width: 1200px) {
    .section_one .container{padding:0 15px;}
    .service_tab{padding:0 50px;}
}

@media (max-width: 992px) {
    .nav{padding-right:0;}
    .nav li{padding:10px 5px;}

    .s_title{padding:55px 0 40px;}
    .s_title b{width:150px;}
    .s_title .ti_center{margin:0 30px;}
    .s_title .ti_center h3{font-size: 24px;line-height: 30px;}

    .brand_lt{padding:30px 50px 30px 0;}
    .brand_lt:before{width:26px;height:20px;background-size:26px;}
    .brand_rt{padding:30px 0 0 0;}
    .brand_rt:before{width:40px;background-size: 40px;height:30px;}
    .brand_rt h3{font-size: 20px;}
    .brand_rt .brand_txt{line-height: 26px;height:130px;-webkit-line-clamp:5;}

    .service_tab{padding:0 15px;}
    .service_list dd a span{font-size: 18px;}
}
@media (max-width: 767px) {
    #model_banner{
        padding-top: 60px;
    }
    .editname2{
        margin: 9px 0 0 15px;
    }
    .edit-input{
        width:200px;
    }
    .mymain{
        padding-top: 60px;
    }
    .login-tips{
        display: none;
    }
    .sort-name .stxt{
        width:90%;
    }
    .winmain2{
        min-height: 250px;
        width:100%;
        left:0;
        top:150px;
        position: fixed;
    }
    .videomain{
        height:250px;
    }
    .backTop{
        display: none;
    }
    .emoji_list{
        width:100%;
        margin-bottom: 20px;
        height: 160px;
    }
    .pagination{
        margin:0 0 40px;
    }
    .page{
        display: none;
    }
    .mywindow{
        width:100%;
    }
    .minfo{
        width:100%;
    }
    .stxt-active{
        width:100%;
    }
    .course-main{
        margin-top: 20px;
    }
    .post-btn4{
        margin:0 20px 0 20px;
    }
    .mywindow2{
        width:100%;
        top:100px;
    }
    .winmain {
        width: 100%;
        left: 0;
    }
    #model_banner .banner_img img {
        max-height: 200px;
    }
    .f-left{
        width:100%;
    }
    .f-right{
        width:100%;
    }
    .forum-left2{
        width:100%;
        margin:24px 0;
    }
    .forum-middle2{
        margin:0 0 80px 0;
        width:100%;
    }
    .userimg {
        width: 52px;
        height: 52px;
    }
    .username {
        font-size: 24px;
        margin: 11px 0 0 15px;
    }
    .userinfo {
        padding: 10px;
        margin-top: 20px;
    }
    .card-bottom{
        margin: 20px 0 100px;
    }
    .f-right span{
        padding:0 20px 0 0;
    }
    .apply-list{
        width:100%;
        margin-right: 0;
    }
    .apply-list2{
        width:100%;
        margin-left: 0;
    }
    .dname{
        width:100%;
    }
    .dolist{
        width:50%;
        text-align: center;
        margin-bottom: 20px;
    }
    .dname1{
        font-size:24px;
        margin-bottom:20px;
        padding-bottom: 16px;
    }
    .dname2{
        font-size: 20px;
    }
    .m-right{
        width:100%;
    }
    .drinfo2{
        margin-bottom: 60px;
    }
    .dleft{
        width:100%;
    }
    .dright{
        width:100%;
    }
    .card-title{
        font-size:20px;
    }
    .post-btn1{
        margin-left: 0;
    }
    .left-list{
        padding:10px 0;
    }
    .mmright{
        width:100%;
        margin-top: 20px;
    }
    .forum-left{
        width:100%;
        margin:20px 0;
    }
    .forum-middle{
        width:100%;
        margin:0;
    }
    .forum-right{
        width:100%;
        margin:0 0 100px;
    }
    .right-top2 {
        margin: 0;
    }
    .model-main{
        margin:20px 0 50px 0;
    }
    .course-top2{
        padding:20px 20px 20px 0;
        margin-bottom: 0;
    }
    .detail-left{
        width:100%;
    }
    .detail-right{
        width:100%;
    }
    .detail-bottom{
        margin-bottom: 100px;
        padding: 20px 20px 20px 0;
    }
    .detail-name{
        font-size:20px;
    }
    .detail-tip{
        font-size:20px;
        padding-left: 20px;
        margin-bottom: 10px;
    }
    .sort-name{
        margin-bottom: 15px;
    }
    .course-top{
        padding:20px 0;
    }
    .search{
        width:100%;
        margin-top: 20px;
    }
    .cname{
        width:100%;
        text-align: center;
        font-size:26px;
    }
    .search-input{
        width: 80%;
        height: 40px;
        background: #FFFFFF;
        border-radius: 4px;
        border:none;
    }
    .right-top{
        margin: 0;
    }
    .course-left{
        width:100%;
    }
    .course-list {
        margin: 0 0 24px 2%;
        width: 48%;
    }
    .courseimg{
        max-height:160px;
        overflow: hidden;
    }
    .cimg-div{
        width:100%;
        height:160px;
    }
    .course-right{
        width:100%;
    }
    .block-one{
        height:100px;
    }
    .block-two{
        height:100px;
    }
    .block-three {
        height: 100px;
        padding: 40px 0;
    }
    .block-four {
        height: 100px;
        padding: 40px 0;
    }
    .block-five {
        height: 100px;
        padding: 40px 0;
    }
    .block-six {
        height: 100px;
    }
    .section_two{
        padding-bottom: 30px;
    }
    .block-txt1{
        font-size:18px;
        padding: 20px 0 10px 0;
    }
    .block-txt2{
        font-size: 12px;
    }
    .block-txt3{
        font-size:18px;
    }
    .block-txt4{
        font-size:18px;
        padding: 20px 0 10px 0;
    }
    .left-main{
        display: none;
    }
    .content{
        padding:50px 0 0;
    }

    .block1-list{
        width:50%;
        margin-bottom: 20px;
        text-align: center;
    }
    .index-right{
        width:100%;
    }
    .contitle{
        padding:40px 0 30px 0;
        font-size: 22px;
    }
    .conname{
        width:20%;
    }
    .softmain{
        width:80%;
    }
    .softlist{
        width:46%;
    }
    .list4{
        width: 48%;
        margin: 0 1% 20px;
        padding:15px 0;
    }
    .title2 {
        padding: 40px 0 30px 0;
        font-size: 22px;
    }
    .section_three{
        padding-bottom: 30px;
    }
    .conlist4{
        width:33.3333333333%;
        padding: 0 0 20px 0;
        text-align: center;
    }
    .addiv {
        width: 110px;
        height: 110px;
        line-height: 110px;
    }
    .adimg {
        width: 90px;
        height: 90px;
    }
    .model-header{height:60px;padding:10px 15px;background: #d0322e;position: fixed;width:100%;z-index: 990;}
    .model-header-logo{height:40px;position: relative;}
    .model-header-logo img{position: absolute;left:0;top:0;bottom:0;margin:auto;max-height: 100%;max-width: 100%;}
    .model-navbtn{width:30px;height:40px;float:right;position: relative;}
    .model-navbtn img{width: 28px;position: absolute;right:0;top:0;bottom:0;margin:auto;}


    .s_title{padding:45px 0 20px;}
    .s_title .ti_center h3{font-size: 20px;line-height: 24px;height:24px;overflow: hidden;}
    .s_title .ti_center span{line-height: 24px;height:24px;overflow: hidden;}
    .s_title .ti_center{margin:0 auto;width:150px;}
    .s_title b{width: 23%;}
    .section_one {padding-bottom:40px;}
    .brand_rt h3{font-size: 16px;height:20px;line-height: 20px;
        overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:1;}
    .brand_rt .brand_txt{margin:7px 0 5px;}

    .service_cont{padding:0 0 40px;}
    .service_list{width:49%;margin:0 0 20px 0;}
    .service_cont .service_list:nth-child(2n){float: right;}

    .news_list{float:none;width:100%;margin:0 0 20px;padding:0 10px;}
    .news_list dl{padding:20px;}
    .news_list dl dd .news_txt{line-height: 26px;height:52px;-webkit-line-clamp:2;}

    .contact_list li{float:none;width:100%;text-align: left;padding-left:6%;overflow: hidden;margin-bottom:10px;}
    .contact_list li span{float:left;width:50px;height:50px;}
    .contact_list li p{margin-left:70px;}
    .contact_list{padding-bottom:25px;}


    .copyM{background: #f9f9f9;color:#666;font-size: 14px;padding:10px 0;}
    .copyM a{color:#666;font-size: 14px;}
    #wrap_index{padding-bottom:56px;}
    #quickbar-wrap{padding-top:0;}
    .model-textlist-four ul li a:hover .newtime{padding-right:15px;}
    .model-phone-page a{padding:4px 4%;}

}


@media (max-width: 520px){
    .brand_rt .brand_txt{height:305px;-webkit-line-clamp:3;}
    .brand_lt{padding-right:30px;}
    .brand_lt:after{right:15px;}

}
@media (max-width: 374px){
    .s_title b{width:18%;}
    .addiv {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .txt1{
        font-size:14px;
    }
}


@media (min-width: 768px){
    .service_list:hover dd{display: block;}

    .news_list dl:hover{border-bottom:3px solid #f1453b;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);}
    .news_list dl:hover dd>a{color: #f1453b;}
}


@media (min-width: 1200px){
    .container{width: 1220px;}
}