body{
    padding: 0;
    margin: 0;
}

.title{
    text-align: center;
}
.title .t1{
    font-size: 50px;
    font-family: 'Alibaba PuHuiTi', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
    font-weight: 800;
}
.title .t2{
    font-size: 30px;
}

.item4 {
    padding: 100px 0;
}
.item4 .item4_content{
    width: 80%;
    margin: auto;
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}
.item4 .item4_content .item4_content_tap{
    width: 20%;
}
.item4 .item4_content .item4_content_tap .tap{
    background-color: #a40000;
    text-align: center;
    padding: 30px 0;
}
.item4 .item4_content .item4_content_tap .tap .tap_title{
    color: #fff;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 50px;
}
.item4 .item4_content .item4_content_tap .tap .tap_title .tap_t1{
    font-size: 30px;
    font-family: 'Alibaba PuHuiTi', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
    font-weight: 800;

}
.item4 .item4_content .item4_content_tap .tap .tap_type{
    width: 90%;
    background-color: #fff;
    margin: auto;
    border-radius: 10px;
    padding-bottom: 20px;
    border-top: 1px solid  #a40000;
}
.item4 .item4_content .item4_content_tap .tap .tap_type .item{
    background-color: #eeeeee;
    text-align: left;
    width: 90%;
    margin: auto;
    padding: 5px 0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-top: 20px;
    font-weight: bold;
    cursor:pointer;
}
.item4 .item4_content .item4_content_tap .tap .tap_type .item img{
    width: 15px;
    margin-left: 10px;
    margin-right: 5px;

}
.item4 .item4_content .item4_content_tap .rexian{
    background-color: #a40000;
    margin-top: 20px;
    padding: 20px 0;
}
.item4 .item4_content .item4_content_tap .rexian .r1{
    background-color: #fff;
    width: 70%;
    margin: auto;
    border-radius: 10px;
    line-height: 40px;
    padding: 20px 10%;

}
.item4 .item4_content .item4_content_tap .rexian .r1 .r1_title{
    font-size: 35px;
    font-family: 'Alibaba PuHuiTi', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
    font-weight: 800;
    color: #ce1919;
}
.item4 .item4_content .item4_content_tap .rexian .r1 .r1_phone{
    font-size: 30px;
    font-family: 'Alibaba PuHuiTi', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
    font-weight: 800;
}
.item4 .item4_content .content{
    width: 78%;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    display: none;
}
.item4 .item4_content .content .c_item{
    width: 28%;
    height: 320px;
    text-align: center;
    padding: 20px;
    background-color: #eeeeee;
    margin-bottom: 30px;
}
.item4 .item4_content .content .c_item .text{
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
}
.item4 .item4_content .content .c_item .button{
    background-color: #0e5cb2;
    color: #fff;
    width: 150px;
    margin: auto;
    padding: 3px 0;
    font-weight: bold;
    cursor:pointer;
}
.item5 .item5_content{
    width: 70%;
    margin: auto;
}
.item5 .item5_content .item5_title .item5_t1{
    font-size: 40px;
    font-family: 'Alibaba PuHuiTi', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
    font-weight: 800;
}
.item5 .item5_content .item5_title .it{
    width: 40px;
    height: 10px;
    background-color: #ce1919;
    margin-top: 10px;
}
.item5 .item5_content .item5_text{
    margin-top: 50px;
}
.item5 .item5_content .item5_text .text_1{
    font-size: 25px;
    color: #717171FF;
    font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
}
.item5 .item5_content .item5_text .image_1{
    float:right;
    margin-left: 30px;
    margin-top: 10px;
}
.item5_describe{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 50px;
}
.item5_describe .item5_describe_ms{
    width: 17%;
    border: 1px solid;
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.item5_describe .item5_describe_ms img{
    width: 60px;
    height: 60px;
}
.item5_describe .item5_describe_ms .describe_text{
    line-height: 35px;
    text-align: center;
    margin-top: 10px;
}
.item5_describe .item5_describe_ms .describe_text .t1{
    font-size: 35px;
    font-family: 'Alibaba PuHuiTi', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
    font-weight: 800;
}
.item5_describe .item5_describe_ms .describe_text .t2{
    font-size: 20px;
}

.item6{
    margin: 100px 0;
}
.item6 .item6_box{
    width: 70%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 50px;
}
.item6 .item6_box .changjing{
    text-align: center;
    font-size: 24px;
    background-color: #eeeeee;
    width: 32%;
    margin-bottom: 20px;
}
.item6 .item6_box .changjing .changjing_title{
    margin: 10px 0;
}

/* 外层容器 */
.hero{
    position: relative;
    min-height: 620px;
    background: var(--hero-bg) center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

/* 内容 */
.hero__content{
    max-width: 1200px;
    padding: 60px 20px;
}

/* 标题/副标题 */
.hero__content h1{
    margin: 0 0 20px;
    font-weight: 800;
    font-size: clamp(26px, 3.6vw, 48px);
    line-height: 1.2;
}
.hero__content p{
    margin: 0 auto 30px;
    max-width: 900px;
    font-weight: 300;     /* 更细的字 */
    font-size: clamp(14px, 1.6vw, 20px);
    line-height: 1.9;
}

/* CTA按钮 */
.btn-cta{
    display: inline-block;
    padding: 12px 26px;
    background: #fff;
    color: #e1192d;
    font-weight: 700;
    border-radius: 6px;
    text-decoration: none;
    transition: all .2s ease;
}
.btn-cta:hover{
    color: #c10f22;
    transform: translateY(-2px);
}


:root{
    --bg:#1f1f1f;
    --text:#e9e9e9;
    --muted:#bfbfbf;
    --accent:#e1192d;
}


.lively{
    background-color: #c10f22 !important;
    color: #fff !important;
}
.active{
    display: flex !important;
}
@media (max-width:1000px){
    .layui-logo{
        height: 200px !important;
    }
    .layui-logo img{
        width: 100% !important;
    }
    .item4{
        padding: 20px 0;
    }
    .title .t1{
        font-size: 30px;
    }
    .title .t2{
        font-size: 18px;
    }
    .item4_content_tap{
        display: none;
    }
    .item4 .item4_content{
        width: 90%;
        margin-top: 20px;
        display: block;
    }
    .item4 .item4_content .content{
        width: 100%;
        margin-top: 20px;
    }
    .item4 .item4_content .content .c_item{
        width: 100%;
        height: 300px;

    }
    /* 外层：横向滚动容器 */
    .cat-wrap{
        display:flex;
        gap:12px;
        padding:8px 10px;
        margin:0;
        list-style:none;
        overflow-x:auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scroll-snap-type: x proximity;   /* 滑动对齐 */
        scrollbar-width: none;           /* Firefox 隐藏滚动条 */
    }
    .cat-wrap::-webkit-scrollbar{ display:none; }  /* WebKit 隐藏滚动条 */

    /* 单个 Tab */
    .cat-wrap li{
        flex:0 0 auto;                   /* 不换行，水平排列 */
        padding:8px 16px;
        background:#f3f5f7;
        border:1px solid #e6e8eb;
        border-radius:999px;             /* 胶囊形状 */
        color:#333;
        font-size:14px;
        line-height:1;
        white-space:nowrap;
        cursor:pointer;
        user-select:none;
        scroll-snap-align:center;        /* 让当前项居中对齐 */
        transition:background .2s, color .2s, border-color .2s, transform .12s;
    }
    .cat-wrap li:hover{ transform: translateY(-1px); }

    /* 选中态 */
    .cat-wrap li.active{
        background:#ffffff;
        color:#111;
        border-color:#1e88e5;            /* 主题色可改 */
        box-shadow:0 0 0 3px rgba(30,136,229,.12) inset;
    }

    /* 按下瞬间的反馈（可选） */
    .cat-wrap li:active{ transform: translateY(0); }
    .item5 .item5_content{
        width: 90%;
    }
    .item5 .item5_content .item5_title .item5_t1{
        font-size: 24px;
    }
    .item5 .item5_content .item5_text{
        margin-top: 10px;
    }
    .item5 .item5_content .item5_text .image_1{
        margin: 0;
    }
    .item5 .item5_content .item5_text .text_1{
        font-size: 18px;
    }
    .item5_describe{
        margin-top: 10px;
    }
    .item5_describe .item5_describe_ms{
        width: 100%;
        margin-top: 20px;
    }
    .item6{
        margin: 20px 0;
    }
    .title .t2{
        display: none;
    }
    .title .t3{
        font-size: 18px;
    }
    .item6 .item6_box{
        width: 90%;
        margin-top: 20px;
    }
    .item6 .item6_box .changjing{
        width: 100%;
    }
    .hero{
        height: 310px;
    }
}
@media (min-width:1000px){
    .title .t3{
        display: none;
    }
    .cat-wrap{
        display: none;
    }
}