/* 命名规则如下 */
/* 隶属于的CSS-主类别-属于板块 */
/* 优先使用继承，如果可以实现的话 */

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* 导航内容 */
.guide-div-row  /* 导航栏div */
{
    position:fixed;
    top:0;
    width:100%;
    height:64px;
    z-index: 9999;
}

#guide-div-color
{
    background-color:#23282B80;
    transition: background-color 0.5s ease-in-out;
}

#guide-div-color.changed {
    background-color: #23282Bff;
  }

@media (max-width:800px)
{
    .guide-div-row
    {
        height:32px;
    }
}

@media (max-width:540px)
{
    .guide-div-row
    {
        height:64px;
    }
}

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* Guide Menu */
.guide-t1
{
    font-size:18px;
    line-height: 0px;
    padding:0px 5px;
    transition: color 0.25s ease;
}

.guide-t1:hover
{
    color:#2f816f;
}

.guide-t1:active
{
    color:#2e6b5d;
}

.guide-high-light
{
    color:#225449 !important;
}

.guide-div-menu/* 导航栏菜单*/
{
    position: fixed;
    width:auto;
    height:48px;
    float:right;
    top:2px;
    right:24px;
}

.guide-div-menu li /* guide list */
{
    float:left;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
}
.guide-div-menu a /* guide href */
{
    width: auto;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align:right;
    text-decoration: none;
    color: white ;
}

@media (max-width:800px)
{
    .guide-t1
    {
        font-size:8px;
        line-height: 0px;
        padding:0px 3px;
        transition: color 0.25s ease;
    }

    .guide-div-menu li /* guide list */
    {
        padding-left: 5px;
        padding-right: 5px;
    }

    .guide-div-menu a /* guide href */
    {
        width: auto;
        height: 16px;
        line-height: 16px;
    }

    .guide-div-menu
    {
        height:24px;
        margin-top:6px;
        top:0px;
        right:16px;
    }
}

@media (max-width:540px)
{
    .guide-div-menu
    {
        display: none;
    }
}


/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/

/* Guide Img */
.guide-img-logo/*顶栏的LOGO*/
{
    width: 192px;
    height: 48px;
    float:left;
    margin: 8px 0 0 48px;
}

@media (max-width:800px)
{
    .guide-img-logo
    {
        width: 96px;
        height: 24px;
        margin: 4px 0 0 24px;
    }
}

@media (max-width:540px)
{
    .guide-img-logo
    {
        display: none;
        width: 192px;
        height: 48px;
        float:left;
        margin: 8px 0 0 50%;
        transform: translate(-50%, 0);
    }
}