#c_static_001-1714457908065 {
    min-height: 300px
}

#c_static_001-1714457908065 .pfBox {
    width: 100%;
    position: relative;
    padding: 0 40px
}

#c_static_001-1714457908065 .pfSwiper {
    width: 40px;
    height: 100%;
    background: rgba(0 0 0 / 5%);
    position: absolute;
    top: 0;
    cursor: pointer
}

#c_static_001-1714457908065 .pfSwiper span {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

#c_static_001-1714457908065 .pfPre {
    left: 0
}

#c_static_001-1714457908065 .pfNext {
    right: 0
}

#c_static_001-1714457908065 .pfPre span {
    background: rgba(51 51 51 / 20%) url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202404170001/cms/image/05d9aa73-05d2-4333-af0f-06761f0c2bed.png) no-repeat center
}

#c_static_001-1714457908065 .pfNext span {
    background: rgba(51 51 51 / 20%) url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202404170001/cms/image/45274728-ece5-4ebd-9877-ae7ae2594e84.png) no-repeat center
}

#c_static_001-1714457908065 .pfSwiper:hover {
    background: #3492e2
}

#c_static_001-1714457908065 .pfLi {
    background: #f0f1f2;
    min-height: 130px;
    height: 7.8vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    cursor: pointer
}

#c_static_001-1714457908065 .pfLi img {
    width: auto;
    max-width: 100%;
    height: 6vw;
}

#c_static_001-1714457908065 .pfTitle {
    width: 100%;
    text-align: center;
    color: #333;
    margin-top: 5px
}

#c_static_001-1714457908065 .pfLi.swiper-slide-thumb-active {
    background: #e7eff5
}

#c_static_001-1714457908065 .pfLi.swiper-slide-thumb-active .pfTitle {
    /*color: #fff;*/
    font-weight: 500
}

#c_static_001-1714457908065 .pfLi.swiper-slide-thumb-active img {
    /*filter: brightness(22);*/
}

#c_static_001-1714457908065 .proBox {
    width: 100%;
    height: 50vw;
    max-height: 870px;
    min-height: 600px;
    overflow: hidden;
    background: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202404170001/cms/image/43be14b5-e3f6-4bc7-993f-1fff5a95cf6d.jpg) no-repeat center bottom;
    padding-top: 80px;
    background-size: cover
}

#c_static_001-1714457908065 .tuText {
    position: absolute;
    left: -26%;
    top: 0;
    display: none
}

#c_static_001-1714457908065 .proLitu .swiper-slide-active .tuText {
    display: block
}

#c_static_001-1714457908065 .chanBiao {
    line-height: 1;
    color: #000;
    font-weight: 500
}

#c_static_001-1714457908065 .chanfu {
    color: rgba(0 0 0 / 70%);
    line-height: 1;
    font-family: "MyriadPro-Light";
    margin-top: 10px;
    font-weight: 100
}

#c_static_001-1714457908065 .chanTitle {
    line-height: 1.3;
    color: #000;
    display: block;
    margin-top: 35px
}

#c_static_001-1714457908065 .chanTitle:hover {
    color: #0173dd
}

#c_static_001-1714457908065 .chanSum {
    max-width: 260px;
    line-height: 1.6;
    color: #999;
    margin-top: 15px;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#c_static_001-1714457908065 .chanSum b {
    font-weight: normal
}

#c_static_001-1714457908065 .chanLink {
    margin-top: 40px
}

#c_static_001-1714457908065 .qiehuan {
    width: 90%;
    max-width: 630px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 10
}

#c_static_001-1714457908065 .chanSwiper {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: 0.3s all
}

#c_static_001-1714457908065 .pfPre1 {
    background: rgba(51 51 51 / 5%) url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202404170001/cms/image/c3c2412b-5e67-419d-98dd-f8faf4936068.png) no-repeat center
}

#c_static_001-1714457908065 .pfNext1 {
    background: rgba(51 51 51 / 5%) url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202404170001/cms/image/b040e992-9156-4d76-97e4-1ca13a7e9d7e.png) no-repeat center
}

#c_static_001-1714457908065 .proLitu {
    width: 100%;
    height: 100%;
    padding-bottom: 55px
}

#c_static_001-1714457908065 .proLisuo {
    max-width: 1170px;
    width: 90%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

#c_static_001-1714457908065 .proLisuo .tuSwiper_bot {
    height: 140px;
    width: max-content;
    margin-right: 0
}

#c_static_001-1714457908065 .bianhao {
    line-height: 1;
    color: #333;
    opacity: 0.5;
    cursor: pointer;
    padding-left: 20px
}

#c_static_001-1714457908065 .bianhao.swiper-slide-thumb-active {
    border-left: 2px solid #333;
    opacity: 1
}

@media screen and (max-width: 768px) {
    #c_static_001-1714457908065 .proBox {
        padding-top: 60px
    }

    #c_static_001-1714457908065 .tuText {
        position: unset;
        width: 90%;
        margin: 0 auto
    }

    #c_static_001-1714457908065 .chanSum {
        max-width: 100%;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    #c_static_001-1714457908065 .proLitu .tuLi.swiper-slide-active img {
        max-width: 75%;
        margin: 0 auto;
        display: block
    }

    #c_static_001-1714457908065 .proLisuo {
        display: none
    }

    #c_static_001-1714457908065 .tuLi {
        opacity: 0
    }

    #c_static_001-1714457908065 .tuLi.swiper-slide-active {
        opacity: 1
    }

    #c_static_001-1714457908065 .qiehuan {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }

    #c_static_001-1714457908065 .proBox {
        height: auto;
        max-height: 620px
    }

    #c_static_001-1714457908065 .qiehuan {
        top: 10%
    }
}

@media screen and (min-width: 769px) {
    #c_static_001-1714457908065 .tuLi {
        min-height: 35.31vw;
        max-height: 678px;
        display: flex;
        align-items: flex-end
    }

    #c_static_001-1714457908065 .tuLi img {
        max-width: 570px;
        display: block;
        margin: 0 auto
    }

    #c_static_001-1714457908065 .proLitu .tuLi.swiper-slide-active img {
        max-width: 100%;
        margin-top: 50px;
        transform: scale(1.3);
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (min-width: 769px) {
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
}

.LinkBox {
    width: 150px;
    display: flex;
    color:white;
    align-items: center;
}

.LinkBox span {
    width: 42px;
    height: 42px;
    border: 2px solid #0173dd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: white;
    justify-content: center;
    position: relative;
}

.LinkBox span .icon {
    position: relative;
    margin: 0;
}

.LinkBox span:before {
    content: "";
    width: 105%;
    height: 105%;
    position: absolute;
    border-radius: 50%;
    background: #0173dd;
    transition: 0.4s all;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.lianText {
    color: #333;
    margin-left: 14px;
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
}

.LinkBox:hover .lianText {
    color: #0173dd !important;
    border-bottom: 1px solid #0173dd !important;
}

.LinkBox:hover span:before {
    width: 85%;
    height: 85%;
}