/****banner*******************/
.banner{
    position: relative;
}
.breadcrumb-warp{
    position: relative;
    margin-top: -58px;
    background: rgba(0,97,174,0.75);
    display: flex;
    padding: 0.35rem 8rem;
    color: #fff;
    line-height: 1.5rem;
}
.breadcrumb-warp nav .breadcrumb .breadcrumb-item a,.breadcrumb-item.active,.breadcrumb-item+.breadcrumb-item::before{
    color: #fff;
    text-decoration: none;
}
.date-warp{
    min-width: 236px;
}
.day{
    border-right: solid #ddd 2px;
    font-size: 2rem;
    font-weight: bold;
    padding: 0 0.6rem;
}
.dam{
    padding: 0 0.6rem;
}
.bi-stopwatch{
    padding-left: 0.6rem;
}
.list-img{
    width: 312px;
    height: 169px;
}
.list-category{
    background: #ddd;
    padding: 0.3rem 1.8rem;
    color: #666;
}
.content{
    padding-left: 3rem;
    max-height: 169px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-group-item:hover,.list-link:hover{
    color: #f08519;
}
.list-link,.right-link{
    text-decoration: none;
    color: #000;
}
.content p{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-group-item:first-child{
    border-top: solid #ddd 1px;
}
.swiper-pagination-bullet{
    background: #fff;
    border: solid #ddd 1px;
    padding: 0.7rem 3.5rem;
    width: auto;
    border-radius: 0;
    line-height: 1.5rem;
    height: auto;
    opacity: 1;

}
.swiper-pagination-bullet-active{
    background: #0061ae;
    color: #fff;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
    top: 5rem;
    max-height: 3rem;
}
.swiper-wrapper{
    margin-top: 12rem;
}
.bottom-pagination{
    display: flex;
    margin-top: 5rem;
    justify-content: center;
}
.page-item{
    margin: 0 0.5rem;
}
.page-link{
    color: #000;
}
.page-link:hover{
    background: #0061ae;
    color: #fff;
}
/*********detail***************************************/
.detail-bg{
    background: #ddd;
    padding-bottom: 5rem;
}
.title-warp{
    margin: 5rem 0;
}
.news-title{
    color: #0061ae;
    font-weight: bold;
}
.second-title{
    font-size: 0.75rem;
}
.news-content{
    border-bottom: solid #999 1px;
}
.news-content p{
    line-height: 1.9rem;
}
.new-content-warp{
    padding: 3rem 0;
}
.r-list-item{
    position: relative;
}
.r-list-item:not(:first-child){
    margin-top: 4.3rem;
}
.r-list-item:not(:last-child):after{
    position: absolute;
    content: "";
    width: 1px;
    height: 7rem;
    background-color: #999;
    left: 13%;
    top: 6rem;
}
.r-list,.list-group-item{
    border: none;
    background: none;
}
.content-right h4{
    color: #0061ae;
    padding: 0 0.75rem;
    font-weight: bold;
}
.r-date{
    position: relative;
    padding: 0.5rem;
    background: #999;
    color: #fff;
    text-align: center;
}
.r-date p{
    font-size: 3rem;
    font-weight: bold;
    margin: 0;
    line-height: 2.8rem;
}
.r-date:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #999;
    bottom: -20px;
    left: 50%;
    margin-left: -8px;
    z-index: 10;
}
.right-link:hover .r-date{
    background-color: #0061ae;
}
.right-link:hover .r-date:after{
    border-top-color: #0061ae;
}
.r-content{
    margin-left: 2rem;
}
.right-link:hover .r-content{
    color: #0061ae;
}
.bi-arrow-right{
    font-size: 1.8rem;
}
.right-link:hover .bi-arrow-right:before{
    color: #f2ad67;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); /* Internet Explorer */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    -o-transform:rotate(-45deg);
}
.content-footer-link{
    margin-bottom: 2rem;
}
.content-footer-link a{
    text-decoration: none;
    line-height: 2.3rem;
    color: #333;
}
.content-footer-link a:hover{
    color: #0061ae;
}
.back-list{
    text-decoration: none;
    background-color: #f08519;
    color: #fff;
    padding: 0.5rem 3.5rem;
}
.contact{
    text-decoration: none;
    background-color: #0061ae;
    color: #fff;
    padding: 0.5rem 3.5rem;
    margin-left: 2rem;
}





























