/* 1. 栅格容器：居中、限制最大宽度 */
.g-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
/* 适配不同大屏的容器最大宽度 */
@media (min-width: 576px) {
    .g-container { max-width: 540px; }
}
@media (min-width: 768px) {
    .g-container { max-width: 720px; }
}
@media (min-width: 992px) {
    .g-container { max-width: 960px; }
}
@media (min-width: 1200px) {
    .g-container { max-width: 1140px; }
}
@media (min-width: 1400px) {
    .g-container { max-width: 1320px; }
}

/* 2. 栅格行：Flex 布局，控制列的排列和间距 */
.g-row {
    display: flex;
    flex-wrap: wrap; /* 列数超出自动换行 */
    margin-right: -15px; /* 抵消列的左右内边距，实现整体间距 */
    margin-left: -15px;
}
/* 可选：行的垂直对齐方式（按需使用） */
.g-row--top { align-items: flex-start; }
.g-row--center { align-items: center; }
.g-row--bottom { align-items: flex-end; }
.g-row--between { justify-content: space-between; }
.g-row--around { justify-content: space-around; }

/* 3. 栅格列：基础样式，所有列的公共属性 */
.g-col {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 auto; /* 不拉伸、不收缩，按指定宽度排列 */
}

/* 4. 基础24列：无断点，所有屏幕下固定列数 */
.g-col-1 { width: 4.166667%; }
.g-col-2 { width: 8.333333%; }
.g-col-3 { width: 12.5%; }
.g-col-4 { width: 16.666667%; }
.g-col-5 { width: 20.833333%; }
.g-col-6 { width: 25%; }
.g-col-7 { width: 29.166667%; }
.g-col-8 { width: 33.333333%; }
.g-col-9 { width: 37.5%; }
.g-col-10 { width: 41.666667%; }
.g-col-11 { width: 45.833333%; }
.g-col-12 { width: 50%; }
.g-col-13 { width: 54.166667%; }
.g-col-14 { width: 58.333333%; }
.g-col-15 { width: 62.5%; }
.g-col-16 { width: 66.666667%; }
.g-col-17 { width: 70.833333%; }
.g-col-18 { width: 75%; }
.g-col-19 { width: 79.166667%; }
.g-col-20 { width: 83.333333%; }
.g-col-21 { width: 87.5%; }
.g-col-22 { width: 91.666667%; }
.g-col-23 { width: 95.833333%; }
.g-col-24 { width: 100%; }

/* 5. 响应式24列：不同屏幕下显示不同列数（核心） */
/* 超小屏 xs <576px */
@media (max-width: 575.98px) {
    .g-col-xs-1 { width: 4.166667%; }
    .g-col-xs-2 { width: 8.333333%; }
    .g-col-xs-3 { width: 12.5%; }
    .g-col-xs-4 { width: 16.666667%; }
    .g-col-xs-5 { width: 20.833333%; }
    .g-col-xs-6 { width: 25%; }
    .g-col-xs-7 { width: 29.166667%; }
    .g-col-xs-8 { width: 33.333333%; }
    .g-col-xs-9 { width: 37.5%; }
    .g-col-xs-10 { width: 41.666667%; }
    .g-col-xs-11 { width: 45.833333%; }
    .g-col-xs-12 { width: 50%; }
    .g-col-xs-13 { width: 54.166667%; }
    .g-col-xs-14 { width: 58.333333%; }
    .g-col-xs-15 { width: 62.5%; }
    .g-col-xs-16 { width: 66.666667%; }
    .g-col-xs-17 { width: 70.833333%; }
    .g-col-xs-18 { width: 75%; }
    .g-col-xs-19 { width: 79.166667%; }
    .g-col-xs-20 { width: 83.333333%; }
    .g-col-xs-21 { width: 87.5%; }
    .g-col-xs-22 { width: 91.666667%; }
    .g-col-xs-23 { width: 95.833333%; }
    .g-col-xs-24 { width: 100%; }
}
/* 小屏 sm ≥576px */
@media (min-width: 576px) {
    .g-col-sm-1 { width: 4.166667%; }
    .g-col-sm-2 { width: 8.333333%; }
    .g-col-sm-3 { width: 12.5%; }
    .g-col-sm-4 { width: 16.666667%; }
    .g-col-sm-5 { width: 20.833333%; }
    .g-col-sm-6 { width: 25%; }
    .g-col-sm-7 { width: 29.166667%; }
    .g-col-sm-8 { width: 33.333333%; }
    .g-col-sm-9 { width: 37.5%; }
    .g-col-sm-10 { width: 41.666667%; }
    .g-col-sm-11 { width: 45.833333%; }
    .g-col-sm-12 { width: 50%; }
    .g-col-sm-13 { width: 54.166667%; }
    .g-col-sm-14 { width: 58.333333%; }
    .g-col-sm-15 { width: 62.5%; }
    .g-col-sm-16 { width: 66.666667%; }
    .g-col-sm-17 { width: 70.833333%; }
    .g-col-sm-18 { width: 75%; }
    .g-col-sm-19 { width: 79.166667%; }
    .g-col-sm-20 { width: 83.333333%; }
    .g-col-sm-21 { width: 87.5%; }
    .g-col-sm-22 { width: 91.666667%; }
    .g-col-sm-23 { width: 95.833333%; }
    .g-col-sm-24 { width: 100%; }
}
/* 中屏 md ≥768px（平板） */
@media (min-width: 768px) {
    .g-col-md-1 { width: 4.166667%; }
    .g-col-md-2 { width: 8.333333%; }
    .g-col-md-3 { width: 12.5%; }
    .g-col-md-4 { width: 16.666667%; }
    .g-col-md-5 { width: 20.833333%; }
    .g-col-md-6 { width: 25%; }
    .g-col-md-7 { width: 29.166667%; }
    .g-col-md-8 { width: 33.333333%; }
    .g-col-md-9 { width: 37.5%; }
    .g-col-md-10 { width: 41.666667%; }
    .g-col-md-11 { width: 45.833333%; }
    .g-col-md-12 { width: 50%; }
    .g-col-md-13 { width: 54.166667%; }
    .g-col-md-14 { width: 58.333333%; }
    .g-col-md-15 { width: 62.5%; }
    .g-col-md-16 { width: 66.666667%; }
    .g-col-md-17 { width: 70.833333%; }
    .g-col-md-18 { width: 75%; }
    .g-col-md-19 { width: 79.166667%; }
    .g-col-md-20 { width: 83.333333%; }
    .g-col-md-21 { width: 87.5%; }
    .g-col-md-22 { width: 91.666667%; }
    .g-col-md-23 { width: 95.833333%; }
    .g-col-md-24 { width: 100%; }
}
/* 大屏 lg ≥992px（电脑） */
@media (min-width: 992px) {
    .g-col-lg-1 { width: 4.166667%; }
    .g-col-lg-2 { width: 8.333333%; }
    .g-col-lg-3 { width: 12.5%; }
    .g-col-lg-4 { width: 16.666667%; }
    .g-col-lg-5 { width: 20.833333%; }
    .g-col-lg-6 { width: 25%; }
    .g-col-lg-7 { width: 29.166667%; }
    .g-col-lg-8 { width: 33.333333%; }
    .g-col-lg-9 { width: 37.5%; }
    .g-col-lg-10 { width: 41.666667%; }
    .g-col-lg-11 { width: 45.833333%; }
    .g-col-lg-12 { width: 50%; }
    .g-col-lg-13 { width: 54.166667%; }
    .g-col-lg-14 { width: 58.333333%; }
    .g-col-lg-15 { width: 62.5%; }
    .g-col-lg-16 { width: 66.666667%; }
    .g-col-lg-17 { width: 70.833333%; }
    .g-col-lg-18 { width: 75%; }
    .g-col-lg-19 { width: 79.166667%; }
    .g-col-lg-20 { width: 83.333333%; }
    .g-col-lg-21 { width: 87.5%; }
    .g-col-lg-22 { width: 91.666667%; }
    .g-col-lg-23 { width: 95.833333%; }
    .g-col-lg-24 { width: 100%; }
}
/* 超大屏 xl ≥1200px */
@media (min-width: 1440px) {
    .g-col-xl-1 { width: 4.166667%; }
    .g-col-xl-2 { width: 8.333333%; }
    .g-col-xl-3 { width: 12.5%; }
    .g-col-xl-4 { width: 16.666667%; }
    .g-col-xl-5 { width: 20.833333%; }
    .g-col-xl-6 { width: 25%; }
    .g-col-xl-7 { width: 29.166667%; }
    .g-col-xl-8 { width: 33.333333%; }
    .g-col-xl-9 { width: 37.5%; }
    .g-col-xl-10 { width: 41.666667%; }
    .g-col-xl-11 { width: 45.833333%; }
    .g-col-xl-12 { width: 50%; }
    .g-col-xl-13 { width: 54.166667%; }
    .g-col-xl-14 { width: 58.333333%; }
    .g-col-xl-15 { width: 62.5%; }
    .g-col-xl-16 { width: 66.666667%; }
    .g-col-xl-17 { width: 70.833333%; }
    .g-col-xl-18 { width: 75%; }
    .g-col-xl-19 { width: 79.166667%; }
    .g-col-xl-20 { width: 83.333333%; }
    .g-col-xl-21 { width: 87.5%; }
    .g-col-xl-22 { width: 91.666667%; }
    .g-col-xl-23 { width: 95.833333%; }
    .g-col-xl-24 { width: 100%; }
}

/* 6. 列偏移：将列向右偏移指定列数（所有断点通用） */
.g-offset-1 { margin-left: 4.166667%; }
.g-offset-2 { margin-left: 8.333333%; }
.g-offset-3 { margin-left: 12.5%; }
/* ... 依次到 g-offset-23 */
.g-offset-24 { margin-left: 100%; }
/* 响应式偏移（示例：大屏下偏移4列）.g-offset-lg-4 */
@media (min-width: 992px) {
    .g-offset-lg-4 { margin-left: 16.666667%; }
}

/* 7. 可选：隐藏列（响应式） */
.g-hidden-xs { display: none !important; }
@media (max-width: 576px) { .g-hidden-sm { display: none !important; } }
@media (max-width: 768px) { .g-hidden-md { display: none !important; } }
@media (max-width: 992px) { .g-hidden-lg { display: none !important; } }
@media (max-width: 1440px) { .g-hidden-xl { display: none !important; } }

.g-visible-xs { display: none !important; }
@media (max-width: 576px) { .g-visible-sm { display: block !important; } }
@media (max-width: 768px) { .g-visible-md { display: block !important; } }
@media (max-width: 992px) { .g-visible-lg { display: block !important; } }
@media (max-width: 1440px) { .g-visible-xl { display: block !important; } }

@media (max-width: 992px) {
    .m-footer{
    }
    .m-footer .g-row{
        display: block;
    }
    .m-footer .g-row .left{
        padding-right: 0;
    }
    .m-footer .g-row .left .info{
        margin-left: 0;
    }
    .m-footer .g-row .right{
        padding-left: 0;
        border: none;
        display: block;
    }
}

@media (min-width: 1440px) {
    .nav-menu{
        display: block !important;
    }
}

@media (max-width: 1440px) {
    .m-header .nav-menu, .m-header .language, .m-header .search{
        display: none;
    }
    .m-header .show-menu-btn{
        padding: 10px;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .m-header .show-menu-btn i{
        font-size: 22px;
    }
    .m-header .logo .img{
        width: 120px;
        height: 33px;
    }
    .m-header .nav-menu{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #fff;
        margin: 0;
        z-index: 999;
        padding-top: 20px;
    }
    .m-header .nav-menu li{
        float: none;
        margin: 0;
        padding: 0 20px;
    }
    .m-header .nav-menu li a{
        color: #666;
        font-size: 16px;
    }

    .index-module-news__item{
        /*padding: 0 15px;*/
        margin-bottom: 20px;
    }
    .index-module-news__item:last-child{
        margin-bottom: 0;
    }
    .index-module-about__bd{
        display: block;
        padding: 0 20px;
    }
    .index-module-about__logo, .index-module-about__honor{
        text-align: center;
    }
    .index-module-about__logo .img, .index-module-about__honor .img{
        display: inline-block;
    }
    .index-module-about__description .bottom-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }
    .index-module-about__description{
        margin: 30px 0;
    }
    .index-module-field__item{
        margin-bottom: 20px;
    }
}