/*@font-face {*/
/*    font-family: 'Noto Sans';*/
/*    src: url('../fonts/Noto-Sans.otf') format('opentype');*/
/*}*/
@font-face {
    font-family: 'FangZhengHeiTi';
    src: url('../fonts/FangZhengHeiTiJianTi-1.ttf') format('truetype');
}
:root {
    /*--bs-body-font-family: 'Noto Sans', sans-serif;*/
    --bs-body-font-family: 'FangZhengHeiTi', sans-serif;
}
* {
    font-family: var(--bs-body-font-family) !important;
}
body {
    margin-top: 6.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
a {
    text-decoration: none;
    color: #333;
}
header {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.btn-bg {
    background-color: #004080;
    color: #fff;
}
.btn-bg:hover {
    background-color: #004080;
    color: #fff;
}
.logo-image {
    height: 5rem;
}
.logo-text {
    margin-left: 0.625rem;
    display: inline-block;
    line-height: 1.2;
    color: #004080;
}
.logo-text .line1 {
    /*font-size: 2.5rem;*/
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 1px;
}
.logo-text .line2 {
    /*font-size: 1.125rem;*/
    font-size: 0.76875rem;
    opacity: 0.8;
}
.logo-text-en .line1 {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 1px;
}
.logo-text-en .line2 {
    font-size: 1.01875rem;
    opacity: 0.8;
}
.navbar {
    --bs-navbar-active-color: #dc3545;
}
.navbar-nav .nav-link.active, .language-list .nav-link.active {
    color: var(--bs-navbar-active-color);
}
.navbar-nav .nav-item {
    padding: 0 1.25rem;
    line-height: 6.25rem;
    position: relative;
}
.navbar-nav .nav-item:hover .nav-child-item {
    display: block;
}
.nav-text, .nav-link {
    /*font-size: 1.125rem;*/
    font-size: 1rem;
    color: #333;
}
.nav-child-item {
    display: none;
    position: absolute;
    top:6.25rem;
    left: 0;
    z-index:10;
    min-width: 100%;
    text-align: center;
}
.nav-child-item .list-group-item a {
    /*font-size: 1rem;*/
    font-size: 0.875rem;
    color: #333;
    white-space: nowrap;
}
.nav-child-item .list-group-item {
    padding: 0 0.625rem;
    line-height: 3.125rem;
    position: relative;
}
.nav-child-item .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-child-item .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.nav-child-item .list-group-item:hover .nav-child-item-2 {
    display: block;
}
.nav-child-item-2 {
    display: none;
    position: absolute;
    top: 0;
    left: calc(100%);
    z-index:10;
    /*width: 100%;*/
    text-align: center;
}
.nav-search, .nav-globe2 {
    font-size: 1.375rem;
}
.nav-search, .language-select {
    cursor: pointer;
}
.offcanvas .navbar-nav .nav-item {
    position: relative;
}
.nav-item-down {
    position: absolute;
    top: 0;
    right: 0;
}
.offcanvas .navbar-nav .nav-item .nav-link.active {
    color: #dc3545;
}
.offcanvas .navbar-nav .nav {
    display: none;
}
.offcanvas .mobile-nav-link-2 {
    font-size: 1rem;
}
.offcanvas .mobile-nav-link-3 {
    font-size: 0.875rem;
}
.search-form {
    padding: 2% 5%;
    display: none;
}
.language-list {
    display: none;
    position: absolute;
    top: 6.25rem;
    background-color: #FFF;
    z-index: 10;
}
.language-list .nav-item {
    padding: 0.625rem 1.25rem;
}
.home-swiper {
    width: 100%;
}
.home-swiper-image {
    /*height: 39.375rem;*/
    height: 46.875rem;
}
.home-swiper .home-swiper-a {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
}
.slide-title {
    position: absolute;
    font-size: 4rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    top: 10rem;
}
.index-title-text {
    font-size: 3rem;
    font-weight: bold;
}
.title-hr {
    margin-top: 0;
    width: 2.5rem;
}
.product-item {
    display: flex;
    flex-direction: column;
}
.product-item-title {
    padding: 1.25rem;
}
.product-item-title-label {
    display: flex;
    flex-wrap: wrap;
    height: 3rem;
    overflow: hidden;
}
.product-item-title-label-item {
    margin-right: 0.625rem;
}
.product-item-content {
    width: 100%;
    height: 30rem;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.product-item-image {
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.product-item-content:hover .product-item-image{
    transform: scale(1.2);
}
.product-swiper-pagination {
    width: 100%;
}
.product-swiper-button {
    position: relative;
    height: 2.8125rem;
    margin-top: 1.25rem;
}
.product-swiper-button-prev {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    margin-top: 0;
    left: unset;
    right: 3.125rem;
}
.product-swiper-button-next {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    margin-top: 0;
}
.clientele-content {
    /*display: flex;*/
    /*flex-flow: wrap;*/
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.clientele-item {
    /*box-sizing: border-box;*/
    /*width: 20%;*/
    /*!*height: 11.25rem;*!*/
    /*margin-bottom: 0.625rem;*/
    /*padding: 0.625rem;*/
    background-color: #fff;
}
.clientele-item-link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.9375rem 0.625rem;
    /*margin-right: 0.625rem;*/
}
.new-container {
    max-width: 1430px;
    padding: 0 0.9375rem;
}
.news-bg {
    background-color: #f3f3f3;
}
.news-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    /*--tw-shadow: 0px 2px 10px 1px rgba(29, 29, 31, .1);*/
    /*--tw-ring-offset-shadow: 0 0 #0000;*/
    /*--tw-ring-shadow: 0 0 #0000;*/
    /*box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)*/
}
.news-image-content {
    position: relative;
    height: 15.4375rem;
    overflow: hidden;
    transition: transform 0.3s ease;
}
.news-image {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    transition: transform 0.5s ease;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}
.news-item-time {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index:3;
    background-color: #dc3545;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.25rem;
}
.news-item-content {
    padding: 1.875rem;
}
.news-content-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 3.125rem;
}
.news-content-title h3 {
    font-size: 1.25rem;
    margin-bottom: 0;
}
.news-hr {
    border-style: dashed;
    margin: 1.5rem 0;
    height: 0;
    color: inherit;
    border-top-width: 1px;
}
.news-footer {
    display: flex;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    font-weight: 700;
}
.news-footer-icon {
    display: block;
    width: 100%;
    height: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(217 217 217 / var(--tw-bg-opacity))
}
.news-footer-icon2 {
    font-size: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))!important;
    display: none;
    fill: currentColor;
    vertical-align: middle;
    line-height: 0!important
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(-2rem)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}
.news-footer-animate-fadeInRight {
    animation: fadeInRight .8s cubic-bezier(.5,0,0,1) backwards
}
.news-footer span {
    margin-left: 0.5rem;
}
.news-item:hover .news-image {
    --tw-scale-x:1.1;
    --tw-scale-y: 1.1;
    transform: scale(1.2);
}
.news-item:hover .news-footer-icon{
    display: none;
}
.news-item:hover .news-footer-icon2{
    display: block;
}
footer {
    background-color: #f3f3f3;
    color: #666666;
    font-weight: 300;
    position: relative;
    padding-top: 6.25rem;
    font-family: Arial, Helvetica, sans-serif, Microsoft Yahei;
}
footer .bi {
    color: #6c757d;
}
.footer-link {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    display: flex;
    justify-content: space-between;
}
.footer-link-title {
    margin-bottom: 2.1875rem;
}
.footer-link-text {
    /*font-size: 1.125rem;*/
    font-size: 1rem;
    color: #666666;
    /*font-weight: 300;*/
}
.footer-link-text2 {
    color: #666666;
    font-weight: bold;
}
.footer-logo-image {
    height: 2.5rem;
}
.footer-qrcode {
    width: 7.5rem;
}
.footer-copyright {position:relative;height: 3.75rem;margin-top: 5.625rem;z-index:3;padding: 0 3.75rem;}
.footer-copyright-text {color: rgba(255,255,255,.6);font-size: 0.875rem;}
.footer-copyright-bg {position: absolute;bottom: 0;left: 0;z-index:1;}
.page-header-bg img {
    width: 100%;
    height: 31.25rem;
    object-fit: cover;
}
.page-nav .nav-item .nav-link {
    font-size: 1rem;
}
.page-nav .nav-item .nav-link.active {
    color: #0d6efd;
}
.product-list-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
.product-list-group .product-list-item {
    flex: 0 0 calc(25% - 0.9375rem);
    box-sizing: border-box;
    overflow: hidden;
}
.product-list-item .product-list-item-image {
    transition: transform 0.3s ease;
}
.product-list-item:hover .product-list-item-image {
    transform: scale(1.1);
}
.news-list-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
.news-list-group .news-item {
    flex: 0 0 calc(33.33% - 0.875rem);
    box-sizing: border-box;
}
.show-page-content {
    display: flex;
}
.show-page-content a:hover {
    color: #dc3545;
    text-decoration: underline;
}
.show-page-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.page-group-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
.page-group-content .page-group-item {
    flex: 0 0 calc(33.33% - 0.875rem);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.page-group-content .page-group-item .page-group-item-bg {
    width: 100%;
    height: 17.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    position: relative;
}
.page-group-content .page-group-item .page-group-item-bg .overlay {
    background: rgba(0, 0, 0, 0.5);
}
.page-group-content .page-group-item .page-group-item-bg h3 {
    color: #fbfcfd;
    font-size: 2rem;
    font-weight: 700;
}
.page-about-bg {
    background: url("/static/default/pc/images/aboutus_bg.jpg") no-repeat center bottom;
}
.page-about {
    display: flex;
    justify-content: space-between;
    gap: 2.5rem;
}
.page-about-item {
    flex: 1;
}
.page-title {
    font-size: 3rem;
}
.page-idea {
    height: 44.375rem;
    background: url("/static/default/pc/images/vision_bg.jpg") no-repeat center top;
}
.page-idea-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 2.625rem;
}
.page-idea-content .page-idea-item {
    flex: 0 0 calc(33.33% - 0.875rem);
    box-sizing: border-box;
    background-color: #fdf4f4;
    transition:ease-out 300ms;
}
.page-idea-content .page-idea-item:hover {
    transform:translateY(-20px);
}
.page-idea-item-title {
    font-size: 1.125rem;
    font-weight: bold;
}
.page-idea-item-text {
    color: #999;
}
.d-card-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 2.625rem;
}
.d-card-content .d-card-item {
    flex: 0 0 calc(25% - 0.9375rem);
    box-sizing: border-box;
}
.d-card-content .d-card-item .d-card-item-title {
    height: 5rem;
}
.d-card-content .d-card-item .d-card-image {
    width: 100%;
    height: 17.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.d-zzry-content {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-top: 2.625rem;
}
.d-zzry-content .d-zzry-item {
    flex: 0 0 calc(33.33% - 0.875rem);
    box-sizing: border-box;
}
.d-zzry-content .d-zzry-item .d-zzry-item-title {
    height: 5rem;
}
.d-zzry-content .d-zzry-item .d-zzry-image {
    width: 100%;
    height: 17.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    border-bottom: 1px solid #ccc;
}

@media (max-width: 768px) {
    .home-swiper-image {
        height: 18.75rem;
    }
    .logo-image {
        height: 2.5rem;
    }
    .logo-text .line1 {
        font-size: 1rem;
    }
    .logo-text .line2 {
        font-size: 0.4375rem;
    }
    .offcanvas .navbar-nav .nav-item {
        line-height: 3.125rem;
    }
    .clientele-content {
        grid-template-columns: repeat(2, 1fr);
    }
    .news-content-title h3 {
        font-size: 1rem;
    }
    .footer-copyright {
        background-color: #b82124;
    }
    .footer-copyright-bg {
        display: none;
    }
    .page-nav {
        display: none;
    }
    .product-list-group .product-list-item {
        flex: 1 1 100%;
        min-width: 100%;
    }
    .news-list-group .news-item {
        flex: 1 1 100%;
        min-width: 100%;
    }
    .show-page-content {
        padding: 0 1.25rem;
    }
    .show-page-content .vr{
        height: 1px;
        min-height: 1px;
        width: 100%;
    }
    .page-about {
        display: block;
    }
    .page-group-content .page-group-item, .page-idea-content .page-idea-item, .d-card-content .d-card-item, .d-zzry-content .d-zzry-item {
        flex: 1 1 100%;
        min-width: 100%;
        min-height: auto;
    }
    .page-idea {
        background: #dd1e26;
    }
    .slide-title {
        font-size: 1rem;
        top: 5rem;
    }
}
@media (max-width: 1420px) {
    .logo-image {
        height: 2.5rem;
    }
    .logo-text .line1 {
        font-size: 1rem;
    }
    .logo-text .line2 {
        font-size: 0.4625rem;
    }
    .collapse .navbar-nav .nav-item .nav-link {
        font-size: 0.875rem;
    }
    .collapse .navbar-nav .nav-item {
        padding: 0 0.625rem;
    }
    .nav-search, .nav-globe2, .language-select{
        font-size: 0.875rem;
    }
    .nav-child-item .list-group-item {
        padding: 0;
    }
    .nav-child-item .list-group-item a {
        font-size: 0.875rem;
    }
}