
html {
    scroll-behavior: smooth
}

.container {
    width: var(--container-width);
    max-width: 100%
}

.container-big {
    width: var(--container-big-width);
    max-width: 100%
}

.mobileonly {
    display: none !important
}

.wow {
    visibility: hidden
}

video {
    object-fit: cover
}

.waponly {
    display: none
}

.withicon1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: .5rem
}

.withicon1 i {
    display: inline-flex;
    align-items: center;
    margin-left: 0.4rem
}

.withicon1 i svg {
    fill: inherit;
    width: auto;
    height: 100%
}

.pd15 {
    padding: 1.5rem
}

.pd20 {
    padding: 2rem
}

.bggray1 {
    background: #fafafa
}

.radius100 {
    border-radius: 100rem
}

.fillfff {
    fill: #fff
}

.cfff {
    color: #fff
}

.color1 {
    color: var(--color1)
}

.bgcolor1 {
    background: var(--color1)
}

.hovercolor1 {
    transition: all .3s
}

.hovercolor1:hover {
    background: var(--color1);
    border-color: var(--color1);
    color: #ffff;
    fill: #fff
}

.flex {
    display: flex
}

.flexc {
    justify-content: center;
    align-items: center
}

.flexw {
    flex-wrap: wrap
}

.flexl {
    justify-content: flex-start
}

.flexr {
    justify-content: flex-end
}

.flext {
    align-items: flex-start
}

.flexb {
    align-items: flex-end
}

.flexj {
    justify-content: space-between
}

.flexm {
    display: flex;
    align-items: center
}

.flexcl {
    flex-direction: column
}

.gapx8 {
    column-gap: .8rem
}

.gapx15 {
    column-gap: 1.5rem
}

.gapx10 {
    column-gap: 1rem
}

.gapx20 {
    column-gap: 2rem
}

.gapx22 {
    column-gap: 2.2rem
}

.gapx30 {
    column-gap: 3rem
}

.gapx40 {
    column-gap: 4rem
}

.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr)
}

.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr)
}

.grid-cols-4 {
    grid-template-columns: repeat(4, 1fr)
}

.grid-cols-5 {
    grid-template-columns: repeat(5, 1fr)
}

.grid-cols-6 {
    grid-template-columns: repeat(6, 1fr)
}

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.lines-1 {
    white-space: nowrap;
    text-overflow: ellipsis
}

.lines-2 {
    -webkit-line-clamp: 2
}

.lines-3 {
    -webkit-line-clamp: 3
}

.lines-4 {
    -webkit-line-clamp: 4
}

.lines-5 {
    -webkit-line-clamp: 5
}

.lines-6 {
    -webkit-line-clamp: 6
}

/* public-new.css - 统一的标题样式系统 */

/* ========== 基础标题样式 ========== */
/* 所有 section h2 标题的通用样式 */
.shihao_section_title {
    font-family: 'Poppins';
    font-weight: 800;
    text-transform: uppercase;
    /* letter-spacing: 1.5px; */
    line-height: 1.2;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 4.5rem;
    position: relative;
    /* background: #F2F8FF; */
}

/* 通用 span 样式 - 避免使用 br 换行 */
.shihao_section_title span {
    /* display: block; */
    /* font-weight: inherit; */
    /* letter-spacing: inherit; */
}

/* 基础行样式 */
.section_titles_line1 {
    /* color: #333333; */
    /* font-size: 3.6rem; */
    /* margin-bottom: 0.2rem; */
}

.section_titles_line2 {
    /* color: #333333; */
    /* font-size: 3.6rem; */
    /* margin-bottom: 0.2rem; */
}

.section_titles_line3 {
    /* color: #333333; */
    /* font-size: 3.6rem; */
    /* margin-bottom: 0.2rem; */
}

.section_titles_highlight {
    /* color: #333333; */
    /* font-size: 4.2rem; */
    /* font-weight: 900; */
    /* margin-bottom: 0; */
}

/* ========== 各板块特有样式 ========== */

/* 1. Why Choose Us 标题 */
.section_titles_why_choose_title {
    text-align: left;
    margin-bottom: 3rem;
}

.section_titles_why_choose_title .section_titles_line1 {
    /* font-size: 3.2rem; */
    /* color: #666666; */
    /* font-weight: 400; */
}

.section_titles_why_choose_title .section_titles_highlight {
    /* font-size: 4.8rem; */
    color: #1D4398;
    /* font-weight: 900; */
    /* margin-top: 0.5rem; */
}

/* 2. Industry 4.0 Solutions 标题 */
.section_titles_solutions_main_title {
    text-align: left;
    margin-bottom: 2.5rem;
}

.section_titles_solutions_main_title .section_titles_line1 {
    /* font-size: 2.8rem; */
    /* color: #888888; */
    /* font-weight: 300; */
}

.section_titles_solutions_main_title .section_titles_line2 {
    /* font-size: 3.4rem; */
    color: #fff;
    /* font-weight: 600; */
    /* margin-top: 0.3rem; */
}

.section_titles_solutions_main_title .section_titles_line3 {
    /* font-size: 4.0rem; */
    /* color: #222222; */
    /* font-weight: 900; */
    /* margin-top: 0.4rem; */
}

/* 3. Products 标题 */
.section_titles_products_header_title {
    text-align: left;
    margin-bottom: 2rem;
}

.section_titles_products_header_title .section_titles_line1 {
    /* font-size: 2.4rem; */
    color: #333;
    font-weight: 300;
    /* font-style: italic; */
    display: block;
}

.section_titles_products_header_title .section_titles_highlight {
    /* font-size: 4.4rem; */
    /* color: #222222; */
    /* font-weight: 900; */
    /* margin-top: 0.2rem; */
}

/* 4. Company About 标题 */
.section_titles_company_about_main_title {
    text-align: left;
    margin-bottom: 6.5rem;
    color: #fff;
}

.section_titles_company_about_main_title .section_titles_line1 {
    /* font-size: 2.6rem; */
    /* color: #777777; */
    /* font-weight: 400; */
}

.section_titles_company_about_main_title .section_titles_line2 {
    /* font-size: 3.8rem; */
    /* color: #333333; */
    /* font-weight: 800; */
    /* margin-top: 0.4rem; */
}

/* 5. News Update 标题 */
.section_titles_news_update_title {
    /* text-align: center; */
    margin-bottom: 3rem;
}

.section_titles_news_update_title .section_titles_line1 {
    /* font-size: 3.0rem; */
    /* color: #666666; */
    /* font-weight: 400; */
}

.section_titles_news_update_title .section_titles_highlight {
    font-size: 4.6rem;
    color: #222222;
    font-weight: 900;
    margin-top: 0.3rem;
}

/* ========== 响应式设计 ========== */

/* 平板设备 */
@media (max-width: 1024px) {
    .shihao_section_title {
        letter-spacing: 1px;
    }
    
    .section_titles_line1,
    .section_titles_line2,
    .section_titles_line3 {
        font-size: 3.2rem;
    }
    
    .section_titles_highlight {
        font-size: 3.8rem;
    }
    
    /* 各板块调整 */
    .section_titles_why_choose_title .section_titles_line1 {
        font-size: 2.8rem;
    }
    
    .section_titles_why_choose_title .section_titles_highlight {
        font-size: 4.2rem;
    }
    
    .section_titles_solutions_main_title .section_titles_line1 {
        font-size: 2.4rem;
    }
    
    .section_titles_solutions_main_title .section_titles_line2 {
        font-size: 3.0rem;
    }
    
    .section_titles_solutions_main_title .section_titles_line3 {
        font-size: 3.6rem;
    }
    
    .section_titles_products_header_title .section_titles_line1 {
        font-size: 2.0rem;
    }
    
    .section_titles_products_header_title .section_titles_highlight {
        font-size: 4.0rem;
    }
    
    .section_titles_company_about_main_title .section_titles_line1 {
        font-size: 2.2rem;
    }
    
    .section_titles_company_about_main_title .section_titles_line2 {
        font-size: 3.4rem;
    }
    
    .section_titles_news_update_title .section_titles_line1 {
        font-size: 2.6rem;
    }
    
    .section_titles_news_update_title .section_titles_highlight {
        font-size: 4.2rem;
    }
}

/* 手机设备 */
@media (max-width: 768px) {
    body .shihao_section_title {
        letter-spacing: 0.5px;
        text-align: center !important;
        margin-bottom: 30px;
    }
    
    .section_titles_line1,
    .section_titles_line2,
    .section_titles_line3 {
        font-size: 2.4rem;
    }
    
    .section_titles_highlight {
        font-size: 3.0rem;
    }
    
    /* 各板块移动端调整 */
    .section_titles_why_choose_title .section_titles_line1 {
        font-size: 2.0rem;
    }
    
    .section_titles_why_choose_title .section_titles_highlight {
        font-size: 3.2rem;
    }
    
    .section_titles_solutions_main_title .section_titles_line1 {
        /* font-size: 1.8rem; */
    }
    
    .section_titles_solutions_main_title .section_titles_line2 {
        font-size: 2.2rem;
    }
    
    .section_titles_solutions_main_title .section_titles_line3 {
        font-size: 2.8rem;
    }
    
    .section_titles_products_header_title .section_titles_line1 {
        font-size: inherit;
        display: inline;
    }
    
    .section_titles_products_header_title .section_titles_highlight {
        font-size: 3.0rem;
    }
    
    .section_titles_company_about_main_title .section_titles_line1 {
        font-size: 1.8rem;
    }
    
    .section_titles_company_about_main_title .section_titles_line2 {
        font-size: 2.6rem;
    }
    
    .section_titles_news_update_title .section_titles_line1 {
        font-size: 2.0rem;
    }
    
    .section_titles_news_update_title .section_titles_highlight {
        font-size: 3.2rem;
    }
}

/* 小屏手机 */
@media (max-width: 480px) {
    .section_titles_line1,
    .section_titles_line2,
    .section_titles_line3 {
        font-size: 2.0rem;
    }
    
    .section_titles_highlight {
        font-size: 2.6rem;
    }
    
    .section_titles_why_choose_title .section_titles_highlight {
        font-size: 2.8rem;
    }
    
    .section_titles_solutions_main_title .section_titles_line3 {
        font-size: 2.4rem;
    }
    
    .section_titles_products_header_title .section_titles_highlight {
        /* font-size: 2.6rem; */
    }
    
    .section_titles_company_about_main_title .section_titles_line2 {
        font-size: 2.2rem;
    }
    
    .section_titles_news_update_title .section_titles_highlight {
        font-size: 2.8rem;
    }
}

/* ========== 其他组件样式 ========== */

/* 统计标签样式 - 替代 br 换行 */
.company_about_stat_label {
    /* text-align: center; */
    line-height: 1.3;
}

.company_about_stat_label .stat_label_line1,
.company_about_stat_label .stat_label_line2 {
    display: block;
    font-size: 1.4rem;
    color: #666666;
    font-weight: 400;
}

.company_about_stat_label .stat_label_line1 {
    margin-bottom: 0.2rem;
}
.title_second_1,.title_second_1 h2{font-size: 4.5rem;font-weight: 700;color: #333;margin-bottom: 30px;line-height: 1.1;text-transform: uppercase;letter-spacing: 1px;}
.title_second_1 h2{}

.title_second_1 h2+p {
    font-size: 1.6rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
}

.title_second_1 .section_titles_line1 {}
.title_second_1 .section_titles_line2 {
    display: block;
    margin-top: 1rem;
}
/* 响应式 - 统计标签 */
@media (max-width: 768px) {
    .company_about_stat_label .stat_label_line1,
    .company_about_stat_label .stat_label_line2 {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .company_about_stat_label .stat_label_line1,
    .company_about_stat_label .stat_label_line2 {
        font-size: 1.1rem;
    }
}
