
.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;}
}

.details-header{background-color: #f7f7f7;}
.breadcrumbs.dark{display: flex;align-items: center;height: 100%;padding-top: 0.58rem;padding-bottom: 0.58rem;}
.breadcrumbs.dark .breadcrumbs-item{display: flex;align-items: center;color: #333;transition: 0.3s;}
.breadcrumbs.dark .breadcrumbs-item:hover{color: var(--theme-color);}
.breadcrumbs.dark .breadcrumbs-item:nth-child(n+2)::before{content: "/";margin: 0 0.1rem;color: #333 !important;}
.breadcrumbs.dark .breadcrumbs-item:first-child::before{content: "";display: block;width: 1em;height: 1em;margin-right: 0.1rem;background: url("/static/home/images/icon/home-fill.png") no-repeat center center/contain;}
.details-header.news{background-color: #fff;}
.details-header.news .breadcrumbs{margin: 0 auto;width: 100%;max-width: 12rem;padding-top: 0.5rem;padding-bottom: 0.32rem;}
/* 隔断 */
.product-view-wrap{background-color: #f7f7f7;padding-bottom: 0.9rem;}
.product-view{display: flex;align-items: center;justify-content: space-between;}
.product-view .pv-main{flex: 1;margin-right: 2rem;}
.product-view .product-header{position: relative;padding-bottom: 0.3rem;box-shadow: 0 -0.02rem 0 0 inset #e2e2e2;}
.product-view .product-header::after{content: "";position: absolute;left: 0;bottom: 0;height: 0.02rem;width: 0.8rem;background-color: var(--theme-color);transition: 0.3s;}
.product-view .product-name{line-height: 1.5;color: #333;}
.product-view .product-info{margin-top: 0.2rem;line-height: 2.625;color: #666;}
.product-view .product-info *{line-height: unset;}
.product-view .contact-btn, .product-view .download-btn{display: inline-flex;align-items: center;justify-content: center;min-height: 0.54rem;min-width: 1.8rem;margin-top: 0.18rem;padding: 0.1rem 0.2rem;color: #fff;background-color: var(--theme-color);border-radius: 0.3rem;}
.product-view .download-btn{background-color: #fff;color: var(--theme-color);border: 0.01rem solid var(--theme-color);margin-left: 0.2rem;}
.product-view .contact-btn::after, .product-view .download-btn::after{content: "";background: url("/static/home/images/icon/view-more.png") no-repeat center/contain;width: 0.19rem;height: 0.14rem;margin-left: 0.2rem;filter: grayscale(1) brightness(10);}
.product-view .download-btn::after{width: 0.15rem;height: 0.17rem;background: url("/static/home/images/icon/download.png") no-repeat center/contain;filter: none;}
.product-view .view-box{width: 8rem;height: 6rem;background-color: #fff;}
.product-view .view{display: flex;align-items: baseline;justify-content: center;padding: 1rem;}
.product-view .view-pagination{bottom: 0.4rem;}
.product-view .view-pagination .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;margin: 0 0.05rem;}
@media (max-width: 750px){.product-view{flex-direction: column;}
.product-view .pv-main{margin-right: 0;}
.product-view .view-box{width: 100%;margin-top: 0.6rem;}
}
/* 隔断 */
.params{padding: 1rem 0 0.9rem;}
.params .module-title{color: #333;margin-bottom: 0.5rem;}
.params .params-table-box{width: 100%;overflow: auto;}
.params .icon-yes{display: block;width: 1em;height: 1em;margin: auto;background: url("/static/home/images/icon/yes.png") no-repeat center/contain;}
.params-table{table-layout: fixed;width: 100%;border: 0.01rem solid #f3f3f3;}
.params-table thead{height: 0.7rem;}
.params-table th, .params-table td{border: 0.01rem solid #f3f3f3;text-align: center;word-wrap: break-word;}
.params-table th p, .params-table td p{line-height: unset;}
.params-table th{min-width: 1.3rem;background-color: var(--theme-color);color: #fff;line-height: 1.25;}
.params-table td{padding: 0.3rem 0.05rem;line-height: 1.42;color: #333;}
@media (max-width: 1500px){.params-table{table-layout: initial;}
}
/* 隔断 */
.bazaar{padding-bottom: 1.2rem;}
.bazaar .module-header{padding: 0 0.6rem;}
.bazaar .module-title{color: #333;margin-bottom: 0.5rem;}
.bazaar .bazaar-item{position: relative;height: 6.4rem;width: auto;}
.bazaar .bazaar-item:hover .bazaar-view-cover{opacity: 1;}
.bazaar .bazaar-view-cover{position: absolute;bottom: 0;left: 0;width: 100%;padding: 0.285rem 0;background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6980392157) 100%);opacity: 0;transition: 0.3s;}
.bazaar .bazaar-view-title{color: #fff;line-height: 1.5;text-align: center;}
.bazaar-ctrl{display: flex;align-items: center;justify-content: center;margin-top: 0.5rem;padding: 0 0.6rem;}
.bazaar-ctrl .ctrl-prev, .bazaar-ctrl .ctrl-next{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 0.54rem;height: 0.54rem;background-color: #f3f3f3;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.bazaar-ctrl .ctrl-prev:hover, .bazaar-ctrl .ctrl-next:hover{background-color: var(--theme-color);}
.bazaar-ctrl .ctrl-prev:hover img, .bazaar-ctrl .ctrl-next:hover img{filter: grayscale(1) brightness(10);}
.bazaar-ctrl .ctrl-next img{transform: rotateZ(180deg);}
.bazaar-ctrl .track{width: 6rem;height: 0.04rem;margin: 0 0.4rem;background-color: #cccccc;}
.bazaar-ctrl .track-block{height: 100%;width: 0%;background-color: var(--theme-color);transition: 0.3s;}

.market-wrap{background-color: #f7f7f7;}
.market{padding: 1rem 0 0.9rem;}
.market .module-title{color: #333;}
.market .module-header{padding: 0 0.6rem;margin-bottom: 0.5rem;}
.market .market-ctrl{display: flex;align-items: center;justify-content: center;}
.market .market-ctrl .ctrl-prev, .market .market-ctrl .ctrl-next{display: flex;align-items: center;justify-content: center;width: 0.54rem;height: 0.54rem;background-color: #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.market .market-ctrl .ctrl-prev:hover, .market .market-ctrl .ctrl-next:hover{background-color: var(--theme-color);}
.market .market-ctrl .ctrl-prev:hover img, .market .market-ctrl .ctrl-next:hover img{filter: grayscale(1) brightness(10);}
.market .market-ctrl .ctrl-next{margin-left: 0.22rem;}
.market .market-ctrl .ctrl-next img{transform: rotateZ(180deg);}
.market .market-ctrl .track{width: 6rem;height: 0.04rem;margin: 0 0.4rem;background-color: #cccccc;}
.market .market-ctrl .track-block{height: 100%;width: 0%;background-color: var(--theme-color);transition: 0.3s;}
.market-list{display: flex;align-items: stretch;}
.market-list .market-item{display: flex;align-items: center;justify-content: space-between;width: calc(50% - 0.1rem);height: 4.2rem;padding: 0.5rem;background-color: #fff;}
.market-list .market-item:hover .market-header::after{width: 100%;}
.market-list .market-main{display: flex;justify-content: center;flex-direction: column;width: 3.6rem;margin-right: 0.5rem;}
.market-list .market-header{position: relative;padding-bottom: 0.32rem;box-shadow: 0 -0.02rem 0 0 inset #e2e2e2;}
.market-list .market-header::after{content: "";position: absolute;left: 0;bottom: 0;height: 0.02rem;width: 0.8rem;background-color: var(--theme-color);transition: 0.3s;}
.market-list .market-info{margin-top: 0.23rem;color: #666;line-height: 2;}
.market-list .market-info p{line-height: unset;}
.market-list .market-more{display: flex;align-items: center;margin-top: 0.5rem;color: var(--theme-color);}
.market-list .market-more::after{content: "";display: block;width: 1em;height: 1em;margin-left: 0.1rem;background: url("/static/home/images/icon/view-more.png") no-repeat center/contain;}
.market-list .market-pic{display: flex;align-items: center;justify-content: center;height: 100%;width: 40%;flex: 1;}
@media (max-width: 1200px){.market-list .market-item{width: auto;max-width: 100%;height: 5rem;}
}
@media (max-width: 750px){.market-list .market-item{flex-direction: column-reverse;height: auto;width: 100%;}
.market-list .market-main{margin-top: 0.6rem;margin-right: 0;width: 90%;}
}

.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;}
}
