@media only screen and (max-width: 5000px){

}

@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1400px){

}

@media only screen and (max-width: 1340px){

}

@media only screen and (max-width: 1140px){


}

@media only screen and (min-width: 768px){

}

@media only screen and (max-width: 1570px){
    .hd-nav ul li {
        margin: 0 8px;
    }
}
@media only screen and (max-width: 1300px){
    .hd-nav ul li {
        margin: 0 2px;
    }
}
@media only screen and (max-width: 1300px){
    .hd-nav ul li {
        margin: 0 2px;
    }
}
@media only screen and (min-width: 1200px){
    .menu {
        display: none;
    }
}
@media only screen and (max-width: 1200px){
    .hd-nav {
        margin:0;
        position: absolute;
        overflow: hidden;
        height: auto;
        color: #ccc;
        background: #585858;
        width: 100%;
        text-align: center;
        top:100%;
        display: none;
    }
    .hd-nav ul li {
        float: none;
        border-bottom:1px solid #ffffff1f;
    }
    .hd-nav ul li.on h3 a::after {
        background: none;
    }
    #banner {
        height: 600px;
    }
    .index-sec2 ul li {
        width: 33.3333333%;
    }
    .table_card {
        width: 100%;
    }
    .table_card .tab{
        width: 100%;
    }
    .newslist01 {
        width: 100%;
    }
    .mobile-li{
        width: 50% !important;
    }
    .ar-college{width: 100%}
    .ar-college .content{width: 100%}
}

@media only screen and (max-width: 767px){
    .index-sec1 ul li {
        width: 60%;
    }
    .index-sec1 .item-box span {
        width: 100%;
    }
    .index-sec2 ul li {
        width: 50%;
    }
	.index-sec3 ul li {
	    width: 60%;
	}
    .table_card {
        width: 100%;
    }
    .table_card .tab{
        width: 100%;
    }
    .newslist01{
        width: 100%;
    }
    .custom ul li {
        width: 100%;
    }
    .mobile-li{
        width: 100% !important;
    }
    .menu{
        width: 60px;
        height: 30px;
        line-height: 68px;
        display: inline-block;
        position: absolute;
        right: -15px;
        top: 15px;
    }
    .contact{
        width: 100%;
        overflow: hidden;
        height: auto;
    }
    .contact-left {
        width: 100%;
        height: 250px;
        text-align: center;
    }
    .index-sec4 {
        padding: 97px 0 100px;
        overflow: hidden;
        height: auto;
    }
    .contact-left img {
        float: none;
        position: relative;
        top: -45px;
        width: 80%;
    }
    .contact-right{
        width: 100%;
    }
    .contact-right p{
        width: 90%;
        font-size: 12px;
    }
    .about{
        width: 100%;
    }
    .about .content{
        width: 100%;
        padding: 0px 20px;
    }
    .hot-line,.ft-infos dl,.ft-infos ul{
        width: 100%;
        margin-bottom: 10px;
    }
    #ft .ft-infos .hot-line h3{
        font-size: 15px;
    }
    .hot-line{
        text-indent: 10px;
    }
    #ft .ft-infos .erweima li{
        width: 43%;
    }
    .ar-college .content{
        padding: 0 20px;
    }
    .sidebar{
        right: 10px;
    }
    .form-bottom .form-title h3{
        font-size: 12px;
    }
    .hd-logo {
        height: 100%;
        width: 40%;
        line-height: 68px;
        margin-left: 0px;
        text-align: right;
        float: left;
    }
}

@media only screen and (max-width: 599px){

}

@media only screen and (max-width: 479px) {
    .index-sec1 ul li{
        width: 100%;
    }
    .index-sec2 ul li{
        width: 100%;
    }
	.index-sec3 ul li{
	    width: 100%;
	}

}