/*========== 通用顶部导航（首页与二级页共用，经 /inc/top_nav.html 碎片引入） ==========*/
/*引入本碎片的页面隐藏畅游通调头部（通调页脚 #cyou_bottom 保留）*/
#cyou_top {
    display: none !important;
}

/*顶部导航：通屏固定顶栏，悬停展开下拉菜单；
  首页在 main.css 中以更高优先级覆盖为 1920 画布定位，参与 elementFit 缩放*/
.top_nav {
    width: 100%;
    min-width: 1000px;
    height: 74px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    background: rgb(57 37 28 / 80%);
}

.tn_inner {
    position: relative;
    width: 1000px;
    height: 74px;
    margin: 0 auto;
}

/*logo 压缩至 120×86，压条下沿露出（与通调 logo 默认尺寸解耦）*/
.top_nav .djhj_logo {
    position: absolute;
    left: 0;
    top: 2px;
    width: 120px;
    height: 86px;
    background-size: 100% 100%;
}

.tn_list {
    position: absolute;
    right: 0;
    top: 0;
}

.tn_list li {
    position: relative;
    float: left;
    width: 135px;
}

.tn_t {
    display: block;
    padding-top: 18px;
    text-align: center;
}

.tn_t b {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #ffc62c;
    transition: color .3s;
    font-family: fangsong;
    font-weight: bolder;
}

.tn_t i {
    display: block;
    font-size: 8px;
    line-height: 14px;
    font-style: normal;
    color: #887347;
    letter-spacing: 1px;
}

.tn_list li:hover .tn_t b {
    color: #fff8f0;
}

/*下拉面板：整体一块黑色自上而下渐变背景，悬停导航时与下拉列一起展开*/
.tn_list::after {
    content: '';
    position: absolute;
    top: 74px;
    left: 0;
    width: 100%;
    height: 250px;
    background: linear-gradient(rgba(0, 0, 0, .68), rgba(0, 0, 0, 0));
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: opacity .3s, visibility 0s .3s;
}

.top_nav:hover .tn_list::after {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility 0s 0s;
}

/*下拉列：透明底，链接排布，悬停导航时全部展开*/
.tn_sub {
    position: absolute;
    top: 74px;
    left: 0;
    width: 100%;
    padding: 10px 0 48px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0s .3s;
}

.top_nav:hover .tn_sub {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility 0s 0s;
}

.tn_sub a {
    display: block;
    font-size: 16px;
    line-height: 36px;
    color: #fff8f0;
    transition: color .3s;
}

.tn_sub a:hover {
    color: #ffc62c;
}