figure { 
    position:relative;
}
figcaption{text-align:center;}
section{ margin-top: 1rem; }
header {
    background-image:url(../images/top-bg-trigon.png);
    /* visibility: hidden; */
}
header .catchword-wrap{ float:right; }


nav {
    transform: translateX(100%);
}

nav {
    position:fixed; z-index: 999;
    top:0; right:0; bottom:0;
    left:15%;
    background-color:rgba(var(--bs-primary-rgb),0.9);
    transform:translateX(100%);
    transition: var(--bs-offcanvas-transition);
    transition-delay:0;
}
nav li{position:relative;}
nav.my-expand {
    transform: translateX(0);
}
nav.my-collapse{
    transform: translateX(100%);

}
.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

nav .sub{
    height:0;
    overflow:hidden;
}
nav .nav-wrap {
    color:white;
}
nav .nav-item {
    padding-left: calc(var(--bg-gutter-x) * 0.5);
    padding-right: calc(var(--bg-gutter-x) * 0.5);
}
nav .nav-item a
{
    display:block;
}

nav.my-expand .btn-close{
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}
nav.my-expand .sub 
{
    padding-left: calc(var(--bg-gutter-x) * .5);
    padding-right: calc(var(--bg-gutter-x) * .5);
}
nav.my-expand .par-nav-item,
nav .sub .nav-item
{
    border-bottom: 1px solid rgba(var(--bs-secondary-rgb),.3);
}
nav.my-expand li.on>ul.sub{
    display:block;
}
@keyframes my-slide-down {
    from {
        height: 0;
    }
    to {
        height: auto;
    }
}
nav .my-slide-down{
    animation-name: my-slide-down;
    animation-duration: 100ms;
    animation-fill-mode: forwards;
    animation-delay: 0ms;

}
nav .catchword-wrap{
    text-align:center;
    background-color:rgba(255,255,255,0.1);
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    border-radius: 6px;
    margin-bottom:1rem;
}
.swiper-button-next:hover, .swiper-rtl .swiper-button-prev:hover,
.swiper-button-prev:hover, .swiper-rtl .swiper-button-next:hover{
    background-color: rgba(var(--bs-tertiary-color-rgb),0.2);
    border-radius: 4px;
}
.swiper-pagination-bullet {
    background-color: var(--bs-secondary);
    opacity: .8;
}
.swiper-pagination-bullet-active {
    background-color: var(--bs-primary);
    opacity: 1.0;
}
section.banner { margin-top:0; }
.banner figure figcaption { 
    display:none;
}
.focus-swiper figcaption {
    font-size:large;
    font-weight:bold;
    text-align: left;
}
.focus-swiper .summary{
    font-size:small;
    text-indent: 2em;
    color: rgba(var(--bs-tertiary-color-rgb),0.5);

    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;

    height: calc(1em * var(--bs-body-line-height) * 2); overflow:hidden;
}
.topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: rgba(var(--bs-primary-rgb),1.0);
    margin-bottom:1rem;
    border-bottom: 2px solid #e5e5e5;
}
.topic .more {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    color: var(--bs-body-color);
}
.topic .more::after{
    content: "\F135";
    font-family: bootstrap-icons;

}
.topic-name {
    font-size: calc(var(--bs-body-font-size) * 1.4);
    padding-right:0.5em;
    position: relative;
}
.topic-name::after{
    content:"";
    display:inline-block;
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    height:2px;
    background-color:rgb(var(--bs-secondary-rgb));
}
.topic-name>i{margin-right:4px;}
.focus-swiper .swiper-pagination{
    bottom: calc(var(--bs-body-font-size) * var(--bs-body-line-height) * 4);
}

.news-list li{
    border-bottom: 1px solid rgba(var(--bs-secondary-color-rgb),0.1);
}

.news-list li h4{
    width: 100%; /*基于flex布局*/
    overflow: hidden;
}
.news-list li h4::before {
    content:"\F27B";
    font-family: bootstrap-icons;
    color: rgb(var(--bs-primary-rgb));
}
.date{
    white-space: nowrap;
    font-size: 0.8em;
    line-height: calc(var(--bs-body-font-size) * var(--bs-body-line-height));
    color: rgba(var(--bs-secondary-color-rgb),0.75);
}
.perview-swiper .swiper-slide{
    width: 60%;
}
.perview-swiper .swiper-slide figure img {
    width: 100%;
}
footer{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    font-size: calc(var(--bs-body-font-size) * 0.8);
    text-align:center;
    color: white;
    background-color: rgb(var(--bs-primary-rgb));
    margin-top: 1rem;
}

.aside-nav .nav-link{
    background-color: rgb(var(--bs-primary-rgb));
    color: white;
    font-size: calc( 1.28 * var(--bs-body-font-size) );
    font-weight: bold;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}
.aside-nav .slidemenu{
    background-color:rgba(var(--bs-tertiary-bg-rgb),1);
}
.aside-nav .slidemenu li{
    border-bottom: 1px solid rgba(var(--bs-tertiary-color-rgb),.1);
    padding: 0.5em;
}
.pos-nav{
    font-size: small;
}
.page-list li{
    border-bottom: 1px dashed rgba(var(--bs-tertiary-color-rgb),.2);
    padding-top:0.5em;
    padding-bottom:0.5em;
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.page-list .title::before {
    content:"\F27B";
    font-family: bootstrap-icons;
    color: rgb(var(--bs-primary-rgb));
}
article .art-title{
    font-size: calc(1.6 * var(--bs-body-font-size));
    margin-top: 1em;
    margin-bottom: 1em;

}
article .art-info {
    border-top:1px dotted rgba(var(--bs-secondary-rgb),1.0);
    text-align: center;
    color: rgba(var(--bs-tertiary-color-rgb),.3);
}
article .art-info span{padding-left:0.5em;padding-right:0.5em;}
article .art-cont { padding-left:15px;padding-right:15px; }
.font-size-normal{ font-size: var(--bs-body-font-size) }
/*md*/
@media (min-width: 768px) {

    
    .news-list li{
        display:flex;
        justify-content: space-between;
        align-items: center;
        white-space: nowrap;
        overflow:hidden;
        height: calc(var(--bs-body-font-size) * 3);
    }
    .news-list li>h4{
        display:inline;
        text-overflow: ellipsis;
    }
    .news-list .date{
        display: none;
    }
    .index-xnxw-list .date{
       display: inline;
    }
    .index-xnxw-list {
        height:100%;
        display:flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .index-xnxw-list li{
        height: auto;
    }
    .perview-swiper .swiper-slide{
        width: 40%;
    }
}
/*lg*/
@media (min-width: 992px) {
    .perview-swiper .swiper-slide{
        width: 25%;
    }
    .page-list .title{
        width:100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .page-list li{
        white-space: nowrap;
        flex-wrap: nowrap;
    }
}
/*xl*/
@media (min-width: 1200px) {
    nav {
        position: relative;
        z-index: 999;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(0);
        background-color: white;
    }
    nav.my-collapse {
        transform: translateX(0);
    }

    nav .nav-wrap {
        color: inherit;
    }
    nav .sub{
        position:absolute;
        left:0; right:0; 
        text-align: center;
        background-color:rgb(var(--bs-primary-rgb));
        color: white;
    }
    nav.my-expand .sub 
    {
        padding-left: 0;
        padding-right: 0;
    }
    .par-nav-item {
        font-size: 1.2em;
        letter-spacing: 1px;
        line-height: 2.6;
    }
    .focus-swiper figcaption {
        text-align:left;
    }
}