.home {
    padding-top: 0.9rem
}

/* 面包屑 */
.mianbao {
    padding-top: .1rem;
    display: flex;
    font-size: .175rem;
    color: #666666;
    line-height: .375rem;
    margin-top: .375rem;
    margin-bottom: .375rem;
    margin-left: 2.5rem
}

.chanpin_line {
    height: .0125rem;
    background: #D8D8D8;
    width: 19rem;
    margin: auto;
}


.product_line {
    width: 100%;
    height: .125rem;
    border-bottom: .0125rem solid #000;
    margin-top: .5rem;
    margin-bottom: .5rem
}

/* 联系我们 */
.lianxi_text {
    width: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto
}

.form {
    display: flex;
    flex-wrap: wrap;
}



.zxly_form_item {
    position: relative;
    width: 9.25rem;
    height: .7625rem;
    background: #F4F4F4;
    border-radius: .0125rem;
    margin-bottom: 0.25rem;
    border: .0125rem solid #D4D7E0;
}

.zxly_form_item:nth-of-type(-n+4)::before {
    content: "*";
    position: absolute;
    left: 3% !important;
    top: 26% !important;
    font-size: 0.15rem;
    color: #cd0000;
}

.zxly_form_item .footer_input {
    width: 9.25rem;
    padding-left: .4rem;
    border: 0;
    background: transparent;
    color: #000;
    line-height: 0.7625rem;
}

.zxly_form_items .footer_input {
    width: 18.9875rem;
    font-family: '微软雅黑', 'Microsoft YaHei', sans-serif;
    height: 2.2625rem !important;
    padding-left: .4rem;
    border: 0;
    background: transparent;
    color: #000;
    padding-top: .2rem
}

.zxly_form_item:nth-child(2n) {
    margin-left: .5rem
}

.zxly_form_items {
    width: 18.9875rem;
    height: 2.2625rem;
    background: #F4F4F4;
    border-radius: .0125rem;
    border: .0125rem solid #D4D7E0;
}

.footer_submit {
    margin-top: .5rem;
    width: 2.5rem;
    height: .6375rem;
    color: #fff;
    display: flex;
    font-size: .25rem;
    align-items: center;
    justify-content: center;
    border-radius: .125rem;
    background-color: #C30008;
}

/* 发展历程 */
.xian {}

.fazhan_item {
    display: flex;
    position: relative;
}

.zuoce,
.zuoce_text {
    width: 2.562rem;
    margin-top: .5rem;
    font-weight: bold;
    font-size: .3rem;
    color: #333333;
    line-height: .375rem;

}

.xian_line {
    position: relative;
    height: 4.5rem;
    margin: 0 .25rem;
    border-left: .0375rem dashed #ccc
}

.xian_yuan {
    position: absolute;
    top: 14%;
    left: 12.05%;
    width: .25rem;
    height: .25rem;
}

.xian_yuan img {
    width: .25rem;
    height: .25rem;
}

.youce {
    position: relative;
}

.youce_box {
    display: flex;
    align-items: center;
    margin-left: .625rem;
    position: relative;
    width: 13.55rem;
    padding: .5rem;
    /* background: #228FD5; */
    border-radius: .125rem;
    border: .0125rem solid #DBDBDB;
    margin-bottom: .5rem;
}

.youce_box_img {
    width: 3.75rem;
    height: 2.75rem;
    margin-left: .5rem
}

.youce_box_text {
    width: 9.2625rem;
    font-size: .2rem;
    color: #000;
    line-height: .375rem;

}

.youce_box_img img {
    width: 100%;
    height: 100%
}

/* .youce:hover .youce_box {
    flex-direction: row-reverse;
}

.youce:hover .youce_box_img {
    margin-right: .5rem
}

.youce_box:hover {
    background-color: red;

}

.youce_box:hover .youce_box_text {

    color: #fff;
}

.fazhan_item:hover .triangle-left {
    border-right: .25rem solid red;
} */


.triangle-left {
    position: absolute;
    top: 14%;
    left: 2.8%;
    width: 0;
    height: 0;
    border-top: .125rem solid transparent;
    border-bottom: .125rem solid transparent;
    border-right: .25rem solid #ccc;
    /* 初始颜色设置为 #ccc */
    border-left: 0;
    z-index: 1;
}


/* 分页 */
yea,
.yema ul {
    clear: both;
    list-style: none;
    list-style-position: initial;
    list-style-image: initial;
    list-style-type: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.1rem auto 0rem;
}

.yema a,
.yema li {
    display: block;
    font-size: .2rem;
    width: 0.5rem;
    height: 0.5rem;
    /* background: #FFFFFF; */
    border-radius: 0.04rem;
    text-align: center;
    line-height: .5rem;

}

.yema li:first-child {
    background: #c8c8c8;
}

.yema li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.05rem;
    font-size: .2rem;
    border: 0.01rem solid #C8C8C8;
}

.yema .active {
    background: #e80013 !important;
    color: #FFFFFF !important;
}

/* 公司简介 */
.jianjie {
    width: 100%;
    padding: .5rem 2.5rem;
}

.titles {
    font-size: .6rem;
    font-weight: 700;
    text-align: center;
    padding-top: .5rem;

}

.jianjies {
    border-bottom: .05rem solid #df111b;
}

.bottom_titles {
    margin-top: .25rem;
    font-weight: 400;
    font-size: .2rem;
    color: #7f7f7f;

}

.jianjie_text {
    margin-top: .5rem;
    font-size: .2rem
}

.jianjie_text p {
    line-height: .375rem;
}

.jianjie_tu {
    margin-top: .5rem;
    width: 100%;
    height: 7.8625rem;
}

.jianjie_tu {
    width: 100%;
    height: 100%
}

/* 企业文化 */
.wenhua {
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-between;
    width: 100%;
    height: 8.75rem;
    color: #fff;
    padding: .5rem 2.5rem 0 2.5rem;
    box-sizing: border-box;
    background: url(./img/beiji.jpg) no-repeat;
}

.wenhua_box {
    display: flex;
    /* gap: 3rem; */
    align-items: end;
}

.wenhua_text {
    font-size: .6rem;
    font-weight: 700;
    /* margin-bottom: 4.5rem; */
}

.shiming {
    font-size: .375rem;
    margin-top: .25rem
}


.wenhua_item {
    position: relative;
    height: 2.9rem;
    width: 4.3625rem;
    padding-left: .25rem;
    border-left: .025rem solid #fff;
    overflow: hidden;
    /* transition: height .3s ease; */
}

.wenhua_item img {
    width: .625rem;
    height: .575rem;
}

.shiming_content {
    font-size: .225rem;
    margin-top: .5rem;
    display: none;
}

.wenhua_item.expanded .shiming_content {
    display: block;
    /* 添加类 .expanded 时显示 */
}



.wenhua_item.expanded {
    height: 6rem;
    /* 扩展后的高度 */
}

.expanded {

    width: auto;
}

.wenhua_item.move {
    margin-top: 3rem;
    /* 鼠标悬停时移动其他盒子 */
}

/*新闻中心 */
.xinwen {
    width: 100%;
}

.xinwen_item {
    display: flex;
    padding: .25rem 0;
    border-bottom: .0125rem solid #D8D8D8;
}

.xinwen_item:hover {
    color: #e60012 !important;
}

.xinwen_item:hover .xinwen_right_text {
    color: #e60012 !important;
}

.xinwen_item:hover .shizhong {
    color: #e60012 !important;
}

/* 
.xinwen_right_text:hover {
    color: #C30008 !important;
} */

.xinwen_item_left {
    width: 4.5rem;
    /* height: 2.2rem; */
    margin-right: .5rem
}

.chanpin.menu {
    display: block;
}

.navbar.menus {
    display: none;
}

.chanpins {
    display: block;
}

.xinwen_item_left img {
    width: 100%;
    height: 100%;
}

.xinwen_item_right {
    width: 14.3375rem;
}

.xinwen_item_right h2 {
    font-weight: bold;
    font-size: .275rem;
}

.xinwen_right_text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 显示两行 */
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
    margin-top: .25rem;
    font-size: .2rem;
    color: #666666;
    line-height: .375rem;
}

.shizhong {
    margin-top: .5rem;
    font-size: .2rem;
    color: #7C7C7C;
}

.back {
    display: flex;
    justify-content: center;
}

.nantong-title {
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: .375rem;
    padding-bottom: .5rem;
    border-bottom: .0125rem solid #D8D8D8;
}

.texts {
    margin-top: .5rem;
    font-size: .2rem;
    color: #333333;
    line-height: .375rem;
}

.detail_tu {
    margin-top: .5rem;
    width: 100%;
    height: 7.8625rem;
    padding-bottom: .5rem;
    border-bottom: .0125rem solid #D8D8D8;
}

.detail_tu img {
    width: 100%;
    height: 100%;
}

.details {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: .625rem;
    background-color: #e50013;
    border-radius: .25rem;
    font-size: .225rem;
    color: #fff;
    margin-bottom: .5rem;
}

/* 分类名称*/
.fenlei_name {
    margin-top: .25rem;
    display: flex;
    align-items: center;
    margin-bottom: .5rem;

}

.lines {
    border-bottom: .05rem solid #e50013;
}

.fenlei_text {
    width: 8.5rem;
    /* height: 2.475rem; */
    font-size: .225rem;
    line-height: .375rem;
    margin-right: .8rem
}

.fenlei_text_title {
    margin-bottom: .5rem;
    font-weight: bold;
    font-size: .45rem;
    line-height: .6rem;
}

a:focus,
a:active {
    color: red;
    /* 点击时的颜色 */
    outline: none;
    /* 去掉点击时的轮廓 */
}

.fenlei_tu {
    width: 9.25rem;

}

.fenlei_tu img {
    width: 9.25rem;
    height: 6.125rem;
    border-radius: .375rem;
}

.all_title {
    font-size: .45rem;
    line-height: 1.375rem;
}

.all_item {
    margin-top: .5rem;
    display: grid;
    gap: .25rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, auto);

}

.all_item img {
    width: 100%;
    height: 4.5rem;
    border-radius: .25rem .25rem 0 0;
}

.all_items {
    width: 6.1rem;
    /* height: 6.375rem; */
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .25rem;
    background-color: #fff;
}

.all_items p {
    margin-top: .25rem;
    font-weight: bold;
    text-align: center;
    font-size: .25rem;
    color: #333333;
    line-height: .4125rem;
}

.all_detail {
    margin-top: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8875rem;
    height: .5125rem;
    margin-bottom: .5rem;
    border-radius: .25rem;
    border: .0125rem solid #E60012;
    font-size: .2rem;
}

/* 服务范围 */
.fu {
    display: grid;
    grid-template-columns: repeat(2, 8.5125rem);
    grid-template-rows: (2, 4.6375rem);
    column-gap: 1.2rem;
    row-gap: .25rem;
}

.fu_item {
    display: flex;
    padding: .5rem;
    width: 8.5125rem;
    height: 5.3rem;
    border: .0125rem solid #D8D8D8;
    /* background-color: aqua; */
}

.fu_item_left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: bold;
    font-size: .25rem;
    /* color: #FFFFFF; */
    line-height: .475rem;
}

.fu_item_left div {
    text-align: center;
}

.fu_item_right {
    flex: 2;
    margin-left: 1rem;
    font-size: .25rem;
    /* color: #FFFFFF; */
    line-height: .5rem;
}

.fu_item_right ul li {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.fu_item_right ul li span {
    margin-right: .125rem;
    width: .0625rem;
    height: .0625rem;
    border-radius: 50%;
    background-color: #228FD5;
}

.icon-hover {
    display: none;
}

/* 鼠标悬停效果 */
.fu_item:hover {
    background-color: red;
    /* 背景色变成红色 */
    color: white;
    /* 字体颜色变成白色 */
}

.fu_item:hover .icon-main {
    display: none;
    /* 鼠标悬停时隐藏主图标 */
}

.fu_item:hover .icon-hover {
    display: block;
    /* 鼠标悬停时显示替换图标 */
}

.fu_item:hover .fu_item_right span {
    background-color: white;
    /* 鼠标悬停时span颜色变成白色 */
}

/* 常见问题 */
.wenti {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: .25rem;
}

.wenti_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    padding: .5rem .25rem;
    width: 6.0375rem;
    /* height: 266px; */
    color: #000;
    background: #FFFFFF;
    border-radius: .375rem;
    border: .0125rem solid #E2E4EB;
}

.wenti_item:hover {
    color: #e50013;
}

.wenti_item h2 {
    font-weight: bold;
    font-size: .25rem;
    color: #333333;
    line-height: .375rem;
}

.wenti_item h2:hover {
    color: #e50013;
}

.wenti_item p {
    MARGIN-TOP: .3rem;
    font-size: .175rem;
    color: #666666;
    line-height: .375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 限制在2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    /* 或者 pre-line */
}

.wenti_item p:hover {
    color: #e50013;
}

.all_detailS {
    margin-top: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8875rem;
    height: .5125rem;
    border-radius: .25rem;
    border: .0125rem solid #333333;
    font-size: .2rem;
}

.all_detailS:hover {
    color: #E60012;
    border: .0125rem solid #E60012;
}

/* 产品中心 */
.chanpin {
    width: 100%;
    padding: .5rem 2.5rem;
    display: flex;
}

.chanpin_title {
    font-weight: bold;
    font-size: .3rem;
    line-height: .375rem;
}

.line {
    margin: .25rem 0;
    width: 3.5rem;
    height: .025rem;
    background: #E3E4E9;
}


.menu {
    list-style-type: none;
    padding: 0;
}

.menu-item {
    margin: .0625rem 0;

}

.menu_item_title {
    width: 1.875rem;
    font-weight: bold;
    font-size: .225rem;
    color: #333333;
    margin-bottom: .25rem;
}

.menu-item>.toggle-icon {
    cursor: pointer;
    display: inline-block;
    margin-right: .125rem;
}

.menu-item>div {
    display: flex;
    justify-content: space-between;
    width: 3.5rem;
}



.menu-item .toggle-icon {
    margin-left: 1rem;
    cursor: pointer;
    display: inline-block;
    width: .25rem;
    height: .25rem;
    background: url('../img/产品分类图标1.png') no-repeat center center;
    background-size: cover;
}

.menu-item.open .toggle-icon {
    background: url('../img/产品分类图标2.png') no-repeat center center;
    background-size: cover;
}

.menu-item.open .menu_item_title {
    font-weight: bold;
}

.menu-item.open>.menu_item_title {
    font-weight: normal;
    /* 加粗 */
}



.menu_item_title:not(.open) {
    font-weight: normal;
}

.activered>div>a {
    font-weight: bold !important;
}

.sub-menu {
    list-style-type: none;
    /* padding-left: 20px; */
    display: none;
    line-height: .4rem;
    font-size: .1875rem;

}

.sub-menu a {
    color: #666666 !important;
}

.menu-item.open .sub-menu {
    display: block;
}


.sub-menu .menu-item.selected,
.activereds a {
    color: #e60012 !important;
    /* background-color: #fdd; */
}

/* 选中时伪元素颜色变化 */
.sub-menu .menu-item.selected::before {
    color: #e60012;
    /* 选中时颜色 */
}

.sub-menu .menu-item {
    display: flex;
}

.sub-menu .menu-item::before {
    margin-right: .0625rem;
    content: "•";
    /* 子菜单项的点符号 */
    color: #555;
}

.chanpin_right {
    margin-left: .5rem
}

.chanpin_right_title {
    font-weight: 700;
    color: #000000;
    font-size: .25rem;
    line-height: .375rem;
    margin-bottom: .5rem;
}

.chanpin_right_item {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
}

.chanpin_right_items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 4.625rem;
    height: 5.7625rem;
    background: #FAFAFA;
    box-shadow: .025rem .0375rem .075rem 0px rgba(219, 219, 224, 0.46);
    border-radius: 20px;

}

.chanpin_img {
    width: 1.9rem;
    height: 2.65rem;
}

.chanpin_right_items:hover {
    border: .0125rem solid #E60012;
}

.chanpin_right_items:hover .all_detailS {
    border: .0125rem solid #E60012;
}

.chanpin_items_text {
    margin-top: .2rem;
    font-weight: bold;
    font-size: .25rem;
    color: #333333;
    line-height: .2625rem;
}

/* 产品详情 */
/* box */
li {
    list-style-type: none;
}

img {
    vertical-align: top;
    border: 0;
}

/* box */
.box {
    width: 3.875rem;
    margin: 1.25rem auto;
}

.tb-pic a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tb-pic a img {
    vertical-align: middle;
}


.tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1;
}

.tb-thumb {
    margin: .125rem 0 0;
    overflow: hidden;
}

.tb-thumb li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: .525rem;
    margin: 0 .075rem 0 0;
    overflow: hidden;
    padding: .0125rem;
}

.tb-s310,
.tb-s310 a {
    height: 3.875rem;
    width: 3.875rem;
}

.tb-s310,
.tb-s310 img {
    max-height: 3.875rem;
    max-width: 3.875rem;
}

.tb-s310 a {
    *font-size: 3.3875rem;
}

.tb-s40 a {
    *font-size: .4375rem;
}

.tb-s40,
.tb-s40 a {
    height: .5rem;
    width: .5rem;
}

.tb-booth {
    border: .0125rem solid #CDCDCD;
    position: relative;
    z-index: 1;
}

.tb-thumb .tb-selected {
    background: none repeat scroll 0 0 #C30008;
    height: .5rem;
    padding: .025rem;
}

.tb-thumb .tb-selected div {
    background-color: #FFFFFF;
    border: medium none;
}

.tb-thumb li div {
    border: .0125rem solid #CDCDCD;
}

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0rem;
    left: 0rem;
    width: 2.5rem;
    height: 2.5rem;
    background: #ffffff;
    border: .0125rem solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

div.zoomMask {
    position: absolute;
    background: url("images/mask.png") repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
}

/* 针对小屏幕的样式 */
@media screen and (max-width: 768px) {

    .jianjie_text {
        font-size: 14px;
    }

    .jianjies {
        font-size: 26px;
        border-bottom: 2px solid red;
    }

    .jianjie_text p {
        line-height: 22px;
    }

    .bottom_titles {
        font-size: 14px;
    }

    .zxly_form_item {
        width: 342px;
        height: 34px
    }

    .zxly_form_item:nth-child(2n) {
        margin-left: 0;
    }

    .zxly_form_item .footer_input {
        position: absolute;
        width: 342px;
        height: 34px;
        outline: none;
    }

    .footer_submit {
        width: 100px;
        height: 30px;
        font-size: 14px;
        margin: 40px 0;

    }

    .fenlei_text_ti .fenlei_text {
        width: 100%;
        line-height: 22px;
        font-size: 14px !important;
    }

    .fenlei_text p span {
        font-size: 14px !important;
    }

    .fenlei_text p {
        font-size: 14px !important;
    }

    .fenlei_text_title {
        line-height: 20px;
        font-size: 20px;
        margin: 20px;

    }

    .fenlei_tu {
        width: 100%;
    }

    .fenlei_name {
        display: block;
    }

    .fenlei_tu img {
        width: 100%;
        height: 100%;
        margin-top: 15px
    }

    .all_title {
        font-size: 23px;

        line-height: 64px;
    }

    .all_item {

        gap: 40px;
        grid-template-columns: repeat(1, 1fr);
    }

    .all_items {
        width: 100%;

    }

    .all_item img {
        width: 100%;
        height: 100%;

    }

    .all_detail {
        font-size: 15px;

        width: 123px;
        height: 60px;
        margin-bottom: 20px;
        border-radius: 20px;
        border: 1px solid #E60012;
        /* font-size: .2rem; */
    }

    .all_items p {
        font-size: 14px;
        line-height: 26px;
    }

    .mianbao>a {
        white-space: nowrap !important;
    }

    .fenlei_text {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .mianbao {
        width: 80%;
        overflow: auto;
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .yema {
        margin-top: 30px !important;
        margin-bottom: 20px;
    }

    .yema li {
        font-size: 14px;
    }

    .yema a,
    .yema li {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .yema ul {
        margin-top: 12px
    }


    .nantong-title {
        text-align: center;
        font-size: 21px;
        border-bottom: 1px solid #D8D8D8;
    }

    .texts {
        margin-top: 20px;
        font-size: 15px;

        line-height: 23px;
    }

    .xinwen_item {
        display: block;
        margin-bottom: 20px !important;
    }

    .xinwen_item_left {
        width: 100%;
        height: 100%;
        margin-right: 0;
    }

    .xinwen_item_right {
        width: 100%
    }

    .xinwen_item_right h2 {
        font-size: 15px;
        text-align: center;
        margin: 20px 0;
    }

    .xinwen_right_text {
        font-size: 13px;
        line-height: 20px;
    }

    .shizhong {
        font-size: 14px;
        line-height: 40px;
    }

    .titles {
        font-size: 27px;
    }

    .fu {
        display: block;
    }

    .fu_item_left img {
        width: 75px;
        height: 75px;
        margin-bottom: 20px;

    }

    .fu_item_left {
        justify-content: center;
        font-size: 14px;
        /* color: #FFFFFF; */
        line-height: 20px;
    }

    .fu_item {
        width: 100%;
        height: 100%;
    }

    .fu_item_right {
        margin-left: 55px;
        font-size: 16px;
        line-height: 26px;
    }

    .fu_item_right ul li span {
        margin-right: 10px;
        width: 4px;
        height: 5px;
    }

    .wenti {
        display: block;
    }

    .wenti_item {
        width: 100%;
        margin-bottom: 20px
    }

    .wenti_item h2 {
        font-size: 18px;
        line-height: 22px;
    }

    .wenti_item p {
        padding: 0 15px;
        font-size: 11px;
        line-height: 20px;
        -webkit-line-clamp: 3;
    }

    .all_detailS {
        width: 100px;
        height: 25px;
        font-size: 10px;
    }

    .details {
        width: 100px;
        height: 30px;
        font-size: 12px;
    }

    .wenhua_text {
        font-size: 20px;
        font-weight: 700;
    }

    .shiming {
        font-size: 14px;
    }

    .shiming_content {
        font-size: 11px
    }

    .wenhua {
        display: none;
    }

    .fazhan_item {
        display: block;
        position: relative;
    }

    .xian {
        display: none;
    }

    .triangle-left {
        display: none;
    }

    .youce_box_text {
        width: 100%;
        font-size: 14px;
        color: #000;
        line-height: 22px;
    }

    .youce_box_img {
        width: 100%;
        height: 100%;
        margin-left: 0;

    }

    .youce_box {
        display: block;
        width: 100%;
        height: 100%
    }

    .zuoce,
    .zuoce_text {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 22px;
    }

    .zxly_form_item:nth-of-type(-n+4)::before {
        display: none;
    }

    .menus {
        display: flex;
    }

    .navbar {
        position: fixed;
        top: 66px;
        left: 0;
        right: 0;
        background-color: white;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        z-index: 1;
        overflow-x: auto;
        white-space: nowrap;
    }

    .menu_item_title:focus {
        outline: none;
        /* 去掉点击时的轮廓 */
        color: inherit;
        /* 点击后颜色继承默认颜色 */
    }

    .chanpin_right_title {
        margin-top: 30px !important;
    }

    .menus {
        display: flex;
        padding: 10px;
        margin: 0;
        /* 去掉默认边距 */
        list-style: none;
        /* 去掉列表样式 */
    }

    .menu-item {
        margin-right: 20px;
        /* 每个菜单项之间的间距 */
    }

    .menu_item_title {
        text-decoration: none;
        /* 去掉下划线 */
        color: black;
        /* 链接颜色 */
        padding: 5px 10px;
        /* 内边距 */
        transition: color 0.3s;
        /* 过渡效果 */
    }

    .menu_item_title:hover {
        color: #e60012;
        /* 悬停时的颜色 */
    }

    .activered {
        font-weight: bold;
        font-weight: bold;
        /* 激活状态的字体加粗 */
        color: red;
        /* 选中时字体变成红色 */
        text-decoration: underline;
        /* 添加红色下划线 */
        text-decoration-color: red;
        /* 指定下划线颜色为红色 */
    }

    .chanpin_right_item {
        display: grid !important;
        gap: 5px !important;
        grid-template-columns: repeat(2, 1fr) !important;
        /* grid-template-rows: repeat(3, 1fr); */
    }

    .chanpin_right_items {
        width: 199px !important;
        height: 220px !important;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .chanpin .menu {
        display: none;
    }

    .chanpin {
        width: 100%;
        padding: 0 !important;
        display: flex;
    }

    .chanpin_right {
        width: 100%;
        margin-left: .5rem;
        text-align: center;
    }

    .navbar {
        display: block !important;
    }

    .chanpins {
        display: none;
    }

    .lianxi_text {
        width: 100% !important;
    }

    .zxly_form_items {
        height: 110px;
    }

    .zxly_form_items .footer_input {
        outline: none;
    }
}

.navbar {
    display: none;
}