/* 创建一个固定宽度的容器 */
.main-body {
    width: 1920px;
    margin: 0 auto;
    position: relative;
}
html {
    scroll-behavior: smooth;
}

/* 当屏幕小于1920px时，使用transform进行缩放 */
@media screen and (max-width: 1920px) {
    html {
        overflow-x: hidden;
    }
    
    body {
        overflow-x: hidden;
        margin: 0;
        padding: 0;
    }
    
    .main-body {
        transform-origin: top left;
        transform: scale(calc(100vw / 1920px));
        margin: 0;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
    }
}

/* 平板及以下设备使用viewport适配方案 */
@media screen and (max-width: 768px) {
    html {
        overflow-x: auto;
    }
    
    body {
        overflow-x: auto;
    }
    
    .main-body {
        transform: none;
        width: 1920px;
        margin: 0 auto;
        position: relative;
        overflow: visible;
    }
}

/* 当屏幕大于1920的时候宽度100% */
@media screen and (min-width: 1920px) {
    /* .main-body {
        width: 100%;
    } */
}

/* 导航栏右对齐样式 */
.navbar-expand-lg {
    padding: 31px 0 19px 0;
}

/* 覆盖Bootstrap默认行为，使导航栏在所有屏幕尺寸上都展开 */
.navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-toggler {
    display: none !important;
}

.navbar .container-fluid {
    display: flex !important;
    justify-content: space-between !important;
}

.navbar-brand {
    order: -1; /* 确保logo在最左侧 */
    padding: 0;
}

.navbar-brand img {
    height: 55px;
}

.navbar-collapse {
    order: 1; /* 确保菜单在右侧 */
    justify-content: flex-end !important;
}

.navbar-nav {
    flex-direction: row !important;
    justify-content: flex-end !important;
    margin-left: auto !important;
}

.navbar-nav .nav-item {
    margin-left: 1rem;
}

.container-fluid {
    padding-right: 108px;
    padding-left: 108px;
}

.navbar-nav .nav-item {
    margin-left: 68px;
}
.navbar-expand-lg .navbar-nav .nav-item:first-child {
    margin-left: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #1D5DA4;
}

.navbar-expand-lg .navbar-nav .switch-language {
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    padding: 0;
    height: 100%;
}

.about-module {
    background-image: url("http://oss.fuyicargo.com/img/about-bg.jpg");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 1330px;
    padding-top: 59px;
}
.about-module .about-title {
    font-weight: bold;
    font-size: 40px;
    color: #000000;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.about-module .about-sub {
    font-weight: 400;
    font-size: 18px;
    color: #555555;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 24px;
}
.about-module .about-img {
    width: 210px;
    height: 20px;
    margin: 0 auto;
    margin-top: 24px;
}
.about-module .about-img img {
    width: 100%;
    height: 100%;
}
.about-module .about-tabs {
    margin-top: 40px;
    display: flex;
    margin-left: 353px;
}
.about-module .about-tabs > div {
    display: flex;
    gap: 160px;
}
.about-module .about-tabs > div > div {
    width: 180px;
}
.about-module .about-tabs .about-tab-title {
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.about-module .about-tabs .about-tab-desc {
    font-weight: 400;
    font-size: 16px;
    color: #5F5F5F;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.about-module .about-content {
    margin-top: 291px;
    margin-left: 242px;
}
.about-module .about-content .about-us-img {
    width: 376px;
    height: 93px;
    overflow: hidden;
}
.about-module .about-content .about-us-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-module .about-content .about-us-title {
   font-weight: 500;
    font-size: 32px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 31px;
}
.about-module .about-content .line {
    width: 67px;
    height: 8px;
    background: #2C3188;
    margin-top: 23px;
}
.about-module .about-content .about-us-desc {
    width: 684px;
    height: 198px;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    line-height: 36px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 63px;
}
.culture-module {
    padding: 90px 0 90px 0;
}

.culture-module .title-block .title {
    font-weight: bold;
    font-size: 40px;
    color: #010101;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.culture-module .title-block .sub {
    font-weight: 400;
    font-size: 18px;
    color: #555555;
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-top: 24px;
}
.culture-module .title-block .title-img {
    margin: 0 auto;
    margin-top: 23px;
    width: 210px;
    height: 20px;
}
.culture-module .title-block .title-img img {
    width: 100%;
    height: 100%;
}
.culture-module .title-block .desc {
    margin-top: 57px;
    height: 598px;
    display: flex;
    background: #EFEFEF;
    position: relative;
}

.culture-module .title-block .desc .left {
    width: 50%;
}
.culture-module .title-block .desc .left img {
    width: 100%;
    height: 100%;
}
.culture-module .title-block .desc .right {
    
    height: 100%;
    width: 50%;
    /* clip-path: polygon(200px 0%, 100% 0%, 100% 100%, 0% 100%); */

}

.culture-module .title-block .desc .bg-han {
    width: 230px;
    height: 100%;
    position: absolute;
    left: calc(50% - 200px);
    background: #ffffff;
    clip-path: polygon(200px 0%, 100% 0%, calc(100% - 200px) 100%, 0% 100%);
}
.culture-module .mission {
    font-weight: 500;
    font-size: 26px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 113px;
    margin-left: 36px;
}
.culture-module .vision {
    font-weight: 500;
    font-size: 26px;
    color: #000000;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 87px;
    margin-left: 36px;
}
.culture-module .mission-desc {
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 25px;
    margin-left: 36px;
    margin-right: 100px;
}
.culture-module .vision-desc {
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 25px;
    margin-left: 36px;
    margin-right: 100px;
}