.content{
    width: 1280px;
    margin: 0 auto;
    background: #fff;
}
.navigation{
    height: 55px;
    line-height: 55px;
    padding-left: 30px;
    color: #999999;
}
.navigation img{
    padding-right: 20px;
    padding-bottom: 4px;
}
.news-content-bannar img{
    width: 1280px;
    height: 145px;
    object-fit: cover;
}
.news-nav-bar{
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 12px;
    align-items:flex-end;
    flex-wrap: wrap;
    margin: 0 30px;
    padding: 30px 0;
    border-bottom: #ccc 1px solid;
}
.news-nav-bar-item{
    min-width: 124px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    color: #999999;
    font-size: 17px;
    font-weight: bolder;
    display: flex;
    justify-content: space-between;
}
.news-nav-bar-item a{
    min-width: 96px;
    background: url(../imgs/off-bg.png);
    color: #008385 !important;
}

.news-nav-bar-item::before{
    content: '';
    display: inline-block;
    background: url(../imgs/off-l.png);
    width: 14px;
    height: 39px;
}
.news-nav-bar-item::after{
    content: '';
    display: inline-block;
    width: 14px;
    height: 39px;
    background: url(../imgs/off-r.png);
}

.news-nav-bar-item-active a{
    min-width: 96px;
    background: url(../imgs/on-bg.png);
    color: #fff  !important;
}

.news-nav-bar-item-active::before{
    background: url(../imgs/on-l.png);
    color: #fff;
    width: 14px;
    height: 39px;
}

.news-nav-bar-item-active::after{
    background: url(../imgs/on-r.png);
    color: #fff;
    width: 14px;
    height: 39px;
}

.news-content{
    width: 1280px;
    display: flex;
    flex-direction: row;
}
.news-list{
    width: 855px;
    display: flex;
    flex-direction: column;
    margin: 10px 40px;
}
.news-list-item{
    display: flex;
    flex-direction: row;
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
}

.news-list-item-img img{
    width: 258px;
    height: 169px;
    object-fit: cover;
}
.yuanbao img{
    width: 135px;
    height: 169px;
    object-fit: cover;
}
.news-list-item-title-desc-date{
    padding-left: 30px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.news-list-item-title{
    width: 590px;
    font-size: 22px;
    font-weight: bolder;
    line-height: 49px;
}
.news-list-item-desc{
    font-size: 16px;
    line-height: 30px;
    margin: 15px 0;
    color: #7c7c7c;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-list-item-date{
    line-height: 30px;
    font-size: 15px;
}
.content-right-banner{
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-right: 40px;
}

.guide{
    margin-top: 30px;
    height: fit-content;
    padding-bottom: 30px;
}

.giude-title{
    background: url(../imgs/xwdt_10.jpg) no-repeat;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    color: white;
    height: fit-content;
}

.guide-nav{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    align-items: center;
}
.guide-item{
    padding-top: 30px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}
.paper-list{
    display: flex;
    flex-direction: row;
    padding: 30px 20px 0 20px;
}
.paper-list-img{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 90px;
}
.paper-list-titles{
    flex: 1;
    padding-left: 20px;
}
.paper-list-title{
    line-height: 38px;
    border-bottom: 1px dashed #e2e0e0;
}

.gray-thin-border{
    box-sizing: border-box;
    border: 1px solid #b1b0b0;
}