.form_input {
    background-color: #f0f0f0 !important;
    border-radius: .125rem;
    width: 2.5rem;
    height: .4375rem;
    border: none;
    padding: 0 .3rem
}

.search_button {
    border-radius: 50%;
    height: .4375rem;
    width: .4375rem;
    border: none
}

.search_button img {
    width: .2rem;
    height: .2rem
}

.nav_buttons {
    line-height: .12rem !important;
    padding: .2rem .4rem !important;
    border-radius: .3rem !important;
    margin-right: 0.5rem !important;
    border: .0125rem solid #efefef;
}

/* 丰富的产品系列 */
.product {
    width: 100%;
    height: 9rem;
    padding-bottom: 1rem;
    background: url(../img/首页产品背景.jpg) no-repeat;
}

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

}

.left_titles {
    color: #d5041a;
    position: relative;
}

.heng {
    position: absolute;
    margin-top: 1rem;
    right: -0.125rem;
    /* left: 200px */
}

.bottom_titles {
    margin-top: .4rem;
    font-weight: 400;
    font-size: .2625rem;
    color: #7f7f7f;
    margin-bottom: .75rem;

}

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

.swiper {
    margin-top: .5rem;
    width: 100%
}

.swiper-slide {
    display: flex;
    justify-content: center;
    gap: .2rem
}

.swiper-slide_item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 92%;
    height: 5rem;
    background-color: #fafafa;
    border-radius: .25rem;

}

.swiper_box {
    position: relative;
    padding: 0 .4rem;
    width: 80%;
    margin: 0 auto;
}

.swiper-slide_item h3 {
    text-align: center;
    width: 2.5rem;
    font-size: .3rem;
    margin-bottom: .23rem;
    /* 容器宽度 */
    white-space: nowrap;
    /* 不换行 */
    overflow: hidden;
    /* 隐藏超出部分 */
    text-overflow: ellipsis;
    /* 超出部分显示省略号 */
}

.swiper-slide_item_img {
    width: 1.5rem;
    height: 2rem;
    margin-bottom: .25rem
}

.swiper-slide_item_img img {
    width: 100%;
    height: 100%
}

.chakan {
    margin-top: .125rem;
    padding: .125rem .5rem;
    border-radius: .25rem;
    font-size: .2rem;
    border: .0125rem solid #cecece
}

/* 公司简介 */
.company {
    display: flex;
    width: 100%;
    /* height: 8rem; */
    padding: 1rem 2.5rem
}

.company_left {
    flex: 2;
    height: 100%;

}

.company_left_img {
    width: 1.0375rem;
    height: .9375rem;
    margin-bottom: .5rem;
}

.company_left_title {
    font-size: 0.25rem;
    margin-bottom: .25rem;
}

.company_left_titles {
    font-size: 0.4rem;
    font-weight: 700;
}

.company_left_line {
    padding-bottom: .125rem;
    border-bottom: 0.05rem solid #e60012
}

.company_left p {
    margin-top: .5rem;
    width: 10.5rem;
    font-size: 0.25rem;
    line-height: .45rem;
}

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

.company_right {
    flex: 1;
    height: 100%;
    /* background-color: rgb(182, 127, 255); */
}

.company_left_imgs {
    width: .4125rem;
    height: .375rem;
    /* position: relative; */
    position: absolute;
    right: 46%;
    /* 将子盒子对齐到右侧 */
}

.company_left_imgs img {
    width: 100%;
    height: 100%;
    right: 0
}

.company_left_more {
    text-align: center;
    width: 1.9rem;
    padding: .125rem;
    background-color: #e70013;
    margin-top: .9rem;
    color: #fff;
    font-size: 0.2rem;
}

.company_right_box {
    position: relative;
    width: 5.625rem;
    height: 5.625rem;
    background: url(./img/首页简介边框.png) no-repeat;
    background-size: contain;
}

.company_right_box img {
    position: absolute;
    width: 96%;
    height: 96%;
    right: -0.2rem;
    top: .3375rem;
    border-radius: 50%;
}

/* 产品类别 */
.fenlei {
    padding: .5rem 2.5rem;
    background-color: #fafafa !important;
    background: none;
    height: 100%;
}

.fenlei_item {
    margin-top: 1rem;
    display: flex;
}

.sidebar {
    width: 3.6rem;
    background-color: #ece9ea;
    /* border-right: 0.0125rem solid white; */
    /* padding-top: 0.125rem; */
    box-sizing: border-box;
    /* font-size: 14px */
}

.sidebar div {
    font-size: .25rem;
    padding: .15rem .4rem;
    cursor: pointer;
    word-wrap: break-word;
}

.sidebar div.active {
    /* background-color: transparent; */
    color: white;
    width: 115%;
    /* height: .6rem; */
    background: url(../img/red.png) no-repeat;
    background-size: contain;
    background-size: 100% 100%;
    white-space: nowrap;
    /* 不换行 */
    overflow: hidden;
    /* 隐藏溢出内容 */
    text-overflow: ellipsis;
    /* 使用省略号 */
}

.content {
    display: flex;
    align-items: center;
    margin-left: 1.5rem;
    flex-grow: 1;
}

.content h2 {
    font-size: .3rem
}

.mianbao span:last-of-type {
    display: none !important;
}

.item {
    margin-top: .3rem;
    font-size: .225rem;

}

.item ul li {
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
    font-size: .2rem
}

.item ul li span {
    display: block;
    margin-right: .125rem;
    width: .05rem;
    height: .05rem;
    border-radius: 50%;
    background-color: #e70013;
}

.fenlei_details {

    width: 1.8rem;
    font-size: .2rem;
    text-align: center;
    margin-top: .5rem;
    padding: .125rem 0;
    border: .0125rem solid #c2c2c2;
    border-radius: .25rem;
}

.product_fenlei_img {
    margin-left: 4rem;
    width: 3.75rem;
    height: 4.1rem
}

.product_fenlei_img img {
    width: 3.75rem;
    height: 4.1rem
}

/* 热点新闻呢 */
.hot {
    padding: .6rem 2.5rem;
    background-color: #fff !important;
    background: none;
    height: 100%;
}

.hot_item {
    margin-top: .5rem;
    display: flex;
    width: 100%;
    height: 70%;
    /* background-color: aqua; */
    gap: 1.25rem;
    margin-bottom: .75rem;
}

.hot_items {
    flex: 1;
    background-color: #fafafa;
    border-radius: .375rem;
}

.hot_items_img {
    width: 100%;
    height: 3.5rem
}

.hot_items_img img {
    border-radius: .375rem .375rem 0 0;
    width: 100%;
    height: 100%
}

.hot_items_text {
    padding: .25rem .1875rem 0.6rem .1875rem;
    font-size: .2rem
}

.hot_items_text:hover {
    color: #e20012;
}

.hot_items_text1 {
    font-size: .3rem;
    font-weight: 700;
    margin-bottom: .25rem;
}

.hot_items_text2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .2rem;
    color: #221815;
    line-height: .275rem;
}

.xie {
    width: 100%;
    height: 4.5rem;
    background: url(./img/底部图.jpg) no-repeat;
    padding: .5rem 2.5rem;
    color: #fff;
    /* font-size: .2rem */
}

.xie_title {
    font-size: .45rem;
    font-weight: 700;
}

.xie_text {
    margin-top: .375rem;
    font-size: .2rem;


}

.xie_text {
    margin-top: .375rem;
    font-size: .2rem;

}

.xie_text div {
    margin-bottom: .125rem;

}

/* 针对小屏幕的样式 */
@media screen and (max-width: 768px) {
    .titles {
        font-size: 24px;
        padding-top: 22px;
    }

    .heng {
        width: 217px;
        margin-top: 31px;
    }

    .bottom_titles {
        margin-top: 10px;
        font-size: 16px;
    }

    .product {
        width: 100%;
        height: 100%;
        padding-bottom: 30px
    }

    .swiper-slide.swiper-slide-active {
        width: 100% !important
    }

    .swiper-list_item h3 {
        font-size: 20px;

    }

    .chakan {
        width: 100px;
        height: 50px;
        font-size: 12px
    }

    .sub-menu {
        font-size: 14px !important;
        line-height: 32px !important;
    }

    .chanpin_right_item {
        display: block !important;

    }

    .chanpin_title {

        font-size: 24px !important;
        line-height: 42px !important;
    }

    .menu {
        flex: 1 !important;
    }

    .menu_item_title {
        width: 100% !important;
        font-size: 16px !important;
        line-height: 30px !important;
    }

    .menu-item>div {
        align-items: center;
        width: 100% !important;
    }

    .menu-item .toggle-icon {
        margin-right: 63px;
        width: 25px !important;
        height: 25px !important;
        background-size: contain !important;
    }

    .chanpin_right_title {
        font-size: 16px !important;
        line-height: 30px !important;
        margin-bottom: 20px !important;
    }

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

    .company_left_line {
        padding-bottom: .125rem;
        border-bottom: 0 !important
    }

    .chanpin_items_text {
        width: 100%;
        /* 容器宽度 */
        white-space: nowrap;
        /* 不换行 */
        overflow: hidden;
        /* 隐藏超出部分 */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */
        margin-top: 0px !important;
        font-size: 15px !important;
        text-align: center;
        line-height: 30px !important;
    }

    .chanpin_img {
        width: 70px !important;
        height: 100px !important;
    }

    .all_detailS {
        width: 79px;
        height: 27px;
        font-size: 10px;
        margin-bottom: 17px;
    }

    .swiper-slide_item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 3.75rem;
        height: 100% !important;
    }

    .company {
        display: flex;
        width: 100%;
        align-items: center;
        height: 100%;
        flex-direction: column;

    }

    .company_left_img {
        width: 30px;
        height: 30px;
        margin-bottom: 20px;
    }

    .company_left_title {
        font-size: 16px;
        margin-bottom: 20px;
    }

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

    .company_left p {
        margin-top: .5rem;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }

    .company_left_more {
        width: 82px;
        color: #fff;
        font-size: 14px;
    }

    .company_right_box {
        width: 200px;
        height: 200px;
    }

    .sidebar {
        display: none;
        width: 110px !important;
        font-size: 14px !important;
    }

    .content {
        display: block !important;
        flex-direction: column !important;
        display: flex;
        font-size: 14px !important;
        margin-left: 27px;
    }

    .sidebar div.active {
        height: 27px !important;
    }

    .item ul li {
        line-height: 20px;
        font-size: 14px !important;
    }

    .fenlei_details {
        font-size: 12px !important;
        width: 100% !important;
        padding: 10px 32px;
    }

    .hot_item {
        display: block !important;
        width: 100% !important;
    }

    .hot_items {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .hot_items_img {
        width: 100%;
        height: 154px !important;
    }

    .hot_items_text1 {
        font-size: 16px !important;
        font-weight: 700;
    }

    .hot_items_text2 {
        font-size: 14px !important;
        line-height: 22px;
    }

    .hot_items_text {
        font-size: 14px !important;
        line-height: 25px;
    }

    .xie_text {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .xie_text div {
        line-height: 30px !important;
    }

    .xie_title {
        margin-top: 20px;
        font-size: 20px !important;

    }

    .xie {
        height: 100% !important;
        padding-top: 20px;
        padding-bottom: 40px;

    }

    .swiper-slide_item {
        width: 200px !important
    }

    .swiper-slide_item_img {
        width: 122px;
        height: 154px;
    }

    .swiper-slide_item h3 {
        width: 100px;
        font-size: 14px !important
    }


    .swiper-slide_item .chakan {
        width: 100px !important;
        height: 100% !important;
        margin-top: 10px !important;
        margin-bottom: 30px;
        font-size: 12px !important;
        text-align: center;
    }

    .fenlei_item {
        display: block;
    }

    .content h2 {
        font-size: 20px;
    }

    .product_fenlei_img img {
        width: 175px;
        height: 182px;
    }

    .product_fenlei_img {
        width: 175px;
        height: 182px;
    }

    .item .fenlei_details {
        margin: 20px 0;
    }

    .mianbao a {
        word-wrap: none;
    }

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

    .mianbao span:last-of-type {
        display: none !important;
    }

}