html{
    font-size:16px;
}

body{
    font-family: "Arial",'Microsoft Yahei',"Lucida Grande", "Tahoma", "Helvetica", "sans-serif";
    width: 100%;
    height:100%;
    background-color:#F2F2F2;
    background-image: url(../images/y20-bbj.jpg);
    background-repeat: repeat;
}

@media (min-width: 768px) {
    body{
    }
}

@media (min-width: 992px) {
    html{
        font-size:12px;
    }
}

@media (min-width: 1200px) {
    html{
        font-size:15px;
    }

}

@media (min-width: 1400px){
    html{
        font-size:16px;
    }
}

.main_con {
    background-image: url("../images/20bb.png");
    background-position:left bottom;
    background-repeat: no-repeat;
    padding-bottom:8rem;
}

.banner {
    background-image: url(../images/bj_20_1920.jpg);
    /*height: 8rem;*/
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: contain;*/
    text-align: center;

}

.y20-navbar {
    background-image: url(../images/bj_20_linkBar-BG.jpg);
    /*background-repeat: repeat-x;*/
    border-bottom:5px solid #ff8f21;
    color:#ffffff;
    margin-bottom: 1rem;
}


.y20-navbar a{
    color:#ffffff;
    font-size:0.8rem;
}

@media (min-width: 768px) {
    .y20-navbar a{
        font-size:1rem;

    }
}

.copyright_panel {
    background-color: #185dac;
    font-size:0.875rem;
    color:#ffffff;
    min-height:8rem;
    padding-top:2rem;
}

.right_panel {
    display: table-cell;
    vertical-align: bottom;
    /*padding-top:48rem;*/
    text-align: center;
}

.list_panel{

    background-color: #ffffff;
    margin-bottom: 1rem;

}

.list_panel .header{
    border-bottom: solid 0.25rem #700005;
    line-height: 3rem;
    color:#333333;
    font-size: 1.2rem;
    padding-left:1rem;
    font-weight: bold;
}

.list_panel .item_list {
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
.list_panel .item_list .item {
    /*height:3rem;*/
    border-bottom: 1px solid #8899b4;
    border-bottom-style: dashed;
    margin-left: 0rem;
    margin-right: 0rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;

}
.list_panel .item_list .item a {
    /*height: 3rem;*/
    line-height: 1.5rem;
    display: block;
    color:#2d2d2d;
}

.list_panel .item_list .item .date {
    height: 1.5rem;
    line-height: 1.5rem;
    color:#700005;
}

@media (min-width: 992px){
    .list_panel .item_list .item a {
        height: 3rem;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        line-height: 3rem;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        color:#2d2d2d;
    }

    .list_panel .item_list .item .date {
        height: 3rem;
        line-height:3rem;
        color:#700005;
    }

    .right_panel {
        display: table-cell;
        vertical-align: bottom;
        padding-top:70rem;
    }
}



.list_panel .more a{
    height: 3rem;
    line-height: 3rem;
    color:#700005;
    padding-left: 1rem;

}


.breadcrumb-panel .breadcrumb{
    background-color: #fff;
    text-align: right;

}

.breadcrumb-panel .breadcrumb a{
    color:#6c757d;
}


.item_list-panel .item_list {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    background-color: #ffffff;

}

.item_list-panel .item {
    height:auto;
    /*padding-top:1rem;*/
    /*padding-bottom:1rem;*/
}

.item_list-panel .item .date{
    padding-top:1rem;
    text-align: center;
    height: auto;
    /*line-height: 1rem;*/
}

.item_list-panel .item .day{
    font-size:2rem;
    height:2rem;
    width:5rem;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.item_list-panel .item .year{
    font-size:0.8rem;
    heigit:0.8rem;
    text-align: left;
    width:5rem;
    margin-left: auto;
    margin-right: auto;
}

.item_list-panel .item .title {
    height:auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.item_list-panel .item .title a {
    height:auto;
    font-size:1rem;
    line-height:1.4rem;
    padding-top:0.3rem;
    padding-bottom:0.3rem;
    color:#0f0f0f;
}

.item_list-panel .item .desc {
    font-size:0.875rem;
    color:#999;

}

.item_list-panel .pagination {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.item_list-panel .pagination .page-item {

}

.item_list-panel .pagination .page-item .page-link {
    color:#666;
    /*line-height:2rem;*/
    padding:1rem;
}

.item_list-panel .pagination .page-item .page-link:hover {
    z-index: 2;
    color: #8F000B;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

/*.page-link:focus {*/
/*z-index: 2;*/
/*outline: 0;*/
/*box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
/*}*/

.item_img_list .item{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}

.item_img_list .item .img_con{
    padding:0rem;
}


@media (min-width: 768px) {
    .item_img_list .item .img_con{
        padding:1rem;
    }

}





.item_img_list .item .title a{
    /*font-size:1.2rem;*/
    /*font-weight: bold;*/
    padding-bottom:1rem;
}

.item_img_list .item .title .desc {
    /*font-size:1rem;*/
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}
