html {
    font-size: 10px;
    font-size: 8.4px;
    font-size: 7.8px;
    font-size: 8px;
    font-size: 9.8px;
    font-size: 12px
}

html.is-safari {
    min-height: 1vw
}

:root {
    --user-header-size: 1.8rem;
    --user-about-title-size: 7.4rem;
    --user-about-button-size:3.6rem;
    --user-color: #0f5a9a;
    --user-h2-size-lg: 3.8rem;
    --user-body-size-lg: 2rem;
    --user-body-size-normal: 1.6rem;
    --scrollbar-width: 0
}

@media screen and (min-width: 240px) {
    html {
        font-size: calc(6.19387px + .91922vw)
    }
}

@media screen and (min-width: 599px) {
    html {
        font-size: 11.7px
    }
}

@media screen and (min-width: 600px) {
    html {
        font-size: calc(3.89023px + .65163vw)
    }

}

@media screen and (min-width: 999px) {
    html {
        font-size: 10.4px
    }
}

@media screen and (min-width: 1000px) {
    html {
        font-size: calc(3.48872px + .45113vw)
    }
}

@media screen and (min-width: 1399px) {
    html {
        font-size: 9.8px
    }
}

@media screen and (min-width: 1400px) {
    html {
        font-size: calc(3.87692px + .42308vw)
    }
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 1921px) {
    html {
        font-size: calc(9.74707px + .11728vw)
    }
}

@media screen and (min-width: 3200px) {
    html {
        font-size: 13.5px
    }
}

@media only screen and (min-width: 3200px) {
    html {
        font-size: 13.5px
    }
}


@media (max-width: 992px) {

    :root {
        --user-header-size: 2.4rem;
        --user-about-title-size: 36px;
        --user-h2-size-lg: 30px;
        --user-body-size-lg: 20px;
        --user-body-size-normal: 1.8rem;
        --user-about-button-size:22px;
    }
}

a {
    color: #000000;
    text-decoration: none;
}

img {
    max-width: 100%;
}
*{
    margin: 0;
    font-size: 1.8rem;
    letter-spacing: -.03rem;
    line-height: 1.3755;
}
#home_head {
    display: block;
    width: 100%;
    height: 66px;
    z-index: 100;
    position: relative;
}

#home_head .navbar {
    padding-top: 18px;
}



#home_head .navbar-brand img {
    position: absolute;
    top: 10px;
    height: 46px;
}


#head_nav .nav-item a {
    color: #ffffff;
    font-size: var(--user-header-size, 1.8rem);
    font-family: Fago Regular, Arial, sans-serif;
    letter-spacing: 0.03rem;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 20px;
    /*transition: color 0.3s ease; !* 颜色过渡效果 *!*/
}

/*#head_nav .nav-item a.active:after {*/
/*    display: block;*/
/*    width: 80%;*/
/*    height: 1px;*/
/*    content: " ";*/
/*    background-color: #ffffff;*/
/*    position: absolute;*/
/*    bottom: 2px;*/
/*    left: 10%;*/
/*}*/

#head_nav .nav-item a::after {
    display: block;
    width: 80%;
    height: 2px;
    content: " ";
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 10%;
    transition: width 0.8s ease; /* 宽度过渡效果 */
    transform: scaleX(0); /* 初始时隐藏 */
    transform-origin: left; /* 从左侧开始扩展 */
}

.header_black #head_nav .nav-item a:after{
    background-color:#000000;
}
/* 鼠标移开时 */
#head_nav .nav-item a:not(:hover)::after {
    transform: scaleX(0); /* 从左到右渐渐消失 */
}
#head_nav .nav-item a:hover::after {
    transform: scaleX(1); /* 从左到右渐渐显示 */
}

#head_nav .nav-item a.active::after {
    /*font-weight: bolder;*/
    transform: scaleX(1); /* 从左到右渐渐显示 */
}


.header_white .navbar-toggler,
.header_white .navbar-toggler:visited,
.header_white .navbar-toggler:active,
.header_white .navbar-toggler:focus,
.header_white .navbar-toggler:focus-within,
.header_white .navbar-toggler:focus-visible {
    border-color: #ffffff;
}

.header_white .iconfont {
    color: #ffffff !important;
}

#home_about {
    display: block;
    height: 100vh;
    margin-top: -66px;
    background-color: var(--user-color, #0f5a9a);
}

#home_about_content {
    padding: 260px 0 260px 100px;
    color: #ffffff;
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

.home_about_title h2 {
    font-size: var(--user-about-title-size, 3.8rem);
    font-weight: bolder;
}

.home_about_desc {
    margin-top: 6rem;
}

.home_about_desc p {
    font-size: var(--user-body-size-lg, 1.58rem);
    line-height: 2rem;
}

.home_item {
    margin-bottom: 10.8rem;
}

.homt_title {
    font-size: var(--user-h2-size-lg, 3.8rem);
    margin-top: 5rem;
    margin-bottom: 5.8rem;
    color: #000000;
}
#homeWhats{
    margin-top: 6rem;
    margin-left:5.55rem ;
    margin-bottom: 10rem;
    position: relative;
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
#homeWhats:before{

}
#home_what .accordion-header{
    padding-top: 1.88rem;
    padding-bottom:  1.88rem;
}
#home_what .accordion-header .accordion-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* 隐藏默认的箭头图标 */
#home_what .accordion-button::after {
    /*display: none !important;*/
    background-image: none;
    position: relative;
    top: 0;
    right: 1rem;
    width: 4rem;
    height: 100%;
    line-height: 100%;
    text-align: center;
    font-size: var(--user-about-button-size, 1.58rem);
    font-weight: bold; /* 可选：调整图标样式 */
}

/* 自定义加号和减号图标 */
#home_what .accordion-button.collapsed::after {
    content: '+'; /* 或者使用其他图标字体或者自定义图标 */
}

#home_what .accordion-button:not(.collapsed)::after {
    content: '-'; /* 或者使用其他图标字体或者自定义图标 */
}
#home_what h2 button {
    font-size: var(--user-about-button-size, 1.58rem);
}

#home_what .accordion-body {
    font-size: var(--user-body-size-normal, 1.28rem);
    line-height: 128%;
    margin: 1.2rem auto;
}
#home_what  .accordion-button:focus{
    box-shadow: none  !important;
    /* border: none; */
    background: transparent !important;
}
#home_what .accordion-button:not(.collapsed){
    background-color: transparent !important;
}
.whats_content p{
    line-height: 3.6rem;
}
.whats_desction li {
    height: 3.6rem;
}


#home_links_content .home_links_item {
    margin-bottom: 2.88rem;
}

#home_dream_content {
    display: block;
    width: 46%;
    min-height: 262px;
    margin-left: 53%;
    background-color: var(--user-color, #0f5a9a);
    padding: 5.8rem;
}

#home_dream_content h2 {
    font-size: var(--user-h2-size-lg, 3.8rem);
    font-weight: normal;
    color: #ffffff;
    letter-spacing: 9px;
}
#home_dream_content a{
    display: block;
    margin-top: 3.8rem;
    font-size: var(--user-body-size-lg);
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0.228rem;
}
#home_dream_content a i {
    margin-left: 0.58rem;
}

#footer {
    background-color: #eceff5;
    color: #717171;
    font-size: var(--user-body-size-lg);
    padding-top: 2rem;
    z-index: 100;
    position: relative;
}

#footer_tab {
    margin-top: 3rem;
    padding-left: 8px;
}

#footer_tab h5 {
    font-size: var(--user-body-size-lg);
    margin-top: 1rem;
}

#footer_tab a, #footer_tab a i {
    font-size: 3.6rem;
    color: var(--user-color) !important;
    letter-spacing: 2px;
}
#copyright{
    margin-top: 1rem;
    padding-top: 1rem;
    color: #717171;
    letter-spacing: 0;
    white-space: nowrap;
}
#copyright p{
    font-size: 1.6rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
#copyright a{
    color: #717171;
    text-decoration: none;
}
#home_head.header_black #head_nav .nav-item a {
    color: #000000;
}

#index {
    width: 100%;
    height: 100vh;
    position: relative;
    margin-top: -66px;
    margin-right: 0;
    margin-left: 0;
}

#index .col-xl-6 {
    margin: 0;
    padding: 0;
    height: 100vh;
}

#index_aboutus {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--user-color, #0f5a9a);
    position: relative;
}

#index_product {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../imgs/index_bg_product.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

#index_aboutus .container,
#index_product .container {
    height: 100%;
    color: #ffffff;
}

#index_aboutus {
    text-align: left;
}

#index_product {
    text-align: left;
}

#index_aboutus h2, #index_product h2 {
    font-size: var(--user-h2-size-lg);
    font-weight: bold;
    padding-top: 180px;
    margin-bottom: 30px;
}

#index_aboutus h2 {

}

#index_product h2 {

}

#index a {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ffffff;
    width: 13rem;
    padding: 2rem 0;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.228rem;
}
.index_link{
    display: block;
    width:13rem;
    height: 2px;
    background: #ffffff;
    content: " ";
}


.whats_desction {
    margin-left: 50px;
}

.whats_project {
    font-size: var(--user-body-size-normal);
}

.whats_product {
    width: 98%;
    height: 460px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.whats_product .card-img-top {
    width: 100%;
    height: 359px;
    overflow: hidden;
}

.whats_product img {
    display: block;
    width: 100%;
    height:auto;
    transition: transform 0.3s ease, filter 0.3s ease; /* 缩放和颜色变化的过渡效果 */
    object-fit: cover;
    image-rendering: auto;
}

.whats_product .card-body {
    padding-top: 16px;
}
.whats_product a {
    color: var(--user-color);
    font-size: var(--user-body-size-lg);
    font-weight: bold;
    text-decoration: none;
}

.whats_product p {
    color:#777777;
    font-size: 1.6rem;
    margin-top: 6px;
}
.whats_product:hover{
    background: #F5F5F5;
    color: red;
}

.whats_product:hover img {
    background: #F5F5F5;
    transform: scale(1.38);
    object-fit: contain;
    image-rendering: pixelated;
}

.hero_img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hero_img picture {
    display: block;
    width: 100vw;
    height: calc(100vh - 64px);
}

.hero_img picture img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.hero_img .hero_bottom {
    display: block;
    width: 100%;
    min-height: 100px;
    position: absolute;
    bottom: 30px;
    left: 0;
}

.hero_img .hero_desc {
    display: block;
    width: 80%;
    margin: 5px auto;
}

.hero_img .hero_bottom p {
    margin-bottom: 0;
    font-size: 12px;
}

.ftitle {
    font-size: var(--user-h2-size-lg);
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mtitle{
    height: 8rem;
    font-size: 3.8rem;
    margin-top: 3rem;
    margin-bottom: 5rem;
    position: relative;
}
.mtitle.mtitle_hr:after{
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background: rgb(180,180,181);
    position: absolute;
    bottom: 10px;
    left: 0;
}


#more_page {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    margin-top: 0.88rem;
}

.body_content {
    min-height: calc(100vh - 44rem);
    margin-bottom: 5rem;
    margin-top: 8rem;
}

#zhengwen {
    margin-bottom: 6rem;
}
#joinus{
    margin-top: 5rem;
    margin-bottom: 8rem;
}

#connectus_info {
    margin-top: 5rem;
    margin-bottom: 8rem;
}

#connectus_info h3 {
    font-size: var(--user-body-size-normal);
    color: #b4b4b5;
    margin-bottom: 1rem;
}

#connectus_info p {
    color: #000000;
    margin-bottom: 0;
}

#show {
    margin-top: 2rem;
}
#show_info h1{
    margin-bottom: 2rem;
    color:var(--user-color);
    font-size: var(--user-h2-size-lg);
}
#show_info h2{
    margin-bottom: 2rem;
}
#show_info .show_desc{
    margin-bottom: 2rem;
    color: #777777;
}
#show_content {
    margin-top: 2rem;
    padding-top: 2rem;
    position: relative;
}
#show_zpj {
    margin-top: 2rem;
    padding-top: 2rem;
    position: relative;
}

#show_content:before,
#show_zpj:before
{
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
}

.connectus_item{
    margin-bottom: 2.8rem;
}

.friend-link{
    overflow: hidden;
}
.friend-link img{
    opacity: 1; /* 初始透明度为0，图片隐藏 */
    transition: transform 0.3s ease, filter 0.3s ease; /* 缩放和颜色变化的过渡效果 */
    filter: brightness(1.2); /* 鼠标悬停时增加亮度 */
}

.friend-link:hover img{
    transform: scale(1.1); /* 鼠标悬停时放大到1.1倍 */
    filter: none; /* 鼠标悬停时增加亮度 */
}


.custom-col{
    display: inline-block;
    width: calc(50% + 20px);
    height: 100vh;
    transition: all 0.3s ease;
}
#index_left{
    margin-left: -20px;
}
#index_right{
    margin-right: -20px;
    float: right;
}
.enlarge {
    flex-grow: 2; /* 增加宽度 */
    z-index: 1; /* 提高层级以遮挡相邻列 */
}
.move-left {
    transform:translateX(-12px); /* 向左移动 */
}
.move-right {
    transform:translateX(12px); /* 向右移动 */
}

#product{
    margin-bottom: 3.6rem;
}