.navigation-box{position: fixed;top: 0;left: 0;display: flex;align-items: center;height: 0.8rem;width: 100%;background-color: #fff;z-index: var(--navigation-index);}
.navigation-box .navigation, .navigation-box .nav-options-box, .navigation-box .nav-tag-list{display: flex;align-items: center;}
.navigation-box .nav-options-box{height: 100%;}
.navigation-box .navigation{height: 100%;justify-content: space-between;}
.navigation-box .nav-tag-list{height: 100%;}
.navigation-box .logo{display: block;height: 0.4rem;}
.navigation-box .nav-tag-item{position: relative;padding: 0 0.5rem;height: 100%;}
.navigation-box .tag{display: flex;align-items: center;justify-content: center;height: 100%;white-space: nowrap;}
.navigation-box .nav-tag-drop{position: absolute;top: 100%;left: 50%;min-width: 100%;display: flex;flex-direction: column;border-radius: 0 0 0.1rem 0.1rem;padding: 0.05rem;background-color: #fff;transform: translateX(-50%) scaleY(0);transform-origin: top center;opacity: 0;overflow: hidden;transition: 0.3s;}
.navigation-box .nav-tag-item:hover .nav-tag-drop{transform: translateX(-50%) scaleY(1);opacity: 1;}
.navigation-box .drop-item{text-align: center;padding: 0.1rem 0.2rem;transition: 0.3s;border-radius: 0.05rem;white-space: nowrap;}
.navigation-box .drop-item:hover{background-color: var(--theme-color);color: #fff;}
.navigation-box .nav-option{position: relative;height: 100%;display: flex;align-items: center;cursor: pointer;}
.navigation-box .nav-option img{height: 1em;}
.navigation-box .nav-option.lang:hover .lang-box{transform: translateX(-50%) scaleY(1);}
.navigation-box .lang-box{box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.2);}
.navigation-box .nav-option:nth-child(n+2){margin-left: 0.32rem;}
.navigation-box .option-icon{height: 100%;display: flex;align-items: center;white-space: nowrap;}
.navigation-box .option-icon span{margin-left: 0.1rem;}
.navigation-box .lang-box{position: absolute;top: 80%;left: 50%;transform: translateX(-50%) scaleY(0);transform-origin: top center;background-color: #fff;padding: 0.1rem;border-radius: 0.1rem;transition: 0.3s;}
.navigation-box .lang-box::before{content: "";position: absolute;top: -0.2rem;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-top: 0.1rem solid transparent;border-left: 0.1rem solid transparent;border-right: 0.1rem solid transparent;border-bottom: 0.1rem solid #fff;filter: drop-shadow(0 -0.06rem 0.05rem rgba(0, 0, 0, 0.1333333333));}
.navigation-box .lang-item{display: block;white-space: nowrap;line-height: 1.5;padding: 0.05rem 0.2rem;border-radius: 0.1rem;transition: 0.3s;cursor: pointer;}
.navigation-box .lang-item:hover{background-color: var(--theme-color);color: #fff;}
 .navigation-box .search-box {
    position: absolute;
    top: 80%;
    right: 0;
    display: flex;
    align-items: center;
    min-width: 4rem;
    min-height: .5rem;
    overflow: hidden;
    border: 0.01rem solid #0080ff66;
    background-color: #fff;
    transform: scale(0);
    transform-origin: right top;
    transition: .3s;
  }
    .navigation-box .search-box.active{
      transform: scale(1);
    }
  .navigation-box .search-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.4rem;
    height: 0.4rem;
    margin-right: .05rem;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: .08rem;
    border: none;
    background-color: var(--theme-color);
  }
  .navigation-box .search-icon img{
      filter: grayscale(1) brightness(10);
    }
.navigation-box .search-ipt{width: 100%;background-color: #fff;border: none;padding: 0.1rem;border-radius: 0.2rem;}
.navigation-box .nav-option.menu{display: none;}
.navigation-placeholder{height: 0.8rem;}
@media (max-width: 900px){
   .navigation-box  .nav-tag-item{padding: 0 .25rem;}
}
@media (max-width: 750px){
    .nav-tag-list{display: none !important;}
    .nav-option.menu{display: block !important;}
}
@media (max-width: 750px){.top-nav-container .nav-tabs{display: none;}
.nav-option.menu{display: block;}
}

.banner-swiper .swiper-pagination-bullet{width: 0.3rem;height: 0.04rem;background-color: #fff;border-radius: 0;opacity: 1;}
.banner-swiper .swiper-pagination-bullet-active{background-color: var(--theme-color);}

.album{display: flex;flex-wrap: wrap;padding: 0.1rem;}
.album .album-item{position: relative;padding: 0.1rem;width: 50%;height: 6rem;}
.album .album-pic{width: 100%;height: 100%;}
.album .album-item.bigger{width: 100%;}
.album .album-content{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;}
.album .album-inner{text-align: center;transform: translateY(0.7rem);transition: 0.5s;}
.album .album-title{line-height: 1.2;}
.album .learn-more{margin-top: 0.38rem;opacity: 0;transition: 0.5s;}
.album .album-item:hover .learn-more{opacity: 1;}
.album .album-item:hover .album-inner{transform: translateY(0);}
.album .more-app{display: flex;flex-direction: column;align-items: center;}
.add-btn{display: flex;align-items: center;justify-content: center;width: 0.8rem;height: 0.8rem;border-radius: 50%;border: 0.01rem solid #fff;background: url("/static/home/images/icon/add.png") no-repeat center center;background-size: 30%;margin-bottom: 0.33rem;cursor: pointer;}
@media (max-width: 750px){.album .album-item{width: 100%;}
}

.news-dynamic-wrap{padding: 0.98rem 0 1rem;background: url("/static/home/images/img/news-dynamic-bg.jpg") no-repeat center center;background-size: cover;}
.news-dynamic-wrap .module-header{padding: 0 0.6rem;}
.news-dynamic-wrap .news-dynamic-row{width: 100%;display: flex;}
.news-dynamic-wrap .news-item-bigger{display: flex;}
.news-dynamic-wrap .news-dynamic-pic{width: 5.5rem;height: 3.2rem;}
.news-dynamic-wrap .news-dynamic-content{padding: 0.42rem 1rem 0.5rem 0.9rem;background-color: #fff;flex: 1;}
.news-dynamic-wrap .news-date{color: #666;transition: 0.3s;}
.news-dynamic-wrap .news-title{color: #333;line-height: 1.33;margin-top: 0.15rem;transition: 0.3s;}
.news-dynamic-wrap .news-info{line-height: 2;color: #666;margin-top: 0.18rem;}
.news-dynamic-wrap .news-dynamic-row:first-child{margin-top: 0.43rem;}
.news-dynamic-wrap .news-dynamic-row:nth-child(n+2){margin-top: 0.3rem;}
.news-dynamic-wrap .news-item{position: relative;flex-shrink: 0;width: 5.2rem;display: block;padding: 0.4rem 0.3rem 0.35rem;background-color: #fff;transition: 0.3s;}
.news-dynamic-wrap .news-item-cover{position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-image: linear-gradient(to left, rgba(var(--theme-rgb), 0.8), rgba(0, 0, 0, 0));opacity: 0;transition: 0.3s;}
.news-dynamic-wrap .arr-btn{position: absolute;right: 0.3rem;top: 50%;transform: translateY(-50%);background: url("/static/home/images/icon/view-more.png") no-repeat center center;background-size: 45%;width: 0.42rem;height: 0.42rem;background-color: #fff;border-radius: 50%;}
.news-dynamic-wrap .news-item:nth-child(n+2){margin-left: 0.2rem;}
.news-dynamic-wrap .news-item:hover{background-color: var(--theme-color);}
.news-dynamic-wrap .news-item:hover .news-date, .news-dynamic-wrap .news-item:hover .news-title{color: #fff;}
.news-dynamic-wrap .news-item:hover .news-item-cover{opacity: 1;}
@media (max-width: 750px){.news-item-bigger{flex-direction: column;}
.news-item-bigger .news-dynamic-pic{width: 100%;}
.news-dynamic-row.mini{overflow-x: auto;}
}

.index-about{position: relative;width: 100%;height: 8.6rem; overflow: hidden;}
.index-about .index-about-bg{width: 100%;height: 100%;}
.index-about .index-about-content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-about .index-about-inner{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.index-about .index-about-title, .index-about .index-about-info{line-height: 1.2;color: #fff;}
.index-about .index-about-info{line-height: 2;margin-top: 0.27rem;width: 6rem;}
.index-about .view-more{display: inline-flex;align-items: center;margin-top: 0.48rem;color: #fff;background-color: var(--theme-color);}
.index-about .view-more img{filter: grayscale(1) brightness(10);}
.index-about .view-more span, .index-about .view-more i{display: flex;align-items: center;height: 100%;}
@media (max-width: 750px){.index-about{height: auto !important;}
.index-about-bg img{width: 100%;}
.index-about .index-about-content{position: static;padding-top: 0.6rem;padding-bottom: 0.6rem;}
.index-about .index-about-content .index-about-title, .index-about .index-about-content .index-about-info{color: #222;}
}

.page-bottom-wrap{background-color: #1b1b1e;padding-top: 0.6rem;}
.page-bottom-main{display: flex;justify-content: space-between;}
.page-bottom-main .pbm-logo{display: inline-block;height: 0.4rem;}
.page-bottom-main .hot-line-box{margin-top: 0.3rem;}
.page-bottom-main .hot-line-title{color: #ccc;line-height: 2.25;}
.page-bottom-main .hot-line-number{color: #fff;line-height: 1.5;}
.page-bottom-main .address-email{margin-top: 0.14rem;}
.page-bottom-main .address, .page-bottom-main .email{line-height: 1.8;color: rgba(255, 255, 255, 0.5);}
.page-bottom-main .pbm-right{display: flex;}
.page-bottom-main .pbm-list:nth-child(n+2){margin-left: 1.35rem;}
.page-bottom-main .pbm-list-title{color: #fff;margin-bottom: 0.3rem;}
.page-bottom-main .pbm-item{color: rgba(255, 255, 255, 0.4980392157);line-height: 0.36rem;transition: 0.3s;}
.page-bottom-main .pbm-item:hover{color: #fff;}
.page-bottom-footer{display: flex;justify-content: space-between;margin-top: 0.3rem;}
.page-bottom-footer .share-list{display: flex;}
.page-bottom-footer .share{display: flex;align-items: center;justify-content: center;width: 0.46rem;height: 0.46rem;border-radius: 50%;background-color: rgba(255, 255, 255, 0.1);padding: 0.1rem;transition: 0.3s;}
.page-bottom-footer .share:nth-child(n+2){margin-left: 0.2rem;}
.page-bottom-footer .share:hover{background-color: var(--theme-color);}
.page-bottom-footer .link-box{display: flex;align-items: center;}
.page-bottom-footer .link-title{line-height: 1.5;}
.page-bottom-footer .link-list{display: flex;align-items: center;margin-left: 0.21rem;}
.page-bottom-footer .link-title{color: rgba(255, 255, 255, 0.5);}
.page-bottom-footer .link-item{display: flex;align-items: center;height: 1em;}
.page-bottom-footer .link-item:nth-child(n+2){margin-left: 0.16rem;}
.copyright-box{display: flex;align-items: center;justify-content: space-between;height: 0.75rem;width: 100%;border-top: 0.01rem solid rgba(255, 255, 255, 0.0862745098);margin-top: 0.48rem;color: rgba(255, 255, 255, 0.4980392157);}
.copyright-box .copyright, .copyright-box .code-by{line-height: 1.5;}
@media (max-width: 1300px){.page-bottom-main .pbm-list:nth-child(n+2){margin-left: 0.6rem;}
}
@media (max-width: 1000px){.pbm-right{display: none !important;}
.pbm-left{flex: 1;display: flex;flex-direction: column;align-items: center;}
.hot-line-box{display: flex;align-items: center;}
.hot-line-number{margin-left: 0.2rem;}
.address-email{text-align: center;}
.page-bottom-footer{flex-direction: column;align-items: center;}
.link-box{margin-top: 0.3rem;}
.copyright-box{height: auto;padding: 0.2rem 0;flex-direction: column;align-items: center;text-align: center;}
.copyright-box .code-by{margin-top: 0.2rem;}
}