.time_line *
{
    margin: 0;
    padding: 0;
}

.card_value *
{
    font-family: 微软雅黑;
}

.card_value
{
    background: url(/Image/content-container/jg/map.png) center no-repeat;
    background-size: 72%;
    width: 1050px;
    min-height:354px;
    margin: 5px auto;
    margin-top:40px;
}

.time_line
{
    width: 100%;
}

.timeline
{
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url("/Image/content-container/jg/line-icon.png") 1px 286px repeat-x;
}

    .timeline li
    {
        float: left;
        list-style-type: none;
    }

.dates
{
    padding-top: 50px;
}

    .dates li
    {
        margin-top: 30px;
        color: #000;
        width: 200px;
        height: 50px;
        padding-top: 20px;
        text-align: center;
        background: url("/Image/content-container/jg/node.png") center top no-repeat;
    }

.dates_selected
{
    color: #FF6600;
    font-weight: bold;
    font-size: 20px;
}

.issues li
{
    height: 254px;
}

    .issues li div.iss_con
    {
        margin: 0 auto;
        height: 100%;
    }

        .issues li div.iss_con h1
        {
            height: 100%;
            color: #717173;
            float: left;
            line-height: 254px;
            width: 35%;
            text-align: right;
        }

            .issues li div.iss_con h1 a
            {
                margin-top: -50%;
            }

        .issues li div.iss_con p
        {
            margin: 10px 0px;
            font-size: 16px;
            color: #7C7C7E;
            width: 580px;
            white-space: initial;
        }

        .issues li div.iss_con .iss_p
        {
            padding-left: 40%;
            position: relative;
            margin-top: -10px;
        }

            .issues li div.iss_con .iss_p a
            {
                position: absolute;
                color: #FF6600;
            }

                .issues li div.iss_con .iss_p a:hover
                {
                    text-decoration: underline;
                }

.prev, .next
{
    position: absolute;
    cursor: pointer;
    width: 22px;
    height: 39px;
    margin-top: -30px;
}

.prev
{
    left: 100px;
    background: url(/Image/content-container/jg/prev.png) center no-repeat;
}

.next
{
    right: 100px;
    background: url(/Image/content-container/jg/next.png) center no-repeat;
}




.jg_list
{
    width: 90%;
    height: 100px;
    margin: 0 auto;
}

    .jg_list ul
    {
        width: 100%;
        margin-left: 80px;
    }

        .jg_list ul li
        {
            width: 100px;
            list-style-type: none;
            text-align: left;
            float: left;
            height: 30px;
        }

            .jg_list ul li a
            {
                font-size: 16px;
                line-height: 14px;
            }

                .jg_list ul li a.jg_select
                {
                    color: #FF6600;
                    font-weight: bold;
                    font-size: 18px;
                    line-height: -10px;
                }







.time_line_select
{
    width: 1050px;
    height: 50px;
    font-family: 微软雅黑;
    margin: -20px auto;
}

    .time_line_select .card
    {
        float: left;
        cursor: pointer;
        margin-left: 5px;
    }

    .time_line_select .time_line_card p
    {
        padding: 5px 10px;
        margin: 0px;
        font-size: 17px;
    }

    .time_line_select .card_select p
    {
        background-color: #efefef;
        color: #FF6600;
    }

.card_animate
{
    width: 88px;
    position: absolute;
    top: 16px;
}

.card_border
{
    width: 100%;
    border-top: 2px solid #FF6600;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
}

.card_angle
{
    width: 5px;
    border-top: 5px solid #FF6600;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    margin-left: 39px;
}