* {
    margin: 0;
    padding: 0;
}

html,
body {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

a {
    text-decoration: none;
    color: #FFffff;
}

ul li {
    list-style: none;
}

.nav_cen {
    margin: 0 auto;
    width: 110rem;

}

.head_nav:after,
.head_rig>ul:after,
.nav_cen:after,
.icon_all:after .foot_cen:after,
.foot .nav_cen:after,
.foot_rig:after {
    content: "";
    display: block;
    clear: both;

}

.header_fu {
    width: 100%;
    height: 8.6rem;

}


.banner {
    width: 100%;
    height: 24rem;
    background: url("../imgs/contact/contact.png") no-repeat;
    background-size: cover;
}

.icon_all {
    width: 89rem;
    height: 30.3rem;
    padding: 6rem 0rem 1.8rem 0.4rem;
    display: block;
    margin: 0 auto;
}

.icon_all .icon_list {
    float: left;
    margin-right: 2rem;
}

.icon_list {
    width: 20.6rem;
    height: 27rem;
    background-color: #ffffff;
    box-shadow: 0rem 0rem 1rem 0rem rgba(69, 71, 72, 0.37);
    border-radius: 1rem;
}

.icon_list>img {
    width: 8rem;
    display: block;
    margin: 0 auto;
    padding: 3.6rem 0rem 2rem 0rem;
}

.icon_list>h2 {
    font-family: MicrosoftYaHei;
    font-size: 2rem;
    line-height: 5rem;
    letter-spacing: 0.18rem;
    color: #333333;
    text-align: center;
}

.icon_list>p {
    display: block;
    padding: 1.4rem 0rem 3rem 0rem;
    width: 19rem;
    font-family: MicrosoftYaHei;
    font-size: 1.4rem;
    line-height: 3rem;
    color: #333333;
    margin: 0 auto;
    text-align: center;

}

.map {
    margin-bottom: 3rem;
}

.map iframe {
    width: 101rem;
    height: 42.1rem;
    display: block;
    margin: 0 auto;
}

#go_top>img {
    width: 3.1rem;
    height: 3.1rem;
    cursor: pointer;
}

#go_top {
    position: fixed;
    right: 2.6rem;
    bottom: 1.6rem;
    z-index: 9999;
}

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

    body,
    html {
        font-size: 14px !important;
    }

}

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

    body,
    html {
        font-size: 13.3px !important;
    }
}

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

    body,
    html {
        font-size: 12.8px !important;
    }
}

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

    body,
    html {
        font-size: 12px !important;
    }

    .map iframe {
        width: 88.4rem !important;
    }

    .map iframe {
        height: 46.1rem;
    }

}

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

    body,
    html {
        font-size: 11.6px !important;
    }

    .map iframe {
        /*width: 88.6rem !important;*/
    }
}


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

    .colleges ul li {
        padding: 0rem 3.5rem 0rem 4.1rem;
    }

    .icon_list {
        width: 21rem;
    }

    .map iframe {
        width: 90.6rem !important;
        padding-left: 1rem;

    }

}

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

    body,
    html {
        font-size: 10.6px !important;
    }

    .map iframe {
        width: 90.6rem;
        padding-left: 1rem;
    }
}