@charset "utf-8";
/* CSS Document */
.Width { width: 1190px; margin: 0 auto; }
.hide , .onlymob { display: none; }
.container{ width:1200px; margin:0 auto; position:relative; box-sizing: border-box }
.container::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }

/* 通用头部 */
.ht_top {
    width: 100%; overflow: hidden;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px; }
.ht_top .zt_top {
    width: 1200px; height: 41px; margin: 0 auto; }
.ht_top h1 {
    float: left; }
.ht_top h1 a {
    float: left;
    width: 131px;
    height: 40px;
    overflow: hidden;
    text-indent: -100em;
    background: url(../img/logo.png) no-repeat center;
    font-size: 12px;
    background-size: contain;}
.ht_top .topnav {
    float: right; color: #333; font-size: 16px; }
.ht_top .topnav a {
    padding: 0 8px; }
.ht_top .topnav a:hover {
    color: #e4393c; text-decoration: underline; }

/* 通用底部 */
.footer { clear: both; position: relative; padding: 30px 0; text-align: center;}
.footer p { position: relative; z-index: 2; color:#0E0D0D; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color:#0E0D0D; }

@media only all and (max-width:1200px) {
    .onlymob {
        display: block;
    }
    .Width {
        width: 16.5rem;
    }
    .container{
        width: 98%;
    }
    .fl,.fr{
        float: none;
    }

    /* 隐藏元素 */
    .ht_top .topnav a:nth-child(n+2),
    .stage,
    .footer p,
    .pc, .onlypc {
        display: none;
    }
    ul.no_after::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }

    /* 通用头部 */
    .ht_top {
        height: 1rem;
		background-size: auto 100%;
		line-height: 1rem;
    }

    .ht_top h1 a {
        height: 1rem;
		width: 2.8rem;
		background: url(../img/logo.png) no-repeat center / contain;
		margin-top: 0rem;
		margin-left: .3rem;
    }

    .ht_top .topnav {
        font-size: .4rem;
        text-indent: -1000rem;
    }

    .ht_top .topnav a {
        padding: 0rem 9.3rem 0rem 0rem;
        text-indent: 0;
        float: right;
    }

    .footer {
        position: relative;
        height: 1rem;
        padding: 0;
        overflow: hidden;
    }

    .footer:before {
        display: block;
        content: "华图教育集团版权所有";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1rem;
        overflow: hidden;
        color:#000;
        font-size: .2rem;
        line-height: 1rem;
        text-align: center;
    }
}