@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px; list-style:none;}
body{ font-family:'微软雅黑'; font-size:12px;}
img{ border:0px;}


/*头部*/
#head_bg{
    height: 140px;
    background: url("https://www.ecowebph.com/SITE_RES/zbgz_cqtcedu_com/images/top_bg.jpg") center top no-repeat;
    background-size: cover;
}
.head{ width:1000px; margin:0 auto;}
.head .logo{ float:left; margin-top:12px;}
.head .title{ float:left; margin:35px 0 0 10px;}
.head .right{ float:right; width:300px;}
.head a{ float:right; width:80px; height:25px; text-align:center; line-height:25px; display:inline-block;color:#FFF; text-decoration:none; border-right:#FFF solid 1px;}
.head .text{ float:right; margin-top:30px;}



/* 主导航栏 */
.site-navbar {
    position: relative;
    z-index: 1000;
    margin-top: -6px;
    background: #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    border-top: 1px solid #eee;
    border-bottom: 1px solid #e8e8e8;
}

.nav-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

#nav.nav-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 6px 10px;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    min-height: 56px;
}

#nav > li {
    position: relative;
}

#nav > li > a,
#nav .nav-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 52px;
    padding: 0 22px;
    color: #333;
    font-size: 17px;
    font-weight: 400;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

#nav .nav-trigger {
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
}

#nav > li > a:hover {
    background: #f5f5f5;
    color: #065aa8;
}

/* 下拉按钮：鼠标悬停在一级项上（含移入子菜单）或点击展开时高亮 */
#nav .nav-item--dropdown:hover > .nav-trigger,
#nav .nav-item--dropdown.is-open > .nav-trigger,
#nav .nav-item--dropdown.is-open > .nav-trigger:hover {
    background: #f0f6fc;
    color: #065aa8;
}

/* 下拉菜单：默认隐藏；悬停在该一级项上、或点击保持展开（.is-open）时显示 */
#nav .nav-item--dropdown > ul.nav-submenu {
    display: none !important;
}

#nav .nav-submenu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    min-width: 192px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 0 0 1px #e5e5e5;
}

#nav .nav-item--dropdown:hover > ul.nav-submenu,
#nav .nav-item--dropdown.is-open > ul.nav-submenu {
    display: block !important;
}

#nav .nav-submenu li {
    margin: 0;
}

#nav .nav-submenu a {
    display: block;
    padding: 12px 26px;
    color: #3d4a5c;
    font-size: 15px;
    font-weight: 400;
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;
    letter-spacing: 0.03em;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    text-align: left;
    line-height: 1.45;
    transition: background 0.18s ease, color 0.18s ease, padding-left 0.18s ease;
}

#nav .nav-submenu a:hover {
    background: linear-gradient(90deg, rgba(6, 90, 168, 0.08), transparent);
    color: #065aa8;
    padding-left: 30px;
}

/* 窄屏：菜单可换行，下拉仍可用 */
@media (max-width: 900px) {
    #nav.nav-menu {
        justify-content: flex-start;
    }

    #nav > li > a,
    #nav .nav-trigger {
        padding: 0 16px;
        min-height: 48px;
        font-size: 15px;
    }

    #nav.nav-menu {
        gap: 4px 6px;
        padding: 6px 0;
    }

    #nav .nav-submenu a {
        font-size: 14px;
        padding: 10px 20px;
    }

    #nav .nav-submenu {
        left: 0;
        transform: translateX(0);
    }
}



/*banner*/
#banner{ width:1000px; margin:0 auto;}

.main_bg{ background:#FFF; width:1000px; height:850px; margin:0 auto;}
/*正文*/
#main{ width:1000px; margin:10px auto;}

/*左*/
#main .left{ float:left; width:700px; height:220px; background:#FFF;}
#main .left .img_loop{ float:left; border:#999 solid 1px; margin:5px 0 0 0;}
#main .left .img_loop img{ width:300px; height:200px;}


#main .left p{ float:left; width:380px; margin:0 0 0 10px; line-height:30px;}
#main .left p span{ display:inline-block; font-size:14px; font-weight:bold; color:#336699; text-align:center; width:80px;}
#main .left p a{ float:right; color:#666666; text-decoration:none;}

#main .left .bc{ display:inline-block; width:80px; float:left; color:#336699; font-weight:bold;}

#main .left .list{ float:left; width:380px; margin-left:10px; border-top:#006699 solid 2px;}
#main .left .list li a{ color:#666; text-decoration:none; line-height:25px;}
#main .left .list li a:hover{ text-decoration:underline; color:#006699;}
#main .left .list li span{ float:right; line-height:25px;}

#main .left .banner{ margin:5px 0 0 0;}

#main .left .subject{ float:left; width:302px; height:155px; margin:5px 0 0 0;}


/*快速*/
.clear{ clear:both;}

/*展示*/
.loop_title{ width:995px; margin:0 auto; height:30px; line-height:30px; padding-left:5px; background:#FFF;}
.loop_title a{ color:#336699; font-weight:bold; text-decoration:none;}
.award{ width:996px; height:120px; margin:0 auto;  background:#FFF;}
.award #demo{ overflow:hidden;}
.award #demo img{ width:auto; height:100px;}
.award #demo a{ color:#336699; text-decoration:none;}
.award #demo a:hover{ color:#666;}

.loop_title2{ margin-top:5px;}
.award #demo2{ overflow:hidden;}
.award #demo2 img{ width:auto; height:100px;}
.award #demo2 a{ color:#336699; text-decoration:none;}
.award #demo2 a:hover{ color:#666;}

/*底部*/
/* 背景改为蓝色 */
#footer_bg {
    /* 兼容：即使 #footer_bg 被放在定宽居中容器里，也强制铺满视口宽度 */
    width: 99vw;
    margin: 60px 0 0 0;
    margin-left: calc(50% - 49.9vw);
    height: 60px;
    background: #065aa8;         /* 或者 #007bff 之类的蓝色 */
}
/* 让两段文字并排一行 */
#footer_bg .footer {
    display: flex;
    justify-content: center;   /* 可选：居中 */
    gap: 20px;                 /* 可选：两段之间的间距 */
}
#footer_bg .footer p{color:#fff; line-height:60px; text-align:center; display:inline-block; margin:0 10px;}