/* CSS GongGao */
.top_box {
    width: 100%;
    height: 100px;
    background: url(../image/btn_01.png) no-repeat;
    background-size: 100% 100px;
    box-shadow: 0 6px 15px rgba(52, 69, 121, 0.1);
}

.top_box .tit {
    width: 1400px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
}

.top_box .tit p {
    font-size: 40px;
    color: var(--bai);
    font-weight: bold;
    letter-spacing: 2px;
    padding-left: 100px;
    margin: 0 auto;
}

.top_box .tit a {
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--zlan);
    background: var(--bai);
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid var(--bai);
    cursor: pointer;
    transition: all 0.3s;
}

.top_box .tit a:hover,
.top_box .tit a:active {
    color: var(--bai);
    background: rgba(4, 67, 192, 0.3);
}

/*公告列表------------------------------------------------开始-----------*/
.gg_list,
.gg_content {
    width: 1400px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 20px;
    margin: 30px auto;
    overflow: hidden;
    box-shadow: 0 6px 15px rgba(52, 69, 121, 0.1);
}

.gg_list li {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #dde0e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.gg_list li .ggbt_box h1 {
    font-size: 26px;
    color: var(--txt);
    margin-bottom: 10px;
}

.gg_list li .ggbt_box p {
    font-size: 16px;
    color: #afb3bb;
}

.gg_list li a {
    width: 100px;
    height: 40px;
    box-sizing: border-box;
    background: url(../image/btn_01.png) 0 no-repeat;
    background-size: 100px 40px;
    border: 1px solid #14adff;
    overflow: hidden;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(52, 69, 121, 0.1);
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.gg_list li a:hover,
.gg_list li a:active {
    background: url(../image/btn_02.png) 0 no-repeat;
    background-size: 100px 40px;
    border: 1px solid #d7e0f4;
    color: var(--txt);
}

.page {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 50px;
}

.page a {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d7e0f4;
    box-sizing: border-box;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
}

.gg_list .page .page_act,
.page a:hover,
.gg_content ul a:hover {
    background: linear-gradient(to top, var(--zlan), var(--dlan));
    border: 1px solid var(--dlan);
    color: var(--bai);
}

.gg_list li:hover .ggbt_box h1 {
    color: var(--dlan);
}

/*公告列表------------------------------------------------结束-----------*/
/*公告详情------------------------------------------------开始-----------*/
.gg_content dt {
    border-bottom: 1px solid #dde0e9;
    padding-bottom: 20px;
}

.gg_content dt h1 {
    font-size: 26px;
}

.gg_content dd {
    padding: 30px;
}

.gg_content dd p {
    font-size: 18px;
}

.gg_content ul {
    display: flex;
    justify-content: center;
    align-self: center;
    margin: 0 auto;
    margin-top: 20px;
}

.gg_content ul a {
    border: 1px solid #d7e0f4;
    padding: 5px 20px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 10px;
}

/*公告详情------------------------------------------------结束-----------*/
/*不可选择--------文字--------------------------------------*/
.top_box .tit p,
.gg_list li .ggbt_box p,
.gg_content dt h1,
.gg_list li .ggbt_box h1{
    -moz-user-select: none;
    /* Firefox私有属性 */
    -webkit-user-select: none;
    /* WebKit内核私有属性 */
    -ms-user-select: none;
    /* IE私有属性(IE10及以后) */
    -khtml-user-select: none;
    /* KHTML内核私有属性 */
    -o-user-select: none;
    /* Opera私有属性 */
    user-select: none;
    /* CSS3属性 */
}
/*适配*/
@media only screen and (max-width: 1400px) {
    .top_box .tit {
        width: 100%;
    }

    .gg_list,
    .gg_content {
        width: 100%;
        margin: 0 auto;
        border-radius: 0;
    }
}

@media only screen and (max-width: 640px) {
    .top_box {
        height: 15.625vw;
        background-size: 100% 15.625vw;
        box-shadow: 0 0.938vw 2.344vw rgba(52, 69, 121, 0.1);
    }

    .top_box .tit {
        padding: 0 4.688vw;
    }

    .top_box .tit p {
        font-size: 6.25vw;
        letter-spacing: 0.313vw;
        padding-left: 15.625vw;
    }

    .top_box .tit a {
        width: 15.625vw;
        height: 6.25vw;
        border-radius: 0.938vw;
        border: 0.156vw solid var(--bai);
        font-size: 2.813vw;
    }

    /*公告列表------------------------------------------------开始-----------*/
    .gg_list,
    .gg_content {
        padding: 4.688vw;
        box-shadow: 0 0.938vw 2.344vw rgba(52, 69, 121, 0.1);
    }

    .gg_list li {
        border-bottom: 0.156vw solid #dde0e9;
        padding: 3.125vw;
    }

    .gg_list li .ggbt_box h1 {
        font-size: 4.063vw;
        margin-bottom: 1.563vw;
    }

    .gg_list li .ggbt_box p {
        font-size: 2.5vw;
    }

    .gg_list li a {
        width: 15.625vw;
        height: 6.25vw;
        background-size: 15.625vw 6.25vw;
        border: 0.156vw solid #14adff;
        border-radius: 1.563vw;
        box-shadow: 0 0.469vw 1.25vw rgba(52, 69, 121, 0.1);
        font-size: 2.5vw;
    }

    .gg_list li a:hover,
    .gg_list li a:active {
        background-size: 15.625vw 6.25vw;
        border: 0.156vw solid #d7e0f4;
    }

    .page {
        margin-top: 7.813vw;
    }

    .page a {
        width: 6.25vw;
        height: 6.25vw;
        border-radius: 0.625vw;
        border: 0.156vw solid #d7e0f4;
        margin: 0.781vw;
        font-size: 2.813vw;
    }

    .gg_list .page .page_act,
    .page a:hover,
    .gg_content ul a:hover {
        border: 0.156vw solid var(--dlan);
    }

    /*公告列表------------------------------------------------结束-----------*/
    /*公告详情------------------------------------------------开始-----------*/
    .gg_content dt {
        border-bottom: 0.156vw solid #dde0e9;
        padding-bottom: 3.125vw;
    }

    .gg_content dt h1 {
        font-size: 4.063vw;
    }

    .gg_content dd {
        padding: 4.688vw;
    }

    .gg_content dd p {
        font-size: 2.813vw;
    }

    .gg_content ul {
        margin-top: 3.125vw;
    }

    .gg_content ul a {
        border: 0.156vw solid #d7e0f4;
        padding: 5px 3.125vw;
        border-radius: 0.938vw;
        margin: 1.563vw;
        font-size: 2.813vw;
    }

    /*公告详情------------------------------------------------结束-----------*/
}