@charset "utf-8";
@media (max-width: 1570px) {

    .header .header-left{
        width: 81%;
    }
    .header .header-right{
        width: 19%;
    }
}
@media (max-width: 1550px) {
    .header .header-left .list li a{
        background: none !important;
        padding:0;
    }
}
@media (max-width: 1520px){
    .w1520{
        padding:0 25px;
    }
}
@media (max-width: 1341px){
    .apply .ewm-list .item .image{
        width: 140px;
        height: 140px;
        border-radius: 140px;
    }
    .apply .ewm-list .item .image img{padding:30px;}
    .apply .ewm-list .item .name{font-size:12px;}
}
@media (max-width: 1158px){
    .apply .ewm-list .item .image{
        width: 120px;
        height: 120px;
        border-radius: 120px;
    }

}
@media (max-width: 1058px){
    .w58{
        padding:0 30px;
    }
}
@media (max-width: 991px) {
    .header{height:50px;}
    .header .container-fuild{
        padding-right: 30px;
    }
    .news .list .bd li{
        width: 50%;
    }
    .pub-title{
        font-size:18px;
    }
    .header{
        top:0;
        right: 0;
        width: 100%;
        transition: none;
        -webkit-transition: none;
        -o-transition: none;
        -moz-transition: none;
    }
    .header.b{
        left:auto !important;
        
    }
    .header .header-left{
        width:100%;
    }
    .header .header-left .logo{
        width:60%;
    }
    .header .header-right{
        width:50%;
        position: absolute;
        top:0;
        right:-50%;
        z-index: 999;
        line-height: 50px;
        font-size: 0;
    }
    .header .header-left .open-menu{
        line-height: 50px;
    }
    .header .header-right a{
        line-height: 50px;
        width: 50%;
        font-size: 16px;
        padding: 0;
    }
    .header .header-left .list{
        position: fixed;
        width:50%;
        right:-50%;top:50px;
        background: #fff;
        height: auto;
        box-shadow: -1px 0 2px rgba(0,0,0,0.1);
        overflow: auto !important;
    }
    .banner{padding-top:50px;}
    .header .header-left .list>li{
        float: none;
        width:100%;
        height: 60px;

        border-bottom: 1px solid #DDD;
        padding: 0 30px;
        position: static;
        clear: both;
        overflow: hidden;

    }
    .header .header-left .list>li>a{
        text-align: left;
        color:#333;
        line-height: 60px;

        height: 100%;

        position: relative;
        width:100%;
        padding:0;

    }
    .header .header-left .list>li>a.se{
       display: none;

    }
    .header .header-left .list>li>a.sec-open{
        display: block;
        width: 100%;
        height: 100%;
        line-height: 60px;
        position: static;

    }
    .header .header-left .list > li:first-child a{
        padding-right: 0;
    }
    .header .header-left .list>li>a.sec-open i{
        display: inline-block;
        float:right;
    }
    .header .header-left .list>li>a i{
        display: inline-block;
        float: right;
    }
    .header .header-left .list>li:hover{
        background: none;
    }
    .header .header-left .list>li:hover a{
        color: #333;
    }
    .header .header-left .list>li>ul{
        position: absolute;
        top:0;
        left: 100%;
        width:100%;
        height: 100%;
        z-index: 999;
        display: block;
        background: #FFF;
        box-shadow: -1px 0 2px rgba(0,0,0,0.1);
        overflow: auto !important;

    }
    .header .header-left .list>li>ul>.tit{
        height: 60px;
        line-height: 60px;
        background: #000;
        color:#FFF;

    }
    .header .header-left .list>li>ul>.tit a{
        color:#FFF;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        top:2px;
        display: inline-block;
        padding-right:15px;
    }
    .header .header-left .list>li>ul>li{
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #DDD;
        padding: 0 30px;
    }
    .header .header-left .list>li>ul>li>a{
        color:#333;
    }
    .header .header-left .list>li>ul>li:hover{
        background: none;
    }
    .header .header-left .list>li>ul>li:hover a{
        color:#333;
    }
    .news{
        padding:20px 0;
    }
    .news .pub-title{
        padding-bottom: 20px;
    }


    .news .news-tit{
        font-size:14px;
        padding: 15px 0;
    }
    .news .news-cont{
        font-size: 12px;
        font-weight: normal;
    }
    .about .w58 .intro{
        font-size:14px;
        font-weight: normal;
        padding: 15px 0 30px 0;
    }
    .about{
        padding:25px 0;
    }
    .about .w58 .number-list .num{font-size:14px;}
    .about .w58 .number-list .cont{font-size:14px;}
    .about .w58 .number-list .num span{
        font-size:23px;
    }
    .about .w58 .number-list{
        padding-top: 25px;
    }
    .about .w58 .number-list .col-md-3{
        padding:10px 0;
    }
    .service .t-box{
        position: relative !important;
        width: 100%;
        height: auto;
        overflow: hidden;
        clear: both;
    }
    .service .t-box .vertical{
        position: static;
        top:0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(-0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .service .t-box .content .intro{
        padding-bottom: 20px;
    }
    .service .t-box .content .tit{
        padding:15px 0;
        font-size:16px;
    }
    .service .t-box .content .keys{
        padding-bottom:20px;
        font-size:14px;
    }
    .service .ser-list{
        width:100%;
        float:none !important;
    }
    .service .ser-list .item .name{
        font-size:16px;
    }
    .service .ser-list .item .com{font-size:12px;}
    .service .ser-list .item:nth-child(3){
        background: #ECECED;
    }
    .service .ser-list .item:nth-child(4){
        background: #FFF;
    }
    .apply{padding:15px 0}
    .apply .ewm-list{display: none}
    .apply .tit{
        font-size:18px;
    }
    .apply .com{
        padding:10px 0;
        font-size: 12px;
    }
    .apply a{
        width: 200px;
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -o-border-radius: 15px;

        font-size: 16px;

    }
    .fr-link{
        padding: 20px 0;
    }
    .fr-link .rows{margin:0 -10px;padding:10px 0}
    .fr-link .rows .item{
        width: 25%;
        padding: 10px;
    }
    .footer .ft_top{border-bottom: 0;padding-bottom: 0;}
    .footer .ft_top .foot-contact{
        display: none;
    }
    .footer .ft_top .foot-nav{
        width: 100%;
    }
    .footer .ft_top .foot-nav .list > li{
        float: none;
        width: 100%;
       padding:20px 0;
        border-bottom: 1px solid #858585;
    }
    .footer .ft_top .foot-nav .list > li:first-child,.footer .ft_top .foot-nav .list > li:last-child, .footer .ft_top .foot-nav .list > li:last-child, .footer .ft_top .foot-nav .list > li:nth-child(7){
        display: block !important;
    }
    .footer .ft_top .foot-nav .list > li > a{
        display: inline-block;
    }
    .footer .ft_top .foot-nav .list > li a.down{
        display: inline-block;
        float: right;
        transition: all 0.5s linear;
        -webkit-transition: all 0.5s linear;
    }
    .footer .ft_top .foot-nav .list > li a.down.active{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .footer .ft_top .foot-nav .list > li>ul{display: none}
    .footer .ft_top .foot-nav .list > li>ul>li{
        line-height: 26px;
    }
    .footer .ft_top .ft-ewm{display: block}
    .footer .ft_top .ft-ewm .item p{
        padding-top:10px;
    }
    .footer .ft-bottom{
        text-align: center;
    }
    .search-area{background: #333;}
    .search-area .search-box{padding:40px 0;}
    .search-area .search-box .logo{
        display: none;
    }
    .search-area .search-box .form-area{width:88%}
    .search-area .search-box .form-area .fm input{
        width: 80%;
        height: 50px;
    }
    .search-area .search-box .form-area .fm a{width: 20%;height: 50px;line-height: 44px;font-size: 20px;}
    .main-content{background: #FFF}
    .main-content .right-content{
        padding:0 20px;
    }
    .main-content .right-content .t-area{
       padding: 15px 0;
    }
    .main-content .right-content .cont{
        padding:5px 0;
        font-size: 12px;
    }
    .main-content .right-content .cont p{font-size:12px;}
    .main-content .right-content .bts{padding:15px 0;}
    .main-content .right-content .cont .vip-box .title{
        font-size: 14px;
        padding: 15px 0;
    }
    .main-content .right-content .cont .title{font-size:14px;}
    .main-content .right-content .cont .edu-box .edu-fm .row div{
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .main-content .right-content .cont .edu-box .edu-fm .tit{padding-bottom: 15px;}
    .main-content .right-content .cont td .cover .content{
        width: 100%;
    }
    .main-content .right-content .cont td .cover .content .left .title{
        padding-bottom: 15px;
    }
    .main-content .right-content .cont td .cover .content .close-dt{
        top:46px;
    }
    .main-content .fixBt{
        display: none;
    }
    .main-content .right-content .cont .venues-box .item{
        padding:10px 0;
    }

}

@media (max-width: 767px) {
    .service .ser-list .item{

        width: 100%;
    }
    .news .container{

    }
    .news .list{
        margin: 0 !important;
    }
    .news .list .bd li{
        width: 100%;
        margin: 0 !important;
    }
    .main-content .right-content .cont td .cover .content{
        white-space: normal !important;
    }
    .fr-link .rows{margin:0 -5px;}
    .fr-link .rows .item{
        width: 50%;
        padding: 5px;
    }

    .footer .ft_top .ft-ewm .item{}
    .footer .ft_top .ft-ewm .item .image{
        width:120px;
        height: 120px;
        border-radius: 120px;
    }
    .footer .ft_top .ft-ewm .item .image img{
        padding:20px;
    }
    .main-content .right-content .cont .vip-box .search-vip{
        padding: 15px;
    }
    .main-content .right-content .cont .vip-box .search-vip form input{
        width:70%;
        font-size: 12px;
        padding: 0;
    }
    .main-content .right-content .cont .vip-box .search-vip form button{
        width:30%;
    }
    .main-content .right-content .cont .venues-box .item .image,.main-content .right-content .cont .venues-box .item .content{
        width:100%;
        float: none;
    }
    .main-content .right-content .cont .venues-box .item .content{
        padding:15px 0;
        font-size: 12px;
    }
    .main-content .right-content .cont .venues-box .item .content .tit{font-size:14px;}
    .main-content .right-content .cont .venues-box .item .content .desc{font-size:12px;}
    .main-content .right-content .cont .venues-box .item .content .read-more a{font-size:25px;}
    .main-content .right-content .cont .detail-box .tit-area .title{font-size: 14px;}
    .main-content .right-content .cont .detail-box .down-box a{
        width:150px;
    }
    .main-content .right-content .cont .venues-box .item{padding:10px 0;}


    .main-content .right-content .cont p{
        text-indent: 0;
    }

}
@media (max-width: 407px){
    .covers .content .form-list li .getYzm {
        width: 40% !important;
    }
}
@media (max-width: 391px){
    .main-content .right-content .cont .detail-box .down-box a{
        width:120px;
    }
}