@font-face {
    font-family: 'Noto Sans';
    src: url('../fonts/Noto-Sans.otf') format('opentype');
}
:root {
    --bs-body-font-family: 'Noto Sans', sans-serif;
}
* {
    font-family: var(--bs-body-font-family) !important;
}
body {
    padding-top: 181px;
}
.yx-container {
    width: 1450px;
}
.logo-container {
    height: 110px;
    /*padding-left: 67px;*/
}
.nav-container {
    height: 70px;
}
.banner-image {
    height: 390px;
}
.nav-d {
    background: #fff;
    flex-direction: column!important;
    padding:0;
}
.nav-logo {
    height: 65px;
}
.nav-linkman {
    color: #4D4D4D;
}
.nav-info-list {
    /*margin-right:10px;*/
    /*width: 260px;*/
    /*text-align: right;*/
}
.nav-info-list-address {
    /*width: 600px;*/
    /*flex-wrap: wrap;*/
}
.nav-mobile-contact {
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}
.nav-mobile-list {
    margin-top: 10px;
}
.nav-item {
    padding: 0 20px;
}
.nav-link {
    position: relative;
    padding-bottom: 5px;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #0d6efd;
    transition: width 0.3s ease;
}
.nav-link:hover::after, .nav-item .active::after {
    width: 100%;
}
.nav-item .active {
    color: #3057a0!important;
}
.content-d {
    background: #ededed;
}
.content-nav {
    margin: 0;
    padding: 0.625rem 1.25rem;
    color: #808080;
}
.product-d-title {
    background: #3057a0;
    color: #f7f7f7;
    padding: 1.25rem;
    margin-top: 0.3125rem;
}
.product-d-presentation {
    background: linear-gradient(
            to right,
            #ededed,
            #b3b3b3,
            #ededed
    );
    color: #3057a0;
    padding: 2px 40px;
}
.product-d-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.product-d-item-title {
    font-size: 1.3125rem;
    color: #3057a0;
    margin-right: auto;
    border-color: #3057a0 !important;
    padding-bottom: 0.625rem;
    padding-right: 1.25rem;
}
.product-d-item-content {
    font-size: 1.1875rem;
}
.product-d-description {
    width: 100%;
    word-break: break-word;
}
.product-d-description p {
    margin-bottom: 0.1rem;
}
footer {
    color: #b3b3b3;
    font-size: 0.875rem;
}
.footer-d-item {
    padding: 10px;
}
.footer-linkman {
    color: #808080;
    font-weight: bold;
}
.footer-link-group {
    font-size: 0.875rem;
}
.product-title-fs-1 {
    font-size: 2.3125rem;
}
.product-title-fs-2 {
    font-size: 1.6875rem;
}
.product-banner {
    width: 800px;
}
.product-banner-image {
    width: 800px;
    /*height: 450px;*/
}
.product-banner-thumb {
    position: relative;
}
.product-banner-thumb-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    opacity:0.7;
    font-size: 24px;
}
.product-banner-thumb .active {
    border: 3px solid #3057a0;
}
.product-banner-image-select {
    /*height: 100px;*/
    object-fit: contain;
}
.product-banner-image-select:hover, .product-banner-thumb .active {
    transform: scale(1.1); /* 放大10% */
}
/* 自定义五等分栅格类 */
.col-5ths {
    flex: 0 0 50%!important;
    max-width: 50%!important;
}
@media (min-width: 576px) {
    .col-sm-5ths {
        flex: 0 0 20%!important;
        max-width: 20%!important;
    }
}
/* 移动端尺寸 */
@media (max-width: 768px) {
    .product-banner {
        width: 100% !important;
        height: auto;
        aspect-ratio: 16/9;
    }
    .product-banner-image {
        width: 100% !important;
        /*height: 300px!important;*/
    }
    /*.product-banner-image-select {*/
    /*    height: 50px!important;*/
    /*}*/
    body {
        padding-top: 61px;
    }
    .yx-container {
        width: 100%;
    }
    .logo-container {
        padding: 0 12px;
        height: 60px;
    }
    .nav-logo {
        height: 40px;
    }
    .footer-linkman-info {
        text-align: center;
    }
}
/* 适用于所有锚点目标 */
:target {
    scroll-margin-top: 9.4rem; /* 等于导航栏高度 */
    padding-top: 9.4rem; /* 可选，确保内容不被遮挡 */
    margin-top: -9.4rem; /* 负边距抵消padding */
    display: inline-block; /* 防止负边距影响布局 */
}
.search-container {
    position: relative;
}
.search-input {
    padding: 10px;
}
.search-input::placeholder {
    color: #b3b3b3;
}
.search-icon {
    position: absolute;
    right: 15px;
    top: 26%;
    color: #3057a0;
}
.nav-link-title1 {
    font-size: 1.125rem;
    font-weight: 800!important;
}
.nav-link-title2 {
    font-size: 0.875rem;
    /*font-size: 1rem;*/
}
.list-group-item:hover{
    color: #3057a0;
}
.list-group-item-link:hover {
    text-decoration: underline;
    border-color: #3057a0;
}
/* 轮播图缩放效果 */
.product-carousel .carousel-item img {
    transition: transform 0.5s ease;
}
.product-carousel .carousel-item.active img {
    transform: scale(1);
}
.product-carousel .carousel-item-next:not(.carousel-item-start),
.product-carousel .carousel-item-prev:not(.carousel-item-end) {
    transform: scale(0.9);
    opacity: 0.7;
}