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

html,
body {
    position: relative;
    height: 100%;
    font-size: 18px;
}

body {
    background: rgb(251, 247, 243);
    /* background: #000; */
    font-family: Source Han Sans, sans-serif;
    margin: 0;
    padding: 0;
    height: auto;
    color: #333;
    font-size: 1rem;
    overflow: hidden;
}

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


/* 头部 */
.header{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header_box .head_t {
    background: transparent !important;
}

.header_box {
    background: transparent !important;
    position: fixed !important;
}

.header_box .head_b {
    background: transparent !important;
}

.header_box .menu_tt a {
    color: #fff !important;
}

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

.swiper-slide {
    overflow: hidden;
}

.swiper-slide-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10rem 10rem 4rem;
    background-color: rgba(0, 0, 0, 0.3);
}

.swiper-pagination {
    top: 50% !important;
}

.body_box {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.module_title {
    /* text-align: center; */
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
}

.module_describe {
    text-align: center;
    margin: 2rem 0;
    padding: 0 5%;
    font-size: 0.9rem;
}

/* 视频 */
.video_module {
    width: 100%;
    height: 100%;
    position: relative;
}

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


/* .video_module_text {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
} */
.video_module_text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.video_module_text p,
.video_module_text h1 {
    max-width: 80%;
    text-align: center;
}

.video_module_text h1 {
    font-size: 6rem;
    margin-bottom: 3rem;
}

.video_module_text p {
    font-size: 2rem;
}


/* 主营业务 */
.primary_business {
    background: url(../images/primary_business_bj.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply;
}

.primary_business .module_title_box {
    position: absolute;
    top: 20%;
    left: 2%;
    color: #fff;
    z-index: 4;
}

.primary_business_list {
    width: 100%;
    height: 100%;
    display: flex;
}

.primary_business_item {
    width: 20%;
    height: 100%;
    overflow: hidden;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.primary_business_item_content {
    width: 100%;
    height: 100%;
    position: relative;
}

.primary_business_item:hover .primary_business_item_title {
    top: 45%;
}

.primary_business_item:hover .primary_business_item_more {
    top: 70%;
    opacity: 1;
}

.primary_business_item:hover .primary_business_item_pic img {
    opacity: 1;
}

.primary_business_item_title {
    position: absolute;
    top: 55%;
    left: 15%;
    color: #fff;
    transition: top 1s;
    z-index: 3;
}

.primary_business_item_title_chinese {
    font-size: 1.2rem;
}

.primary_business_item_title_english {
    font-size: 0.8rem;
}

.primary_business_item_title_icon {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.primary_business_item_title_icon::after {
    content: "";
    display: block;
    height: 1px;
    width: 4vw;
    background-color: rgba(255, 255, 255, .3);
    margin-left: 1rem;
}

.primary_business_item_title_icon::before {
    width: 2rem;
    height: 1.5rem;
    content: "";
    display: block;
}

.pipeline-inspection::before {
    background: url(../images/pipeline-inspection.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.pipeline-cleaning-dredging::before {
    background: url(../images/pipeline-cleaning-dredging.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.clearing-unblocking-pipeline-networks::before {
    background: url(../images/clearing-unblocking-pipeline-networks.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.pipeline-network-repair::before {
    background: url(../images/pipeline-network-repair.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.ultra-high-pressure-demolition::before {
    background: url(../images/ultra-high-pressure-demolition.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.primary_business_item_more {
    position: absolute;
    top: 80%;
    left: 15%;
    color: #fff;
    opacity: 0;
    font-size: 0.8rem;
    transition: all 1s;
    z-index: 3;
}

.primary_business_item_pic {
    width: 95%;
    height: 100%;
    margin: auto;
    display: flex;
    overflow: hidden;
    align-items: center;
    flex-direction: column;
}

.primary_business_item_pic img {
    /* width: 100%; */
    height: 100%;
    opacity: 0;
    z-index: 2;
    transition: all 1s;
}

/* 新闻中心 */
.press_center {
    background: url(../images/press_center.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.press_center_content {
    width: 100%;
    height: 40vh;
    display: flex;
    margin-top: 2rem;
    justify-content: space-between;
}

.press_center_left {
    width: 65%;
    height: 100%;
    display: flex;
}

.press_center_loopitem {
    width: 48%;
    height: 100%;
    margin: 0 1%;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s;
    position: relative;
}

.press_center_loopitem img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
}

.press_center_loopitem.on {
    width: 50%;
    height: 110%;
}

.press_center_loopitem.other {
    width: 46%;
    height: 105%;
}

.press_center_loopitem_box {
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 10% 5%;
    background-color: rgba(0, 0, 0, 0.5);
}

.press_center_loopitem_time {
    font-size: 0.8rem;
}

.press_center_loopitem_title {
    width: 80%;
    font-size: 1.2rem;
    margin: 0.5rem 0;
    overflow: hidden;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.press_center_loopitem_describe {
    font-size: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.press_center_loopitem_more {
    margin-top: 2rem;
    display: inline-flex;
    align-items: center;
    border: 1px solid #fff;
    padding: 0.5rem 1rem;
    border-radius: 5px;
}

.press_center_loopitem_more::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: 1rem;
    background: url(../images/arrow_right.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.press_center_right {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.press_center_right_item {
    width: 100%;
    height: 45%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgb(239 239 239);
}

.press_center_right_item::after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #ca2e2f;
    transition: all 0.7s;
}

.press_center_right_item:hover::after {
    width: 100%;
}

.press_center_right_item:hover a {
    color: #fff;
}

.press_center_right_item a {
    padding: 1rem;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    transition: all 1s;
}

.press_center_right_item_time {
    font-size: 0.8rem;
    margin: 0.5rem 0;
}

.press_center_right_item_title {
    font-size: 1.1rem;
    font-weight: bold;
}

/* 明星工程 */
.star_project {
    background: url(../images/star_project.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.star_project_content {
    width: 100%;
    /* height: 65%; */
    margin-top: 2rem;
    position: relative;
}

.star_project_content .swiper-button-prev,
.star_project_content .swiper-button-next {
    width: 3rem;
    height: 5rem;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .2);
}

.star_project_content .swiper-button-prev {
    left: calc(-3rem - 15px);
}

.star_project_content .swiper-button-next {
    right: calc(-3rem - 15px);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.star_project_slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    background-color: #fff;
}

.star_project_slide:hover img {
    transform: scale(1.2);
}

.star_project_slide:hover .star_project_title {
    color: #ca2e2f;
}

.star_project_top {
    width: 100%;
    flex: 1;
    overflow: hidden;
}

.star_project_top_pic {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.star_project_top_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.star_project_bottom {
    width: 100%;
    position: relative;
}

.star_project_title {
    transition: color 0.5s;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1rem 0;
    border-bottom: 1px solid #dcdcdc;
    font-size: 1rem;
}

.star_project_sketch {
    font-size: 0.8rem;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 1rem;
}

.star_project_mixture {
    margin-top: 1rem;
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
}

.star_project_time,
.star_project_more {
    display: flex;
    align-items: center;
}

.star_project_time::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../images/date.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.star_project_more::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../images/more.png) no-repeat;
    background-size: contain;
    background-position: center;
}

/* 关于我们 */
.about_us {
    /* background: rgb(251, 247, 243); */
    background: url(../images/about_us_bj.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.about_us .swiper-slide-box {
    display: flex;
    align-items: center;
    padding-bottom: 15rem;
}

.about_us .module_title {
    font-size: 2.5rem;
}

.about_us_module {
    width: 100%;
    display: flex;
    color: #fff;
}

.about_us_module_left {
    width: 45%;
    font-size: 0.9rem;
}

.about_us_module_right {
    width: 50%;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    clip-path: polygon(25% 0%, 100% 0px, 100% 100%, 25% 100%, 0% 50%);
    background: url(https://www.lijiegc.com/wp-content/uploads/2024/09/door-1.jpg) no-repeat;
    background-size: cover;
    background-position: left;
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: multiply;
}

.about_us_module_right img {
    width: 70%;
    border-radius: 10px;
    object-fit: contain;
}

.about_us_sketch {
    margin: 2rem 0;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.about_us_more {
    position: relative;
    display: inline-block;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #fff;
    transition: border 1s;
}

.about_us_more:hover {
    border: 1px solid transparent;
}

.about_us_more:hover::before {
    width: 100%;
}

.about_us_more span {
    display: inline-flex;
    align-items: center;
    padding: 0.7rem 2rem;
    position: relative;
}

.about_us_more::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background-color: #ca2e2f;
    left: 0;
    top: 0;
    transition: width 0.5s;
}

.about_us_more span::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    margin-left: 2rem;
    background: url(../images/arrow_right.png) no-repeat;
    background-size: contain;
    background-position: center;
}

.about_us_position {
    width: 100%;
    padding: 1rem 10rem;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: rgba(255, 255, 255, 0.5);
}

.counters {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.counter_box {
    margin: 2rem;
}

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

.counter_count span {
    margin-left: 0.3rem;
    font-size: 1.3rem;
}

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

/* 荣誉资质 */
.honor_qualification {
    background: url(../images/honor_qualification.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.honor_qualification_content {
    margin-top: 2rem;
    position: relative;
    width: 100%;
    height: 40vh;
}

.honor_qualification_content .swiper-slide {
    background-color: #fff;
    padding: 1%;
}

.honor_qualification_content .swiper-container {
    overflow: hidden;
}

.honor-qualification-prev {
    width: 3rem;
    height: 5rem;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.3);
    left: calc(-3rem - 10px);
}

.honor-qualification-next {
    width: 3rem;
    height: 5rem;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.3);
    right: calc(-3rem - 10px);
}

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

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

.fixed_footer_box {
    padding: 2vh 10rem;
    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_box 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;
    }

    .press_center_loopitem_time {
        font-size: 0.9rem;
    }

    .press_center_loopitem_title {
        font-size: 1.4rem;
    }

    .press_center_loopitem_describe {
        font-size: 0.9rem;
        -webkit-line-clamp: 4;
    }

    .press_center_loopitem_more {
        font-size: 1.1rem;
    }
}

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

    .press_center_left {
        width: 77%;
    }

    .press_center_right {
        width: 20%;
    }

    .press_center_loopitem_time {
        font-size: 1rem;
    }

    .press_center_loopitem_title {
        font-size: 1.5rem;
    }

    .press_center_loopitem_describe {
        font-size: 1rem;
    }

    .press_center_loopitem_more {
        font-size: 1.2rem;
    }
}

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

}

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

}

@media (max-width: 1024px) {
    .press_center_content {
        height: 70vh;
        flex-direction: column;
    }

    .press_center_left {
        width: 100%;
        height: 55%;
    }

    .press_center_right {
        width: 100%;
        height: 35%;
    }

    .press_center_right_item {
        height: 45%;
    }

    .about_us_module_left {
        width: 100%;
        position: relative;
        z-index: 2;
        font-size: 1rem;
    }

    .about_us_module_right {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        clip-path: polygon(0% 0%, 100% 0px, 100% 100%, 0% 100%, 0% 50%);
    }

}
@media (max-width: 991px) {
    .body_box {
        height: 100%;
    }
}

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

    .primary_business .module_title_box {
        top: 13%;
    }

    .primary_business_list {
        justify-content: flex-end;
        flex-flow: wrap;
    }

    .primary_business_list::before {
        content: "";
        flex: 1 0 calc(100% / 5);
        /* 创建与子元素等宽的占位空间 */
    }

    .primary_business_item {
        width: 50%;
        height: 33.3%;
        border-top: 1px solid rgba(255, 255, 255, .2);
        border-left: 1px solid rgba(255, 255, 255, .2);
        border-right: none;
    }

    .primary_business_item_title {
        top: 45%;
    }

    .primary_business_item:hover .primary_business_item_title {
        top: 35%;
    }

    .primary_business_item_pic {
        justify-content: center;
    }

    .primary_business_item_pic img {
        width: 100%;
        height: auto;
    }

    .press_center_left {
        flex-direction: column;
        justify-content: space-between;
    }

    .press_center_loopitem {
        width: 100%;
        height: 47%;
    }

    .press_center_loopitem.on {
        width: 100%;
        height: 47%;
    }

    .press_center_loopitem.other {
        width: 100%;
        height: 47%;
    }

    .press_center_loopitem_box {
        padding: 1rem;
    }

    .press_center_loopitem_describe {
        font-size: 0.9rem;
        -webkit-line-clamp: 2;
    }

    .about_us_module_left {
        font-size: 1.5rem;
    }

    .about_us .module_title {
        font-size: 3.5rem;
    }

    .about_us_more {
        font-size: 2rem;
    }

    .about_us_more span::after {
        width: 2rem;
        height: 2rem;
    }

    .about_us_position {
        padding: 1rem 5rem;
    }

    .fixed_footer_box {
        flex-direction: column;
        align-items: center;
    }

    .fixed_footer_link {
        margin-top: 1rem;
    }
}

@media (max-width: 550px) {
    .press_center_left {
        height: 90%;
    }

    .press_center_right {
        display: none;
    }
}

@media (max-height: 800px) {
    .press_center_left {
        width: 100%;
        height: 90%;
    }

    .press_center_right {
        display: none;
    }
}


@media (max-width: 450px) {
    .swiper-slide-box {
        padding: 8rem 3rem 2rem 1rem;
    }

    .primary_business .module_title_box {
        width: 50%;
        left: 8%;
    }

    .star_project .swiper-slide-box {
        padding: 8rem 5rem 2rem 3rem;
    }

    .honor_qualification .swiper-slide-box {
        padding: 8rem 5rem 5rem 3rem;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    .about_us_module_left {
        font-size: 1.2rem;
    }

    .about_us .module_title {
        font-size: 3rem;
    }

    .about_us_more {
        font-size: 1.5rem;
    }

    .about_us_position {
        padding: 1rem 2rem;
    }

    .counter_box {
        margin: 1rem;
    }

    .fixed_footer_box {
        padding: 2vh 5rem;
    }
}

@media (max-height: 500px) {
    .press_center_left {
        width: 100%;
        height: 100%;
    }

    .counter_box {
        margin: 0.5rem;
    }
}