.logo
{
    margin: 16px 0px 14px;
    height: 74px;
}

    .logo a
    {
        display: block;
        text-align: left;
    }

    .logo img
    {
        vertical-align: middle;
        margin-right: 21px;
        height: auto;
        max-height: 74px;
        float: left;
        max-width: 140px;
    }

    .logo span
    {
        display: inline-block;
        height: 100%;
        font: 28px "microsoft yahei";
        color: #333333;
        width: 490px;
        float: left;
    }

        .logo span em
        {
            display: block;
            font-style: normal;
            font-size: 18px;
        }

.tel ul
{
    float: right;
}

    .tel ul li
    {
        float: left;
        margin-top: 8px;
        margin-left: 30px;
    }

        .tel ul li a
        {
            color: #666;
        }

.tel .qh
{
    padding: 2px 5px;
    margin-top: 5px;
    border: 1px solid #979797;
    border-radius: 100px;
}

    .tel .qh a
    {
        margin: 0px 10px;
    }

    .tel .qh .now
    {
        color: #3D8EFD;
    }

.tel .tel_b
{
    margin-top: 42px;
}

    .tel .tel_b img
    {
        vertical-align: bottom;
    }

    .tel .tel_b span
    {
        font-size: 16px;
        color: #3D8EFD;
    }

        .tel .tel_b span em
        {
            font-style: normal;
            margin: 0px 14px;
        }

.nav
{
    width: 100%;
    height: 48px;
    background: #5B98EC;
}

.top .fixed
{
    position: fixed;
    top: 0px;
    z-index: 999;
}

.n_con
{
    position: relative;
}

.nav ul li
{
    float: left;
    height: 48px;
}

    .nav ul li:hover
    {
        background: #84B4F6;
    }

    .nav ul li.current
    {
        background: #4288E7;
    }

    .nav ul li a
    {
        display: block;
        text-align: center;
        padding: 0px 16px;
        line-height: 48px;
        font-size: 16px;
        color: #FFFFFF;
    }

.nav .search
{
    position: absolute;
    top: 8px;
    right: -900px;
    /*display: none;*/
    z-index: 888;
}

    .nav .search input
    {
        width: 268px;
        height: 32px;
        padding-left: 40px;
        border: 1px solid #C3D8F4;
        background: #5B98EC;
        outline: none;
        border-radius: 18px;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        color: #fff;
    }

        .nav .search input::-webkit-input-placeholder
        {
            color: #fff;
        }

        .nav .search input:-moz-placeholder
        {
            color: #fff;
        }

        .nav .search input::-moz-placeholder
        {
            color: #fff;
        }

        .nav .search input:-ms-input-placeholder
        {
            color: #fff;
        }

    .nav .search span
    {
        position: absolute;
        top: 7px;
        left: 38px;
        color: #fff;
    }

    .nav .search i
    {
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
    }

    .nav .search .icon_s
    {
        background: url("../images/icon_search.png") no-repeat;
        top: 50%;
        margin-top: -8px;
        left: 12px;
    }

    .nav .search .icon_c
    {
        background: url("../images/icon_delect.png") no-repeat center;
        top: 50%;
        margin-top: -8px;
        right: 12px;
        /*display: none;*/
    }

.nav .n_con .icon_search
{
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0px;
    background: url("../images/icon_search.png") no-repeat;
}

.banner
{
    width: 100%;
    height: auto;
    max-height: 450px;
    position: relative;
    overflow: hidden;
}

    .banner ul
    {
        width: 300%;
        height: 100%;
    }

        .banner ul li
        {
            width: 33.33%;
            height: auto;
            max-height: 450px;
            float: left;
        }

            .banner ul li img
            {
                width: 100%;
                height: 100%;
                vertical-align: middle;
            }

    .banner ol
    {
        list-style-type: none;
        position: absolute;
        left: 50%;
        margin-left: -54px;
        bottom: 40px;
    }

        .banner ol li
        {
            float: left;
            margin: 0px 10px;
            width: 16px;
            height: 16px;
            background-color: rgba(255,255,255,0.3);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Cffffff,endColorstr=#4Cffffff);
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

            .banner ol li.current
            {
                background-color: #fff;
            }