.news1 {
    position: relative
}

.news1 .wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.news1 .wrap .title {
    font-weight: bold;
    font-size: 50px;
    color: #FFFFFF;
    position: absolute;
    width: 100%;
    text-align: center
}

.news1 .wrap .img {
    width: 100%;
    height: 100%;
    transition: 1s
}

.news1 .wrap .cut {
    position: absolute;
    bottom: 96px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    height: 47px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    gap: 0 5px
}

.news1 .wrap .cut a {
    width: 105px;
    height: 39px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
    transition: .6s ease
}

.news1 .wrap .cut a.on, .news1 .wrap .cut a:hover {
    background: #fff;
    color: #082336
}

.news2 {
    position: relative;
    padding: 126px 0
}

.news2 .wrap {
    width: 1600px;
    margin: auto
}

.news2 .wrap .top {
    width: 1600px;
    height: 474px;
    background: #F4F7FB;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 18px
}

.news2 .wrap .top .l {
    margin: 0 76px 0 0
}

.news2 .wrap .top .l .lSwiper {
    width: 782px;
    height: 441px
}

.news2 .wrap .top .l .lSwiper a {
    border-radius: 10px;
    display: block;
    overflow: hidden
}

.news2 .wrap .top .l .lSwiper a:hover img {
    transform: scale(1.05)
}

.news2 .wrap .top .l .lSwiper img {
    width: 100%;
    height: 100%;
    transition: 1s
}

.news2 .wrap .top .r {
    width: 542px
}

.news2 .wrap .top .r .flex .item {
    display: none
}

.news2 .wrap .top .r .flex .item.on {
    display: block
}

.news2 .wrap .top .r .flex .item .time {
    font-weight: 500;
    font-size: 16px;
    color: #888888
}

.news2 .wrap .top .r .flex .item .headline {
    font-weight: bold;
    font-size: 24px;
    color: #1A1A1A;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 45px 0 0 0
}

.news2 .wrap .top .r .flex .item .pick {
    font-weight: 400;
    font-size: 16px;
    color: #1A1A1A;
    line-height: 26px;
    -webkit-line-clamp: 2s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px 0 0 0
}

.news2 .wrap .top .r .flex .item .more {
    margin: 50px 0 0 0;
    width: fit-content;
    font-weight: 400;
    font-size: 16px;
    color: var(--color);
    display: block
}

.news2 .wrap .top .r .button {
    margin: 61px 0 0 0;
    display: flex;
    gap: 0 17px
}

.news2 .wrap .top .r .button .circle {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    border: 1px solid var(--color);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .6s ease
}

.news2 .wrap .top .r .button .circle.swiper-button-disabled {
    opacity: .5;
    pointer-events: none
}

.news2 .wrap .top .r .button .circle:hover {
    background: var(--color)
}

.news2 .wrap .top .r .button .circle:hover .iconfont {
    color: #fff
}

.news2 .wrap .top .r .button .circle:first-child .iconfont {
    transform: rotate(180deg)
}

.news2 .wrap .top .r .button .circle .iconfont {
    color: var(--color);
    font-size: 17px;
    transition: .6s ease
}

.news2 .wrap .bottom {
    margin: 135px 0 0 0
}

.news2 .wrap .bottom .item {
    display: block
}

.news2 .wrap .bottom .item .joke {
    height: 344px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    position: relative;
    transition: .6s ease
}

.news2 .wrap .bottom .item .joke:hover {
    background: #FFFFFF;
    box-shadow: 9px 16px 27px 0px rgba(0, 0, 0, 0.08)
}

.news2 .wrap .bottom .item .joke:hover .img img {
    transform: scale(1.05)
}

.news2 .wrap .bottom .item .joke:after {
    content: '';
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #DDDDDD
}

.news2 .wrap .bottom .item:not(:last-child) {
    margin: 0 0 170px
}

.news2 .wrap .bottom .item .img {
    width: 440px;
    height: 320px;
    overflow: hidden;
    margin: 0 100px 0 0;
    border-radius: 10px
}

.news2 .wrap .bottom .item .img img {
    width: 100%;
    height: 100%;
    transition: 1s
}

.news2 .wrap .bottom .item .text {
    width: 685px
}

.news2 .wrap .bottom .item .text .time {
    font-weight: 500;
    font-size: 16px;
    color: #888888
}

.news2 .wrap .bottom .item .text .headline {
    font-weight: 500;
    font-size: 20px;
    color: #1A1A1A;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 20px 0 0 0
}

.news2 .wrap .bottom .item .text .pick {
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 26px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 53px 0 0 0
}

.news2 .wrap .bottom .item .text .more {
    margin: 43px 0 0 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--color)
}

.news2 .wrap .load_more {
    margin: 200px auto 0;
    width: 179px;
    height: 61px;
    background: #FFFFFF;
    box-shadow: 5px 9px 27px 0px rgba(0, 0, 0, 0.08);
    border-radius: 30px;
    border: 1px solid var(--color);
    display: flex;
    align-items: center;
    justify-content: center
}

.news2 .wrap .load_more p {
    font-weight: bold;
    font-size: 16px;
    color: var(--color)
}

.news2 .wrap .load_more .circle {
    display: flex;
    gap: 0 5px;
    margin: 0 0 0 15px
}

.news2 .wrap .load_more .circle span {
    width: 4px;
    height: 4px;
    background: var(--color);
    border-radius: 50%;
    animation: stretchdelay .8s infinite linear alternate;
    display: block;
    transform: translateY(3px)
}

.news2 .wrap .load_more .circle span:nth-child(2) {
    animation-delay: .6s
}

.newsInfo1 {
    position: relative;
    z-index: 1;
    padding: 250px 0 129px
}

.newsInfo1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 400px;
    background: #F4F7FB;
    z-index: -1;
    top: 0;
    left: 0
}

.newsInfo1 .wrap {
    width: 1200px;
    margin: auto
}

.newsInfo1 .wrap .top {
    display: flex;
    justify-content: space-between;
    margin: 0 0 133px
}

.newsInfo1 .wrap .top .l .p1 {
    font-weight: bold;
    font-size: 32px;
    color: #1A1A1A;
    margin: 0 0 45px
}

.newsInfo1 .wrap .top .l .time {
    font-weight: 500;
    font-size: 16px;
    color: #888888
}

.newsInfo1 .wrap .top .r {
    display: flex;
    align-items: center;
    height: fit-content
}

.newsInfo1 .wrap .top .r p {
    font-weight: 500;
    font-size: 16px;
    color: #888;
    margin: 0 12px 0 0
}

.newsInfo1 .wrap .top .r .dis {
    display: flex;
    gap: 0 10px
}

.newsInfo1 .wrap .top .r .dis .list {
    --color: #7BC549;
    width: 45px;
    height: 45px;
    border: 1px solid var(--color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.newsInfo1 .wrap .top .r .dis .list:nth-child(2) {
    --color: #FF763B
}

.newsInfo1 .wrap .top .r .dis .list:nth-child(3) {
    --color: #56B6E7
}

.newsInfo1 .wrap .top .r .dis .list .iconfont {
    color: var(--color);
    font-size: 22px
}

.newsInfo1 .wrap .content p {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 32px
}

.newsInfo1 .wrap .other {
    margin: 63px 0 0 0;
    border-top: 1px solid #E4E4E4;
    padding: 55px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.newsInfo1 .wrap .other a {
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    transition: .6s ease
}

.newsInfo1 .wrap .other a:hover {
    color: var(--color) !important
}

@keyframes stretchdelay {
    0% {
        transform: translateY(3px);
        -webkit-transform: translateY(3px)
    }
    100% {
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px)
    }
}

.acquiesce .header {
    background: transparent
}

.header.on {
    background: #fff !important
}

@media screen and (max-width: 1919px) {
    .news1 .wrap .title{
        font-size: 2.6041666667vw;
    }
    .news1 .wrap .cut{
        bottom: 5vw;
        height: 2.4479166667vw;
        border-radius: 1.25vw;
        padding: 0px 0.2083333333vw;
        gap: 0px 0.2604166667vw;
    }
    .news1 .wrap .cut a{
        width: 5.46875vw;
        height: 2.03125vw;
        border-radius: 1.0416666667vw;
        font-size: 0.78125vw;
    }
    .news2{
        padding: 6.5625vw 0px;
    }
    .news2 .wrap{
        width: 83.3333333333vw;
    }
    .news2 .wrap .top{
        width: 83.3333333333vw;
        height: 24.6875vw;
        border-radius: 0.625vw;
        padding: 0px 0.9375vw;
    }
    .news2 .wrap .top .l{
        margin: 0px 3.9583333333vw 0px 0px;
    }
    .news2 .wrap .top .l .lSwiper{
        width: 40.7291666667vw;
        height: 22.96875vw;
    }
    .news2 .wrap .top .l .lSwiper a{
        border-radius: 0.5208333333vw;
    }
    .news2 .wrap .top .r{
        width: 28.2291666667vw;
    }
    .news2 .wrap .top .r .flex .item .time{
        font-size: 0.8333333333vw;
    }
    .news2 .wrap .top .r .flex .item .headline{
        font-size: 1.25vw;
        margin: 2.34375vw 0px 0px;
    }
    .news2 .wrap .top .r .flex .item .pick{
        font-size: 0.8333333333vw;
        line-height: 1.3541666667vw;
        margin: 1.0416666667vw 0px 0px;
    }
    .news2 .wrap .top .r .flex .item .more{
        margin: 2.6041666667vw 0px 0px;
        font-size: 0.8333333333vw;
    }
    .news2 .wrap .top .r .button{
        margin: 3.1770833333vw 0px 0px;
        gap: 0px 0.8854166667vw;
    }
    .news2 .wrap .top .r .button .circle{
        width: 2.5520833333vw;
        height: 2.5520833333vw;
    }
    .news2 .wrap .top .r .button .circle .iconfont{
        font-size: 0.8854166667vw;
    }
    .news2 .wrap .bottom{
        margin: 7.03125vw 0px 0px;
    }
    .news2 .wrap .bottom .item .joke{
        height: 17.9166666667vw;
        border-radius: 0.625vw;
        padding: 0px 0.625vw;
    }
    .news2 .wrap .bottom .item .joke:hover{
        box-shadow: rgba(0, 0, 0, 0.08) 0.46875vw 0.8333333333vw 1.40625vw 0px;
    }
    .news2 .wrap .bottom .item .joke::after{
        bottom: -4.1666666667vw;
    }
    .news2 .wrap .bottom .item:not(:last-child){
        margin: 0px 0px 8.8541666667vw;
    }
    .news2 .wrap .bottom .item .img{
        width: 22.9166666667vw;
        height: 16.6666666667vw;
        margin: 0px 5.2083333333vw 0px 0px;
        border-radius: 0.5208333333vw;
    }
    .news2 .wrap .bottom .item .text{
        width: 35.6770833333vw;
    }
    .news2 .wrap .bottom .item .text .time{
        font-size: 0.8333333333vw;
    }
    .news2 .wrap .bottom .item .text .headline{
        font-size: 1.0416666667vw;
        margin: 1.0416666667vw 0px 0px;
    }
    .news2 .wrap .bottom .item .text .pick{
        font-size: 0.8333333333vw;
        line-height: 1.3541666667vw;
        margin: 2.7604166667vw 0px 0px;
    }
    .news2 .wrap .bottom .item .text .more{
        margin: 2.2395833333vw 0px 0px;
        font-size: 0.8333333333vw;
    }
    .news2 .wrap .load_more{
        margin: 10.4166666667vw auto 0px;
        width: 9.3229166667vw;
        height: 3.1770833333vw;
        box-shadow: rgba(0, 0, 0, 0.08) 0.2604166667vw 0.46875vw 1.40625vw 0px;
        border-radius: 1.5625vw;
    }
    .news2 .wrap .load_more p{
        font-size: 0.8333333333vw;
    }
    .news2 .wrap .load_more .circle{
        gap: 0px 0.2604166667vw;
        margin: 0px 0px 0px 0.78125vw;
    }
    .news2 .wrap .load_more .circle span{
        width: 0.2083333333vw;
        height: 0.2083333333vw;
        transform: translateY(0.15625vw);
    }
    .newsInfo1{
        padding: 13.0208333333vw 0px 6.71875vw;
    }
    .newsInfo1::after{
        height: 20.8333333333vw;
    }
    .newsInfo1 .wrap{
        width: 62.5vw;
    }
    .newsInfo1 .wrap .top{
        margin: 0px 0px 6.9270833333vw;
    }
    .newsInfo1 .wrap .top .l .p1{
        font-size: 1.6666666667vw;
        margin: 0px 0px 2.34375vw;
    }
    .newsInfo1 .wrap .top .l .time{
        font-size: 0.8333333333vw;
    }
    .newsInfo1 .wrap .top .r p{
        font-size: 0.8333333333vw;
        margin: 0px 0.625vw 0px 0px;
    }
    .newsInfo1 .wrap .top .r .dis{
        gap: 0px 0.5208333333vw;
    }
    .newsInfo1 .wrap .top .r .dis .list{
        width: 2.34375vw;
        height: 2.34375vw;
    }
    .newsInfo1 .wrap .top .r .dis .list .iconfont{
        font-size: 1.1458333333vw;
    }
    .newsInfo1 .wrap .content p{
        font-size: 0.8333333333vw;
        line-height: 1.6666666667vw;
    }
    .newsInfo1 .wrap .other{
        margin: 3.28125vw 0px 0px;
        padding: 2.8645833333vw 0px 0px;
    }
    .newsInfo1 .wrap .other a{
        font-size: 0.8333333333vw;
    }
}

@media screen and (max-width: 1024px) {
    .news1{
        margin: 60px 0 0 0;
    }
    .news1 .wrap .title{
        font-size: 24px;
    }
    .news1 .wrap .cut {
        width: fit-content;
        bottom: 15px;
        left: 50%;
        height: 47px;
        border-radius: 24px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        padding: 0 5px;
        gap: 0 5px;
    }
    .news1 .wrap .img{
        height: 300px;
    }
    .news1 .wrap .cut a{
        width: 80px;
        height: 37px;
        border-radius: 20px;
        font-size: 12px;
    }

    .news2{
        padding: 50px 0;
    }
    .news2 .wrap{
        width: 90%;
        margin: auto;
    }
    .news2 .wrap .top{
        width: 100%;
        height: auto;
        flex-direction: column;
        padding: 15px 15px 25px 15px;
        border-radius: 10px;
    }
    .news2 .wrap .top .l .lSwiper a{
        border-radius: 10px;
    }
    .news2 .wrap .top .l{
        width: 100%;
        margin: 0 0 20px;
    }
    .news2 .wrap .top .l .lSwiper {
        width: 100%;
        height: auto;
    }
    .news2 .wrap .top .r {
        width: 100%;
    }
    .news2 .wrap .top .r .flex .item .time{
        font-size: 13px;
    }
    .news2 .wrap .top .r .flex .item .headline{
        font-size: 16px;
        margin: 12px 0 0 0;
    }
    .news2 .wrap .top .r .flex .item .pick{
        font-size: 13px;
        line-height: 25px;
        margin: 15px 0 0 0;
    }
    .news2 .wrap .top .r .flex .item .more{
        margin: 15px 0 0 0;
        font-size: 14px;
    }
    .news2 .wrap .top .r .button{
        margin: 35px 0 0 0;
        gap: 0 10px;
    }
    .news2 .wrap .top .r .button .circle{
        width: 45px;
        height: 45px;
    }
    .news2 .wrap .top .r .button .circle .iconfont{
        font-size: 13px;
    }
    .news2 .wrap .bottom{
        margin: 25px 0 0 0;
    }
    .news2 .wrap .bottom .item:not(:last-child){
        margin: 0 0 45px;
    }
    .news2 .wrap .bottom .item .joke::after {
        bottom: -19px;
    }
    .news2 .wrap .bottom .item .joke{
        height: auto;
        flex-direction: column;
        border-radius: 15px;
        padding: 0;
    }
    .news2 .wrap .bottom .item .img{
        width: 100%;
        height: auto;
        margin: 0 0 15px;
        border-radius: 10px;
    }

    .news2 .wrap .bottom .item .text{
        width: 100%;
    }
    .news2 .wrap .bottom .item .text .time{
        font-size: 13px;
    }
    .news2 .wrap .bottom .item .text .headline{
        font-size: 18px;
        margin: 15px 0 0 0;
    }
    .news2 .wrap .bottom .item .text .pick{
        font-size: 14px;
        line-height: 30px;
        margin: 15px 0 0 0;
    }
    .news2 .wrap .bottom .item .text .more{
        margin: 15px 0 0 0;
        font-size: 14px;
    }
    .news2 .wrap .load_more{
        width: 120px;
        height: 40px;
        border-radius: 25px;
        margin: 50px auto 0;
    }
    .news2 .wrap .load_more p{
        font-size: 12px;
    }
    .news2 .wrap .load_more .circle{
        gap: 0 5px;
        margin: 0 0 0 8px;
    }
    .news2 .wrap .load_more .circle span {
        width: 4px;
        height: 4px;
        background: var(--color);
        transform: translateY(3px);
    }

    .newsInfo1{
        padding: 100px 0 50px;
    }
    .newsInfo1 .wrap{
        width: 90%;
    }
    .newsInfo1 .wrap .top .l .p1{
        font-size: 18px;
        margin: 0 0 10px;
    }
    .newsInfo1 .wrap .top{
        margin: 0 0 50px;
        flex-direction: column;
    }
    .newsInfo1 .wrap .top .l .time{
        font-size: 14px;
    }
    .newsInfo1 .wrap .top .r{
        margin: 15px 0 0 0;
    }
    .newsInfo1 .wrap .top .r p{
        font-size: 14px;
        margin: 0 8px 0 0;
    }
    .newsInfo1 .wrap .top .r .dis{
        gap: 0 15px;
    }
    .newsInfo1 .wrap .top .r .dis .list{
        width: 35px;
        height: 35px;
    }
    .newsInfo1 .wrap .top .r .dis .list .iconfont{
        font-size: 14px;
    }
    .newsInfo1::after {
        height: 250px;
    }
    .newsInfo1 .wrap .content p{
        font-size: 13px;
        line-height: 27px;
    }
    .newsInfo1 .wrap .other{
        margin: 34px 0 0 0;
        padding: 25px 0 0 0;
        flex-direction: column;
        align-items: unset;
    }
    .newsInfo1 .wrap .other a{
        font-size: 12px;
    }
    .newsInfo1 .wrap .other a:not(:last-child) {
        margin: 0 0 15px;
    }
}