* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #fff;
}

/* 覆盖a标签的各种状态样式 */
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    /* 在所有状态下都去掉下划线 */
    color: inherit;
    /* 或者设置为你需要的颜色 */
}

body #c_navigation_126_P_1203-1726038930996 {
    background-color: rgba(255, 255, 255, 0) !important;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.swiper-pagination-bullet {
    background: none;
    color: #fff;
    width: auto;
    height: auto;
    margin-bottom: 40px !important;
    position: relative;
    font-size: 1rem;
    opacity: 1;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: auto;
    left: 15px;
}

.swiper-pagination-bullet::after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 3px);
    bottom: -25px;
}

.swiper-pagination-bullet-active {
    font-size: 1.2rem;
    font-weight: bold;
}

.swiper-pagination-bullet-active::after {
    width: 8px;
    height: 8px;
}

.swiper-pagination-bullet:last-child::after {
    content: none;
}

.high_pressure_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.high_pressure_text {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.high_pressure_text p,
.high_pressure_text h1 {
    max-width: 80%;
}

.high_pressure_text h1 {
    font-size: 3rem;
    margin-bottom: 2rem;
}

.high_pressure_text p {
    font-size: 1.5rem;
}

.swiper_slide_title {
    font-size: 2.5rem;
}

.swiper_slide_describe {
    font-size: 1.3rem;
    margin: 3rem auto;
    width: 80%;
}

.swiper_slide_item_round_name {
    margin-top: 2rem;
    font-size: 1.5rem;
}

.background_box {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.high_voltage_technology {
    background: url(../imgs/high_voltage_technology.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.high_pressure_sterilization {
    background: url(../imgs/high_pressure_sterilization.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.food_machinery {
    background: url(../imgs/food_machinery.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.municipal_engineering {
    background: url(../imgs/municipal_engineering.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

/* .qualification_honor {
    background: url(../imgs/qualification_honor.jpg) no-repeat;
    background-size: cover;
    background-position: top;
} */
.qualification_honor {
    background: url(https://omo-oss-image1.thefastimg.com/portal-saas/pg2024073119133350328/cms/image/1c5e8c0a-3bc5-46bd-b464-3871f86cbd7f.jpg) no-repeat;
    background-size: cover;
    background-position: top;
}

.high_pressure_sterilization_box {
    height: 40vh;
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
    zoom: 1;
}

.high_pressure_sterilization_box .high_pressure_sterilization_pointer {
    width: 18%;
    height: 100%;
    margin: 0 1%;
}

a:has(>.high_pressure_sterilization_item_pic) {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 1%;
}

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

.fruit_juice_pic {
    background: url(../imgs/fruit_juice_pic.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.meat_products_pic {
    background: url(../imgs/meat_products_pic.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.prepared_dishes_pic {
    background: url(../imgs/prepared_dishes_pic.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.sauces_pic {
    background: url(../imgs/sauces_pic.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.food_pets_pic {
    background: url(../imgs/food_pets_pic.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.high_pressure_sterilization_item {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
    transition: background-color 1.5s;
}

.high_pressure_sterilization_item .high_pressure_sterilization_item_name {
    color: #fff;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.high_pressure_sterilization_item::before {
    content: "";
    display: block;
    width: 5rem;
    height: 5rem;
    position: absolute;
    left: calc(50% - 2.5rem);
    top: 30%;
    opacity: 1;
    transition: opacity 1s;
}

.high_pressure_sterilization_item:hover::before {
    opacity: 0;
}

.high_pressure_sterilization_item:hover {
    background-color: transparent;
}

.item_fruit_juice {
    background-color: #e60012;
}


.item_meat_products {
    background-color: #1e744a;
}

.item_prepared_dishes {
    background-color: #05568b;
}

.item_sauces {
    background-color: #85a30c;
}

.item_food_pets {
    background-color: #eb7c00;
}

.item_fruit_juice::before {
    background: url(../imgs/juice_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.item_meat_products::before {
    background: url(../imgs/meat_products_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.item_prepared_dishes::before {
    background: url(../imgs/prepared_food_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.item_sauces::before {
    background: url(../imgs/sauce_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.item_food_pets::before {
    background: url(../imgs/pet_food_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper-slide {
    background-color: rgba(0, 0, 0, 0.1);
}

.municipal_engineering_box {
    margin-top: 2rem;
}

.municipal_engineering_box,
.high_voltage_technology_box {
    display: flex;
    width: 80%;
    flex-flow: wrap;
}

.swiper_slide_item {
    margin: 0 1%;
    width: 18%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.swiper_slide_item_round {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.5s;
}

.swiper_slide_item_round:hover {
    background-color: #ca2e2f;
}

.swiper_slide_item_round>div {
    width: 40%;
    height: 40%;
    transition: all 1s;
}

.swiper_slide_item_round>.div30 {
    width: 30%;
    height: 30%;
    transition: all 1s;
}











.municipal_pipeline_cleaning {
    background: url(../imgs/municipal_pipeline_cleaning.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.construction_project_demolition {
    background: url(../imgs/construction_project_demolition.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.petroleum_equipment_cleaning {
    background: url(../imgs/petroleum_equipment_cleaning.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.mining_equipment_cleaning {
    background: url(../imgs/mining_equipment_cleaning.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.chemical_cleaning {
    background: url(../imgs/chemical_cleaning.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.machining {
    background: url(../imgs/machining.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.water_washing {
    background: url(../imgs/water_washing.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.biological_extraction {
    background: url(../imgs/biological_extraction.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.synthesis_materials {
    background: url(../imgs/synthesis_materials.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.metallurgy_processing {
    background: url(../imgs/metallurgy_processing.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.learn_more {
    padding: 1rem 3rem;
    background: #fff;
    cursor: pointer;
    color: #000;
    position: relative;
}

.learn_more span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}

.learn_more::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 100%;
    transition: all .5s ease;
    z-index: 0;
    opacity: 1;
    background: #e62129;
    left: auto;
    right: 0;
    top: 0;
}

.learn_more:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.learn_more:hover span {
    color: #fff;
}

.swiper_slide_item_round:hover .municipal_pipeline_cleaning {
    background: url(../imgs/municipal_pipeline_cleaning_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .construction_project_demolition {
    background: url(../imgs/construction_project_demolition_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .petroleum_equipment_cleaning {
    background: url(../imgs/petroleum_equipment_cleaning_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .mining_equipment_cleaning {
    background: url(../imgs/mining_equipment_cleaning_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .chemical_cleaning {
    background: url(../imgs/chemical_cleaning_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}


.swiper_slide_item_round:hover .machining {
    background: url(../imgs/machining_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .water_washing {
    background: url(../imgs/water_washing_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .biological_extraction {
    background: url(../imgs/biological_extraction_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .synthesis_materials {
    background: url(../imgs/synthesis_materials_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.swiper_slide_item_round:hover .metallurgy_processing {
    background: url(../imgs/metallurgy_processing_w.png) no-repeat;
    background-size: contain;
    background-position: center;
}


.about_us {
    background: url(https://omo-oss-image1.thefastimg.com/portal-saas/pg2024073119133350328/cms/image/0a693675-78b2-45df-b87a-16d333ce78db.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.about_us_box {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 15%;
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: self-start;
    box-sizing: border-box;
}

.about_us_title {
    font-size: 2rem;
    font-weight: bold;
}

.about_us_title::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    margin-top: 1.5rem;
    background-color: #fff;
}

.about_us_subhead {
    font-size: 3rem;
    font-weight: bold;
    margin: 4rem 0;
}


.qualification_honor_box {
    width: 80%;
    overflow: hidden;
}

.honor-swiper-container {
    width: 100%;
    height: 100%;
}


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

.qualification_honor_item_top {
    padding: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.qualification_honor_item_top:hover {
    border: 2px solid #ca2e2f;
}

.qualification_honor_item_top img {
    width: 100%;
    transform: scale(1);
    transition: transform 1s;
}

.qualification_honor_item_top img:hover {
    transform: scale(1.3);
}

.qualification_honor_item_bottom {
    padding: 1.5rem 0;
    background-color: #f5f5f5;
    color: #000;
    transition: background-color 1s;
    font-size: 1.2rem;
}

.qualification_honor_item:hover .qualification_honor_item_bottom {
    background-color: #ca2e2f;
    color: #fff;
    font-weight: bold;
}

.qualification_honor {
    position: relative;
}

.fixed_footer {
    position: absolute;
    width: 100%;
    background: #000;
    bottom: 0;
}

.fixed_footer_box {
    padding: 2vh 10%;
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: hsla(0, 0%, 100%, .4);
}

.fixed_footer_link span {
    margin-right: 1rem;
}

.fixed_footer_link span::after {
    content: "|";
    margin-left: 1rem;
}

.fixed_footer_link span:last-child:after {
    content: none;
}

.fixed_footer_link span a:hover {
    color: #fff;
}













@media (max-width: 1760px) {
    html {
        font-size: 17px;
    }

}

@media (max-width: 1640px) {
    html {
        font-size: 16px;
    }

}

@media (max-width: 1520px) {
    html {
        font-size: 15px;
    }

}

@media (max-width: 1460px) {
    html {
        font-size: 14px;
    }

}

@media (max-width: 1340px) {
    html {
        font-size: 13px;
    }

    .product_category_banner_box {
        height: 60vh !important;
    }

}

@media (max-width: 1230px) {
    html {
        font-size: 12px;
    }

}

@media (max-width: 1140px) {
    html {
        font-size: 11px;
    }

    .high_pressure_sterilization_box {
        height: 50vh;
    }

    .high_pressure_sterilization_box .high_pressure_sterilization_pointer {
        width: 30%;
        height: 50%;
        margin-bottom: 2rem;
    }

}

/* @media (max-width: 1024px) {
    html {
        font-size: 10px;
    }
} */

@media (max-width: 850px) {
    .swiper_slide_item {
        margin: 2rem 1%;
        width: 31%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .municipal_engineering_box {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: 10px;
    }

    .fixed_footer_box {
        display: none;
    }
}

@media (max-width: 650px) {
    .swiper-container-vertical>.swiper-pagination-bullets {
        right: auto;
        left: 10px;
    }

    .high_pressure_sterilization_box {
        height: 65vh;
    }

    .high_pressure_sterilization_box .high_pressure_sterilization_pointer {
        width: 48%;
        height: 30%;
        margin-bottom: 2rem;
    }
}

@media (max-width: 550px) {
    .swiper_slide_item_round {
        width: 8rem;
        height: 8rem;
    }
}


@media (max-height: 650px) {
    .swiper_slide_title {
        font-size: 2rem;
    }

    .swiper_slide_describe {
        font-size: 1.3rem;
        margin: 1rem auto;
        width: 80%;
    }

    .high_pressure_sterilization_item::before {
        width: 3rem;
        height: 3rem;
        left: calc(50% - 1.5rem);
    }

    .swiper_slide_item {
        margin: 1rem 1%;
    }
}