/* 首页 */
.banner-w {
    width: 100%;
    padding: 0 6rem;
}

/* 动画效果 */
.marquee-animate-left {
    animation: scroll-left 50s linear infinite;
}

.marquee-content {
    display: flex;
    max-width: max-content;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    60% {
        transform: translateX(calc(-70% + 6rem));
    }
}

.marquee-paused {
    animation-play-state: paused;
}

.home-conatiner {
    overflow: hidden;
    position: relative;
    /*z-index: 2;*/
}

.home-conatiner .swiper-banner {
    height: 24rem;
}

.home-conatiner .swiper-banner .swiper-pagination {
    bottom: 3rem;
}

.home-conatiner .banner {
    position: relative;
    height: 100%;
}

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

.home-conatiner .banner .bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10.175rem;
    background-image: url(../../web/img/banner-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.home-conatiner .banner .mb-banner {
    display: none;
}

.home-conatiner .banner .cont {
    padding: 10.425rem 0 9.65rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-conatiner .banner .cont h2 {
    color: #FFF;
    text-transform: uppercase;
    line-height: .6rem;
    opacity: 0;
    transform: translateY(0.3rem);
    visibility: hidden;
}

.home-conatiner .banner.swiper-slide-active .cont h2 {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: all 0.5s;
    transition-delay: 0.2s;
}

.home-conatiner .banner .cont h1 {
    color: #FFF;
    margin: .1rem 0 .6rem;
    line-height: 2.125rem;
    opacity: 0;
    text-align: center;
    transform: translateY(0.3rem);
    visibility: hidden;
}

.home-conatiner .banner.swiper-slide-active .cont h1 {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: all 0.5s;
    transition-delay: 0.3s;
}

.home-conatiner .banner .cont .explore-more {
    opacity: 0;
    transform: translateY(0.3rem);
    visibility: hidden;
}

.home-conatiner .banner.swiper-slide-active .cont .explore-more {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: all 0.5s;
    transition-delay: 0.4s;
}

.home-conatiner .banner .cont .explore-more .text {
    color: #FFF;
}

.home-conatiner .banner .cont .explore-more svg path {
    fill: #fff;
}

.explore-more {
    height: 0.5rem;
    display: flex;
    align-items: center;
}

.explore-more .text {
    color: #02A0C7;
    margin-right: .15rem;
}

.explore-more svg {
    transition: all 0.5s;
}

.explore-more:hover svg {
    transform: translateX(.15rem);
}

.explore-more svg path {
    width: .325rem;
    height: .25rem;
    fill: #02A0C7;
}

.home-conatiner .intro {
    width: 100%;
    height: 30.625rem;
    padding: 2.9rem 0 1.625rem;
    position: relative;
}

.home-conatiner .intro .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + 3.375rem);
    z-index: -1;
}

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

.home-conatiner .intro .title {
    color: #222;
    line-height: 1.45rem;
}

.home-conatiner .intro .title span {
    color: #02A0C7;
}

.home-conatiner .intro .cont {
    width: 20.8rem;
    color: #666;
    line-height: 1.875;
    margin: .7rem 0 .725rem;
}

.home-conatiner .intro .stats-list {
    margin-top: 2.775rem;
}

.home-conatiner .intro .stats-list li {
    display: flex;
    margin-bottom: 1.95rem;
}

.home-conatiner .intro .stats-list li .icon {
    padding-top: .5rem;
    width: 2.175rem;
}

.home-conatiner .intro .stats-list li .text h1 {
    color: rgba(0, 0, 0, .15);
    line-height: 2.15rem;
    display: flex;
    align-items: stretch;
}

.home-conatiner .intro .stats-list li .text h1 .column_dw{
    display: flex;
    align-items:baseline;
    justify-content: space-evenly;
    flex-direction: column;
    line-height: 1;
}
.home-conatiner .intro .stats-list li .text h2 {
    color: rgba(0, 0, 0, .3);
    line-height: .525rem;
}

.home-conatiner .intro .network {
    position: absolute;
    bottom: 1.625rem;
    right: 5.125rem;
    width: 10.475rem;
    border-radius: .2rem;
    background: #FFF;
    box-shadow: 0 .1rem .75rem .25rem rgba(222, 222, 222, 0.25);
    padding: 1.25rem .85rem .95rem 1.025rem;
}

.home-conatiner .intro .network h1 {
    color: #02A0C7;
    line-height: 1rem;
    margin-bottom: 1.225rem;
    position: relative;
}

.home-conatiner .intro .network h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.6rem;
    width: 1rem;
    height: .075rem;
    border-radius: 2.25rem;
    background: #02A0C7;
}

.home-conatiner .intro .network .info {
    color: #888;
    line-height: 1.625;
}

.video-img {
    display: none;
}

.home-conatiner .develop .video-box {
    height: 19.75rem;
    position: relative;
    border-radius: .15rem;
    overflow: hidden;
}

.home-conatiner .develop .video-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-conatiner .develop .video-box .mb {
    display: none;
}

.home-conatiner .develop .video-box .cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8.625rem 0 7.125rem;
}

.home-conatiner .develop .video-box .cont img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-conatiner .develop .video-box .close-btn {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1rem;
    color: #fff;
    cursor: pointer;
    display: none;
}

.home-conatiner .develop .video-box .close-btn img {
    width: 1rem;
    transition: all 0.5s;
}

.home-conatiner .develop .video-box .close-btn:hover img {
    transform: rotate(180deg);
}

.home-conatiner .develop .play-btn {
    width: 2.5rem;
    height: 2.5rem;
    border: .075rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding-left: .15rem;
    cursor: pointer;
    background: rgba(153, 153, 153, .2);
    transition: all 0.5s;
    z-index: 0;
    backdrop-filter: blur(8px);
}

.home-conatiner .develop .play-btn:hover {
    border-color: #02A0C7;
}

.home-conatiner .develop .play-btn svg {
    width: .95rem;
    height: .95rem;
}

.home-conatiner .develop .play-btn svg path {
    transition: all 0.5s;
}

.home-conatiner .develop .play-btn:hover svg path {
    fill: #02A0C7;
}

.home-conatiner .develop .title {
    color: #FFF;
    margin-top: .625rem;
    line-height: .8rem;
}

.home-conatiner .develop .develop-box {
    height: 26.5rem;
    padding: 3.3rem 4.5rem 3.6rem 6rem;
    position: relative;
}

.home-conatiner .develop h1 {
    color: #222;
    line-height: 1.45rem;
    margin-bottom: 1.05rem;
}

.home-conatiner .develop h1 span {
    color: #02A0C7;
}

.home-conatiner .develop .field-list {
    margin-top: 2.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3.675rem 15.2rem;
}

.home-conatiner .develop .field-list .img {
    display: none;
}

.home-conatiner .develop .field-list .swiper-slide {
    width: calc((100% - 15.2rem) / 2);
}

.home-conatiner .develop .field-list li {
    display: flex;
    width: 100%;
    gap: .65rem;
    cursor: pointer;
}

.home-conatiner .develop .field-list .swiper-slide:nth-child(2n)  li {
    flex-direction: row-reverse;
}

.home-conatiner .develop .field-list .swiper-slide:nth-child(2n) li h1,
.home-conatiner .develop .field-list .swiper-slide:nth-child(2n) li .cont {
    text-align: left;
}

.home-conatiner .field-list li .text {
    padding-top: .525rem;
    width: calc(100% - 2.9rem);
}

.home-conatiner .field-list li h1 {
    color: #555;
    line-height: .925rem;
    margin-bottom: .425rem;
    transition: all 0.5s;
    text-align: right;
}

.home-conatiner .field-list li.active h1 {
    color: #222;
}

.home-conatiner .field-list li .cont {
    color: #666;
    line-height: .65rem;
    text-align: right;
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 4; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* height: 2.5rem; */
}

.home-conatiner .field-list li .icon {
    width: 2.25rem;
    height: 2.25rem;
    background: #A0C7D0;
    filter: drop-shadow(0 .2rem .2rem rgba(0, 145, 180, 0.10));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.home-conatiner .field-list li.active .icon {
    background: #02A0C7;
    filter: drop-shadow(0 .2rem .2rem rgba(0, 145, 180, 0.10));
}

.home-conatiner .develop .c-logo {
    position: absolute;
    left: 16rem;
    bottom: 2.15rem;
    width: 17.5rem;
    height: 17.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /*padding: 4.1rem .9rem 5rem 1.6rem;*/
    padding: 3rem;
}

.home-conatiner .develop .c-logo img {
    opacity: 0;
    transition: all 0.5s;
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
}

/* .home-conatiner .develop .c-logo .i-hide {
      
        opacity: 0;
} */
.home-conatiner .develop .c-logo .i-zoom {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

.home-conatiner .develop .c-logo img {
    /* width: 100%;
    height: 100%;
    object-fit: contain; */
}

.home-conatiner .grow {
    padding-left: 6rem;
    padding-bottom: 3.25rem;
    position: relative;
    width: 100%;
    /* overflow: hidden; */
}

.home-conatiner .grow .grow-bg {
    z-index: -1;
    position: absolute;
    right: 0;
    bottom: -1.575rem;
    width: 20.5rem;
    height: 44.9rem;
    display: none;
}

.home-conatiner .grow .grow-bg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-conatiner .grow .title {
    color: #222;
    line-height: 1.45rem;
    margin-bottom: .55rem;
}

.home-conatiner .grow .title span {
    color: #02A0C7;
}

.home-conatiner .grow .grow-swiper {
    margin-top: 1.25rem;
    /* overflow: hidden; */
    width: max-content;
    display: flex;
}

.home-conatiner .grow .grow-swiper .swiper-wrapper {
    width: 100%;
    flex-shrink: 0;
}

/* .home-conatiner .grow .grow-swiper . */
/* .home-conatiner .grow .grow-swiper .swiper-pagination{
    display: none;
} */
.home-conatiner .grow .swiper-slide,
.home-conatiner .grow .li {
    flex-shrink: 0;
    z-index: 2;
    position: relative;
    width: 10.75rem;
    display: inline-block;
    height: 13.5rem;
    border-radius: .15rem;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .6s;
    margin-right: .5rem;
}

.home-conatiner .grow .marquee-content:nth-child(1) .li:not(:nth-child(2n)) {
    margin-top: 1.25rem;
}

.home-conatiner .grow .marquee-content:nth-child(2) .li:nth-child(2n) {
    margin-top: 1.25rem;
}

.home-conatiner .grow .swiper-slide .item,
.home-conatiner .grow .li .item {
    width: 100%;
    height: 100%;
    padding: 1.3rem .8rem .925rem .95rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.home-conatiner .grow .li .item {
    position: relative;
}

.home-conatiner .grow .li .item::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    background-color: rgba(0, 0, 0, .15);
    transition: all .3s .3s;
}

.home-conatiner .grow .li .item::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: '';
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    transition: all .3s .3s;
}

.home-conatiner .grow .li .item:hover::before {
    opacity: 0;
    visibility: hidden;
}

.home-conatiner .grow .li .item:hover::after {
    opacity: 1;
    visibility: visible;
}

.home-conatiner .grow .swiper-slide:hover .item,
.home-conatiner .grow .li:hover .item {
    padding-bottom: 1.4rem;
}

.home-conatiner .grow .swiper-slide h1,
.home-conatiner .grow .li h1 {
    color: #FFF;
    line-height: .65rem;
    padding-bottom: .1rem;
    transform: translateY(7.5rem);
    transition: all .6s;
}

.home-conatiner .grow .swiper-slide .cont,
.home-conatiner .grow .li .cont {
    opacity: 0;
    overflow: hidden;
    color: #FFF;
    line-height: .6rem;
    height: 7.5rem;
    font-size: .35rem;
    padding-top: .675rem;
    margin-top: .55rem;
    transition: all 0.5s 0s;
}

.home-conatiner .grow .swiper-slide:hover h1,
.home-conatiner .grow .li:hover h1 {
    transform: translateY(0rem);
}

.home-conatiner .grow .swiper-slide:hover .cont,
.home-conatiner .grow .li:hover .cont {
    position: relative;
    opacity: 1;
    transition: all 0.5s .3s;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.home-conatiner .grow .swiper-slide .item-bot,
.home-conatiner .grow .li .item-bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-conatiner .grow .swiper-slide .item-bot .ft,
.home-conatiner .grow .li .item-bot .ft {
    display: flex;
    align-items: center;
    height: .475rem;
    gap: .525rem;
}

.home-conatiner .grow .swiper-slide .time,
.home-conatiner .grow .swiper-slide .tag,
.home-conatiner .grow .li .time,
.home-conatiner .grow .li .tag {
    color: #FFF;
    line-height: .475rem;
}

.home-conatiner .grow .swiper-slide .time,
.home-conatiner .grow .li .time {
    position: relative;
}

.home-conatiner .grow .swiper-slide .time::after,
.home-conatiner .grow .li .time::after {
    content: "";
    position: absolute;
    top: .075rem;
    right: -0.275rem;
    width: .025rem;
    height: .3rem;
    background: #D9D9D9;
}

.home-conatiner .grow .swiper-slide .arrow,
.home-conatiner .grow .li .arrow {
    width: 1.3rem;
    height: 1.3rem;
    display: none;
}

.home-conatiner .grow .swiper-slide:hover .arrow,
.home-conatiner .grow .li:hover .arrow {
    display: block;
}

.home-conatiner .grow .swiper-slide .arrow img,
.home-conatiner .grow .li .arrow img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-conatiner .grow .swiper-slide .mask,
.home-conatiner .grow .li .mask {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.home-conatiner .grow .swiper-slide .mask img,
.home-conatiner .grow .li .mask img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    opacity: 1;
}

.home-conatiner .grow .swiper-slide:hover .mask,
.home-conatiner .grow .li:hover .mask {
    backdrop-filter: blur(.125rem);
}

.home-conatiner .grow .swiper-slide:hover .mask img,
.home-conatiner .grow .li:hover .mask img {
    opacity: 0;
}

@media (max-width: 767px) {
    .banner-w {
        padding: 0 0.5rem;
    }

    .home-conatiner .swiper-banner {
        height: 16rem;
    }

    .home-conatiner .banner .pc-banner {
        display: none;
    }

    .home-conatiner .banner .mb-banner {
        display: block;
    }

    .home-conatiner .banner .cont {
        padding: 6rem 4% 3rem;
    }

    .home-conatiner .banner .cont h1 {
        font-size: .7rem;
        line-height: 1.3;
        margin: .25rem 0 .5rem;
        text-align: center;
    }

    .home-conatiner .banner .cont h1 br {
        display: none;
    }

    .home-conatiner .intro {
        height: auto;
        padding: 1rem 0;
    }

    .home-conatiner .intro .video .mb {
        display: block;
        width: 100%;
        margin-top: 19rem;
    }

    .home-conatiner .intro .title {
        font-size: 0.6rem;
    }

    .home-conatiner .intro .cont {
        margin: .2rem 0 .5rem;
        width: 100%;
        line-height: 1.6;
    }

    .home-conatiner .intro .stats-list {
        margin: 1rem 0 4.5rem;
        display: flex;
        flex-direction: column;
    }

    .home-conatiner .intro .stats-list li .icon {
        width: 1.6rem;
    }

    .home-conatiner .intro .stats-list li .icon img {
        transform: scale(0.7);
    }

    .home-conatiner .intro .stats-list li .text {
        width: 5rem;
    }

    .home-conatiner .intro .stats-list li .text h1 {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    .home-conatiner .intro .stats-list li {
        margin-bottom: 0.5rem;
    }

    .home-conatiner .intro .network {
        position: relative;
        top: 0;
        left: 0.5rem;
        width: calc(100% - 1rem);
        padding: 0.5rem;
    }

    .home-conatiner .intro .network h1 {
        font-size: 0.6rem;
        margin-bottom: 0.5rem;
        line-height: 1.4;
    }

    .home-conatiner .intro .network h1::after {
        bottom: -0.25rem;
    }

    .home-conatiner .develop .video-box {
        height: 10rem;
    }

    .home-conatiner .develop-bg .pc {
        display: none;
    }

    .home-conatiner .develop-bg .mb {
        display: block;
        width: 100%;
        background-size: 100% 100%;
    }

    .home-conatiner .develop .video-box .cont {
        padding: 1.5rem 4%;
        justify-content: flex-end;
    }

    .home-conatiner .develop .play-btn {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 2px solid rgba(255, 255, 255, 0.3);
    }

    .home-conatiner .develop .play-btn svg {
        width: 40%;
        height: 40%;
    }

    .home-conatiner .develop .video-box .close-btn {
        top: 0.5rem;
        right: 0.5rem;
    }

    .home-conatiner .develop .title {
        font-size: .5rem;
        margin-top: 1rem;
        text-align: center;
    }

    /*.video-img {
        display: block;
        width: 100%;
        height: 10rem;
        object-fit: cover;
    }*/
    .home-conatiner .develop .develop-box {
        height: auto;
        padding: 1rem 0.5rem 0;
    }

    .home-conatiner .develop h1 {
        font-size: 0.6rem;
        line-height: 1.4;
        margin-bottom: 0.5rem;
    }

    .field {
        position: relative;
    }

    .swiper-field {
        padding-bottom: 1rem;
    }

    .swiper-field .swiper-pagination {
        position: relative;
        bottom: -0.5rem;
    }

    .home-conatiner .develop .c-logo {
        left: calc(50% - 4rem);
        bottom: 1.5rem;
        width: 8rem;
        height: 8rem;
        padding: 1.5rem;
        display: none;
    }

    .home-conatiner .develop .field-list {
        margin-top: 1rem;
        flex-wrap: nowrap;
        gap: 0;
    }

    .home-conatiner .develop .field-list li {
        flex-direction: row-reverse;
    }

    .home-conatiner .develop .field-list .swiper-slide {
        width: 100%;
    }

    .home-conatiner .develop .field-list .img {
        display: block;
        width: 10rem;
        height: 10rem;
        margin: 0.5rem auto 0;
    }

    .home-conatiner .develop .field-list .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home-conatiner .field-list li .icon {
        width: 1.6rem;
        height: 1.6rem;
    }

    .home-conatiner .field-list li .icon img {
        transform: scale(0.6);
    }

    .home-conatiner .field-list li .text {
        width: calc(100% - 2.25rem);
        padding-top: 0;
    }

    .home-conatiner .field-list li h1 {
        text-align: left;
        margin-bottom: 0;
        font-size: 0.55rem;
    }

    .home-conatiner .field-list li .cont {
        text-align: left;
    }

    .home-conatiner .grow {
        padding: 0 0.5rem 1rem;
    }

    .home-conatiner .grow .title {
        font-size: 0.6rem;
        margin-bottom: 0;
    }

    .home-conatiner .grow .grow-swiper .swiper-pagination {
        display: block;
        position: relative;
        bottom: -0.5rem;
    }

    .home-conatiner .grow .swiper-slide {
        width: 100%;
    }

    .home-conatiner .grow .swiper-slide:not(:nth-child(2n)) {
        margin-top: 0;
    }

    .home-conatiner .grow .swiper-slide.swiper-slide-active .mask {
        background: rgba(0, 0, 0, .6);
    }

    .home-conatiner .grow .swiper-slide.swiper-slide-active h1 {
        transform: translateY(0rem);
    }

    .home-conatiner .grow .swiper-slide.swiper-slide-active .cont {
        position: relative;
        transform: translateY(0);
        opacity: 1;
        transition: all 0.5s .3s;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
}

/* 首页 */
/* 新闻详情 */
.news-detail {
    padding-top: 5.95rem;
    position: relative;
}

.news-detail .bg {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 3.425rem;
    width: 100%;
}

.news-detail .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-detail .crumb {
    height: 1.25rem;
    display: flex;
    align-items: center;
}

.news-detail .crumb a {
    transition: all 0.5s;
}

.news-detail .crumb a:hover {
    color: #02A0C7;
}

.news-detail .crumb img {
    width: .625rem;
    height: .625rem;
    object-fit: contain;
}

.news-detail .detail {
    padding: 2rem 9rem 1.875rem;
}

.news-detail .detail h1 {
    color: #000;
    line-height: 1.15;
    margin-bottom: .425rem;
    padding: 0 0.5rem;
    text-align: center;
}

.news-detail .detail .time {
    color: #CACACA;
    line-height: 1.75;
    text-align: center;
    margin-bottom: 1.05rem;
}

.news-detail .detail .cont {
    line-height: 1.8;
    padding: .85rem 0;
    border-top: .025rem solid #E3E3E3;
    border-bottom: .025rem solid #E3E3E3;
}

.news-detail .detail .cont p:not(:last-child) {
    margin-bottom: .9rem;
}

.news-detail .detail .cont img {
    display: inline-block;
    max-width: 100%;
}

.news-detail .detail .jump {
    padding: .8rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-detail .detail .jump .ft {
    width: 11.85rem;
}

.news-detail .detail .jump .ft .prev,
.news-detail .detail .jump .ft .next {
    display: block;
    width: 100%;
    line-height: 2.25;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-detail .detail .jump .ft a {
    color: #000;
    transition: all 0.5s;
}

.news-detail .detail .jump .ft a:hover {
    color: #02A0C7;
}

.news-detail .detail .jump .return {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.1rem;
    height: 1.25rem;
    border-radius: 1.5rem;
    border: .05rem solid #EFEFEF;
    background: #F5F5F5;
    backdrop-filter: blur(.125rem);
    transition: all 0.5s;
}

.news-detail .detail .jump .return:hover {
    border-color: #02A0C7;
    background: #02A0C7;
}

.news-detail .detail .jump .return .text {
    color: #1A1A1A;
    transition: all 0.5s;
}

.news-detail .detail .jump .return:hover .text {
    color: #fff;
}

.news-detail .detail .jump .return .icon {
    width: .775rem;
    height: .775rem;
    background: #02A0C7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .625rem;
    transition: all 0.5s;
}

.news-detail .detail .jump .return:hover .icon {
    background: #fff;
}

.news-detail .detail .jump .return .icon svg path {
    transition: all 0.5s;
}

.news-detail .detail .jump .return:hover .icon svg path {
    fill: #02A0C7;
}

@media (max-width: 767px) {
    .news-detail {
        padding-top: 3rem;
    }

    .news-detail .detail {
        padding: 0.5rem 0.5rem 1rem;
    }

    .news-detail .detail h1 {
        font-size: 0.6rem;
        line-height: 1.4;
    }

    .news-detail .detail .time {
        margin-bottom: 0.5rem;
    }

    .news-detail .detail .cont {
        padding: 0.5rem 0;
        line-height: 1.5;
        font-size: 0.45rem;
    }

    .news-detail .detail .cont p:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .news-detail .detail .jump {
        flex-direction: column;
        align-items: start;
        padding: .5rem 0;
    }

    .news-detail .detail .jump .ft {
        width: 100%;
    }

    .news-detail .detail .jump .return {
        margin-left: auto;
        margin-top: 0.5rem;
    }
}

/* 新闻详情 */
/* 关于我们 */
.about {
    position: relative;
    overflow: hidden;
    /*z-index: 2;*/
}

.about .about-bg {
    position: absolute;
    top: 17.025rem;
    left: 0;
    width: 100%;
    height: 76%;
    /*z-index: 1;*/
}

.about .about-bg>div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.about .sub_banner {
    /*height: 14.75rem;*/
    padding: 2.875rem 5.55rem 0 5.9rem;
}

.about .sub_banner::after {
    display: none;
}

.about .sub_banner img {
    width: 100%;
    height: auto !important;
}

.about .sub_banner .pc-block {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about .baoutline2 {
    z-index: 1;
    position: absolute;
    top: 1.8rem;
    right: 0.8%;
    width: 43.025rem;
    height: 0;
    overflow: hidden;
}

.about .baoutline2 img {
    width: 100%;
    max-width: 100%;
}

.about .intro {
    margin-top: 1rem;
    padding-top: 1rem;
}

.about .intro .title {
    margin: 0 0 .95rem;
}

.about .intro .intro-b {
    display: flex;
}

.about .intro .ft {
    width: calc(100% - 15rem);
    padding-right: 2.675rem;
}

.about .intro .name {
    color: #222;
    line-height: 1.45rem;
    font-weight: 450;
}

.about .intro .name span {
    color: #02A0C7;
}

.about .intro .info {
    margin-top: .925rem;
    color: #666;
    line-height: 1.8;
}

.about .intro .info p:not(:last-child) {
    margin-bottom: 0.9rem;
}

.about .intro .statis {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 4.3rem;
    padding-top: 0.75rem;
}

.about .intro .statis li {
    width: calc((100% - 4.3rem) / 2);
    display: flex;
    gap: 1.1rem;
}

.about .intro .statis li .icon {
    width: 1.1rem;
    padding-top: 0.6rem;
}

.about .intro .statis li .icon img {
    width: 100%;
}

.about .intro .statis li .text {
    width: calc(100% - 2.2rem);
}

.about .intro .statis li .t1 {
    color: rgba(0, 0, 0, 0.15);
    line-height: 1.3;
    display: flex;
    align-items: stretch;
}
.about .intro .statis li .t1 .column_dw  {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-evenly;
    line-height: 1;
}
.about .intro .statis li .t1 span {
    color: #D7D7D8;
    vertical-align: top;
}

.about .intro .statis li .t2 {
    color: rgba(0, 0, 0, 0.3);
    line-height: .525rem;
    font-weight: 330;
}

.about .intro .rt {
    width: 16.5rem;
    height: 18.75rem;
    overflow: hidden;
}

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

.about .intro .rt:hover img {
    transform: scale(1.05);
}

.about .position {
    padding-bottom: 0;
    position: relative;
}

.about .stru {
    margin-top: 6.15rem;
    padding-top: 1rem;
}

.about .stru .mb {
    display: none;
}

.about .stru .title {
    margin: 0 0 1rem 0;
}

.about .stru .img {
    width: 100%;
}

.about .history {
    margin-top: 3.4rem;
    padding: 1rem 2.7rem 0 6rem;
}

.about .history .title {
    margin: 0;
}

.about .history-b {
    padding-top: 1.425rem;
}

.about .history-b .body-box {
    display: flex;
}

.about .history-b .ft {
    width: calc(100% - 12rem);
    padding-right: 3.375rem;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.about .history-b .ft::before {
    content: "";
    position: absolute;
    top: .55rem;
    left: 4.78rem;
    width: .05rem;
    height: 100%;
    background: #EBEBEB;
}

.about .history-b .rt {
    position: relative;
    width: 12rem;
}

.about .history-b .pic {
    width: 100%;
    height: 17.25rem;
}

.about .history-b .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about .history-b .ft .swiper-history {
    width: 5rem;
    height: 17.25rem;
    padding-bottom: 0%;
    margin-left: 0;
}

.about .history-b .ft .swiper-history .swiper-slide {
    cursor: pointer;
}

.about .history-b .ft .swiper-wrapper {
    height: 100%;
}

.about .swiper-slide {
    display: flex;
    height: auto;
    overflow: hidden;
    padding-bottom: 2rem;
}

.about .swiper-slide:not(:last-child) {
    margin-bottom: 0;
}

.about .swiper-slide .time {
    color: #02A0C7;
    padding-right: .5rem;
    text-align: left;
    font-size: .8rem;
    width: 100%;
    position: relative;
    opacity: 0.5;
    flex-shrink: 0;
    transition: all 0.5s;
    line-height: 1.4;
}

.about .swiper-history-list {
    width: 100%;
    padding-bottom: 0%;
    height: 17.25rem;
    overflow: hidden;
    width: calc(100% - 7rem);
    position: relative;
}

.about .swiper-history-list .swiper-slide {
    height: auto;
    padding-bottom: 80px;
    display: block;
    overflow-y: auto;
}

.about .swiper-history-list .swiper-slide::-webkit-scrollbar {
    display: none !important;
    background-color: rgba(0, 0, 0, .1) !important;
    width: 2px;
}

.about .swiper-history-list .swiper-slide::-webkit-scrollbar-thumb {
    background-color: rgba(2, 160, 199, .5) !important;
}

.about .swiper-history-list .swiper-slide .info {
    height: auto;
    padding-bottom: 0;
    display: block;
    padding-left: 0;
}

.about .swiper-slide.cur .time {
    opacity: 1;
}

.about .swiper-slide .time::before {
    content: "";
    position: absolute;
    top: .25rem;
    left: 4.65rem;
    width: .325rem;
    height: .325rem;
    background: #02A0C7;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.5s;
}

.about .swiper-slide .time::after {
    content: "";
    position: absolute;
    top: .55rem;
    left: 4.78rem;
    width: .05rem;
    height: 2.95rem;
    background: #02A0C7;
    opacity: 0;
    transition: all 0.5s;
}

.about .swiper-slide.cur .time::before,
.about .swiper-slide.cur .time::after {
    opacity: 1;
}

.about .swiper-slide .info {
    display: block;
    width: 100%;
    padding-left: 1.2rem;
    position: relative;
}

.about .swiper-slide .info::after {
    content: "";
    position: absolute;
    left: 1.2rem;
    top: 0;
    width: calc(100% - 1.2rem);
    height: 100%;
    transition: all 0.5s;
    background-image: url(../../web/img/slide-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    opacity: .6;
    z-index: -1;
}

.about .swiper-slide-active .info::after {
    opacity: 0;
}

.about .swiper-slide .name {
    color: #000;
    line-height: 1.325rem;
}

.about .swiper-slide .tag {
    margin: .45rem 0 1.45rem;
    color: #02A0C7;
    padding-left: 1.25rem;
    position: relative;
    line-height: .8rem;
}

.about .swiper-slide .tag::before {
    content: "";
    position: absolute;
    left: 0;
    top: .4rem;
    width: 1.2rem;
    height: .025rem;
    background: #02A0C7;
}

.about .swiper-slide .cont {
    color: #666;
    line-height: 1.8;
}

.about .culture {
    margin-top: 5.425rem;
    padding-top: 1rem;
}

.about .culture .title {
    margin: 0 0 1.725rem;
}

.about .culture-b {
    display: flex;
    gap: 1rem;
    padding-bottom: 3.825rem;
}

.about .culture-b li {
    width: calc((100% - 3rem) / 4);
    height: 14.5rem;
    border-radius: .15rem;
    border: .125rem solid rgba(2, 160, 199, 0.2);
    background: #FFF;
    box-shadow: 0 .1rem .5rem 0 rgba(0, 78, 97, 0.20);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.675rem .625rem 0;
    transition: all 0.5s;
}

.about .culture-b li:hover {
    border-color: #02A0C7;
}

.about .culture-b li .icon {
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about .culture-b li .icon img {
    max-height: 100%;
}

.about .culture-b li .name {
    margin: .55rem 0 1rem;
    background: linear-gradient(270deg, #02A0C7 0%, #0043C0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.25rem;
    font-size: 1rem;
    text-align: center;

}

@media (min-width: 768px) {
    .about .culture-b li .name {
        min-height: 2.5rem;
    }
}

.about .culture-b li .info {
    padding: .5rem 0rem 0;
    border-top: 1px solid #D9D9D9;
    color: #000;
    text-align: center;
    line-height: 1.5;
    font-size: .5rem;
    transition: all 0.5s;
}

.about .culture-b li:hover .info {
    color: #02A0C7;
}

.about .contact {
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 2.35rem;
    padding-bottom: 3rem;
}

.about .contact .title {
    margin: 0;
    color: #FFF;
}

.about .contact-b {
    margin-left: auto;
    width: 16.5rem;
    height: auto;
    opacity: 0.8;
    background: linear-gradient(180deg, #02A0C7 0%, #0076CA 100%);
    padding: 1.25rem 1.5rem 1.5rem 1.5rem;
}

.about .contact-b .name {
    color: #FFF;
    line-height: 1.05rem;
}

.about .relate {
    margin-top: 1.425rem;
}

.about .relate li {
    display: flex;
    align-items: flex-start;
    height: auto;
    border-bottom: .025rem solid transparent;
    position: relative;
}

.about .relate li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: .025rem;
    background: rgba(255, 255, 255, 0.5);
}

.about .relate li:hover::after {
    width: 100%;
    transition: all 1s;
}

.about .relate li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.about .relate li .t1,
.about .relate li .t2 {
    color: #FFF;
}

@media (min-width: 996px) {
    .about .relate li .t1 {
        margin-top: .1rem;
        min-width: 2.5rem;
    }
}

@media (max-width: 767px) {
    .about .pc {
        display: none;
    }

    .about .mb {
        display: block;
        width: 100%;
    }

    .about .bg {
        top: 0;
        right: 0;
    }

    .about .about-bg {
        width: 110%;
        left: -5%;
    }

    .about .intro .intro-b {
        flex-direction: column;
    }

    .about .intro .ft {
        width: 100%;
        padding-right: 0;
    }

    .about .contact .title,
    .about .culture .title,
    .about .history .title,
    .about .stru .title,
    .about .intro .title {
        font-size: .7rem;
    }

    .about .intro .name {
        font-size: 0.55rem;
        line-height: 1.3;
        margin: 1rem 0 .5rem;
    }

    .about .intro .title {
        margin-bottom: 0.2rem;
    }

    .about .intro .info {
        margin-top: 0.2rem;
    }

    .about .intro .info p:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .about .intro .statis {
        gap: 0.5rem;
    }

    .about .intro .statis li {
        width: calc((100% - 0.5rem) / 2);
        gap: 0.5rem;
    }

    .about .intro .statis li .icon {
        width: 0.8rem;
    }

    .about .intro .statis li .text {
        width: calc(100% - 1.3rem);
    }

    .about .intro .statis li .t1 span {
        font-size: 1.2rem;
    }
    .about .intro .statis li .t1 .column_dw   span{
        font-size: .6rem;
    }
    .about .intro .rt {
        width: 100%;
        margin-top: 1rem;
        height: auto;
    }

    .about .intro .rt img {
        height: auto;
    }

    .about .stru {
        margin-top: 1rem;
    }

    .about .stru .pc {
        display: none;
    }

    .about .stru .mb {
        display: block;
    }

    .about .history {
        margin-top: 1rem;
        padding: 1rem 0.5rem 0;
    }

    .about .history-b {
        padding-top: 1rem;
    }

    .about .history-b .body-box {
        flex-direction: column;
    }

    .about .history-b .ft {
        width: 100%;
        padding-right: 0;
        display: block;
    }

    .about .history-b .ft .swiper-history {
        width: 100%;
    }

    .about .swiper-slide .info::after {
        opacity: 0;
    }

    .about .swiper-slide .time {
        width: 100%;
        font-size: .75rem;
        text-align: left;
    }

    .about .swiper-slide .info {
        width: 100%;
        padding-left: 0;
    }

    .about .swiper-slide .name {
        font-size: 0.6rem;
        line-height: 1.5;
    }

    .about .swiper-slide .tag {
        font-size: 0.5rem;
        margin: 0.25rem 0;
        padding-left: 0;
    }

    .about .swiper-slide .tag::before {
        display: none;
    }

    .about .swiper-slide .cont {
        font-size: 0.45rem;
    }

    .about .history-b .rt {
        margin-top: 1rem;
    }

    .about .history-b .rt,
    .about .history-b .rt .pic,
    .about .history-b .rt img {
        width: 100%;
        height: auto;
    }

    .about .culture {
        margin-top: 1rem;
    }

    .about .culture .title {
        margin-bottom: 1rem;
    }

    .about .culture-b {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-bottom: 1rem;
    }

    .about .culture-b li {
        width: 100%;
        padding: 1rem 0.25rem 1rem;
        height: 9rem;
    }

    .about .culture-b li .icon {
        height: 1.5rem;
    }

    .about .culture-b li .name {
        font-size: 0.6rem;
        margin: 0.25rem 0 0.5rem;
    }

    .about .culture-b li .info {
        font-size: 0.5rem;
        padding: 0.5rem 0.5rem 0;
        line-height: 1.5;
    }

    .about .contact-b {
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        height: auto;
    }

    .about .contact-b .name {
        font-size: 0.6rem;
    }

    .about .relate li {
        align-items: start;
        height: auto;
    }

    .about .relate li .t1 {
        flex-shrink: 0;
    }

    .about .relate li .t2 {
        font-size: 0.45rem;
    }

    .about .relate {
        margin-top: 0.5rem;
    }

    .about .history-b .ft::before {
        display: none;
    }

    .about .swiper-slide .time::before {
        display: none;
    }

    .about .swiper-slide .time::after {
        display: none;
    }

    .about .history-b .ft .swiper-container {
        height: auto;
        padding-bottom: 0;
    }

    .about .history-b .ft .swiper-history {
        height: 2rem;
        width: 100%;
    }

    .about .swiper-history-list {
        width: 100%;
        height: 10rem;
    }

    .about .swiper-history-list .swiper-slide {
        padding-bottom: 1rem;
        padding-right: .15rem;
    }

    .about .swiper-history-list .swiper-pagination {
        display: none;
    }

    .about .swiper-slide {
        flex-direction: column;
        margin-bottom: 0 !important;
    }

    .about .history-b .swiper-pagination-bullet {
        background: rgba(0, 0, 0, .2) !important;
    }

    .about .history-b .swiper-pagination-bullet-active {
        background-color: #02A0C7 !important;
    }
}

/* 关于我们 */
.develop {
    position: relative;
}

.develop .develop-bg {
    position: absolute;
    top: -10.5rem;
    left: 0;
    width: 100%;
    height: 93.85rem;
    /*z-index: 1;*/
}

.develop .develop-bg>div {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

footer .f-top {
    z-index: 93;
}

.position_box {
    position: relative;
    z-index: 3;
}

.zzjg {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .about .swiper-slide-active .time {
        opacity: 1;
    }

    .about .swiper-slide-active .time::before,
    .about .swiper-slide-active .time::after {
        opacity: 1;
    }

    .about .sub_banner {
        padding: 0;
    }

    .about .baoutline2 {
        width: 100%;
    }

    .about .sub_banner {
        /* height: auto !important; */
    }

    .about .sub_banner img {
        object-fit: cover;
        height: 100% !important;
    }

    .about .baoutline2 {
        top: 9.8rem;
    }

    .about .about-bg {
        top: 0;
    }

    .home-conatiner .grow .grow-swiper {
        width: 100%;
        overflow: hidden;
        display: block;
        margin-bottom: 1.5rem;
    }

    .home-conatiner .grow .pc {
        display: none;
    }

    .home-conatiner .grow .mb {
        display: block;
    }

    .home-conatiner .grow .grow-swiper .swiper-pagination {
        bottom: 0;
        margin-top: 1rem;
    }

    .about .swiper-slide .swiper-history-list {
        padding-bottom: 0;
        height: calc(100% - 3rem);
    }

    .about .history-b .ft .swiper-wrapper {
        height: calc(100% - .5rem);
    }

    .about .swiper-history-list .swiper-slide {
        padding-right: .1rem;
    }

    .about .swiper-history-list .swiper-slide::-webkit-scrollbar {
        display: block !important;
    }

    .news-detail .crumb {
        font-size: 12px;
    }

    .news-detail .crumb a,
    .news-detail .crumb span {
        white-space: nowrap;
    }

    .news-detail .crumb span {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .footer-rt .relate-list li {
        line-height: 1.5;
        margin-bottom: .25rem;
    }

    .home-conatiner .develop h1 span br {
        display: none;
    }

    .news .card_list .card_item .card_txt {
        border-top: 0 !important;
        border-left: .025rem solid #E2E2E2 !important;
    }

    .footer-rt .relate-list li span {
        margin-left: .25rem;
    }
    .about .about-bg{
        height: 100%;
    }
    .footer-rt .title{
        text-align: left !important;
    }
}

.swiper-history .btn_prev {
    width: .75rem;
    height: .75rem;
    right: 1.5rem;
    bottom: 1rem;
    z-index: 3;
    transform: rotate(316deg);
}

.swiper-history .btn_next {
    width: .75rem;
    height: .75rem;
    right: .25rem;
    bottom: 1rem;
    z-index: 3;
    transform: rotate(136deg);
}

.swiper-history .btn_prev img,
.swiper-history .btn_next img {
    width: 100%;
}

.swiper-history .btn_prev.swiper-button-disabled,
.swiper-history .btn_next.swiper-button-disabled {
    opacity: .5;
}