.news1 {
    padding: 0 1.0416666667vw 2.3958333333vw 1.0416666667vw
}

.news1 .wrap .big {
    width: 100%;
    height: 41.6666666667vw;
    position: relative;
    margin: 4.7916666667vw 0 0 0
}

.news1 .wrap .big img {
    width: 100%;
    height: 100%
}

.news1 .wrap .cut {
    margin: 56px 0 0 0;
    display: flex;
    gap: 12px
}

.news1 .wrap .cut .list {
    width: 366px;
    height: 78px;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'BMWTypeWebBoldAll', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #1A1A1A;
    cursor: pointer;
    transition: .6s ease
}

.news1 .wrap .cut .list:hover, .news1 .wrap .cut .list.on {
    background: #FFFFFF;
    border: 1px solid transparent
}

.news1 .wrap .content {
    margin: 7.0833333333vw 0 0 0
}

.news1 .wrap .content .item {
    padding: 0 4.6875vw 5.6770833333vw 6.5104166667vw;
    border-bottom: 1px solid #E9E9E9;
    display: flex;
    justify-content: space-between
}

.news1 .wrap .content .item:not(:last-child) {
    margin: 0 0 5.2083333333vw
}

.news1 .wrap .content .item .l {
    display: flex;
    gap: 7.0833333333vw
}

.news1 .wrap .content .item .l .time {
    display: flex;
    gap: 1.3541666667vw
}

.news1 .wrap .content .item .l .time span {
    font-family: 'BMWTypeWebBoldAll', sans-serif;
    font-weight: bold;
    font-size: 3.2291666667vw;
    color: #1A1A1A;
    line-height: 1.6666666667vw
}

.news1 .wrap .content .item .l .time p {
    font-weight: 400;
    font-size: .9375vw;
    color: #1A1A1A
}

.news1 .wrap .content .item .l .message {
    width: 27.65625vw
}

.news1 .wrap .content .item .l .message .p1 {
    font-family: 'BMWTypeWebBoldAll', sans-serif;
    font-weight: bold;
    font-size: 1.25vw;
    color: #1A1A1A;
    line-height: 1.6666666667vw;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 1.7708333333vw
}

.news1 .wrap .content .item .l .message .p2 {
    font-weight: 400;
    font-size: .8333333333vw;
    color: #888888;
    line-height: 1.25vw;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 6.6666666667vw
}

.news1 .wrap .content .item .l .message .more {
    width: 7.2916666667vw;
    height: 3.125vw;
    border-radius: .2083333333vw;
    border: 1px solid #888888;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .46875vw;
    transition: .6s ease
}

.news1 .wrap .content .item .l .message .more:hover {
    border: 1px solid transparent;
    background: #000
}

.news1 .wrap .content .item .l .message .more:hover p, .news1 .wrap .content .item .l .message .more:hover .iconfont {
    color: #fff
}

.news1 .wrap .content .item .l .message .more p {
    font-family: 'BMWTypeWebBoldAll', sans-serif;
    font-weight: bold;
    font-size: .7291666667vw;
    color: #888888;
    transition: .6s ease
}

.news1 .wrap .content .item .l .message .more .iconfont {
    color: #888888;
    font-size: .5208333333vw;
    position: relative;
    top: 1px;
    transition: .6s ease
}

.news1 .wrap .content .item .img {
    width: 34.3229166667vw;
    height: 18.3333333333vw;
    border-radius: .5208333333vw;
    display: block;
    overflow: hidden
}

.news1 .wrap .content .item .img:hover img {
    transform: scale(1.05)
}

.news1 .wrap .content .item .img img {
    width: 100%;
    height: 100%
}

.news1 .wrap .load_more {
    margin: 3.6458333333vw auto 0;
    width: 7.2916666667vw;
    height: 3.125vw;
    background: #232323;
    border-radius: .2083333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: .7291666667vw;
    color: #FFFFFF
}

.newsInfo1 {
    padding: 10.8854166667vw 0 5.5208333333vw 0
}

.newsInfo1 .wrap {
    width: 72.9166666667vw;
    margin: auto;
    display: flex;
    justify-content: space-between
}

.newsInfo1 .wrap .z {
    width: 52.0833333333vw
}

.newsInfo1 .wrap .y {
    width: 305px
}

.newsInfo1 .wrap .y .pic {
    width: 141px;
    height: 141px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 0
}

.newsInfo1 .wrap .y .pic img {
    width: 100%;
    height: 100%
}

.newsInfo1 .wrap .y .color {
    width: 100%;
    background: #FFFFFF;
    border-radius: 11px;
    padding: 100px 34px 45px 40px;
    margin-top: -70px
}

.newsInfo1 .wrap .y .color .p1 {
    font-weight: 500;
    font-size: 16px;
    color: #1A1A1A;
    margin: 0 0 35px;
    text-align: center
}

.newsInfo1 .wrap .y .color .p2 {
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 24px
}

.newsInfo1 .wrap .title {
    font-weight: bold;
    font-size: 42px;
    font-family: 'BMWTypeWebBoldAll', sans-serif;
    color: #1A1A1A;
    line-height: 36px;
    margin: 0 0 24px
}

.newsInfo1 .wrap .time {
    display: flex;
    gap: 18px
}

.newsInfo1 .wrap .time p {
    font-weight: 500;
    font-size: 18px;
    color: #1A1A1A
}

.newsInfo1 .wrap .line {
    width: 100%;
    height: 1px;
    background: #E9E9E9;
    margin: 3.0729166667vw 0 2.5vw 0
}

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

.newsInfo1 .wrap .content img {
    width: 100%;
    height: auto
}

.newsInfo1 .wrap .other {
    display: flex;
    justify-content: space-between;
    margin: 4.0104166667vw 0 0 0
}

.newsInfo1 .wrap .other .list {
    width: 24.7916666667vw;
    height: 7.8125vw;
    background: #FFFFFF;
    border-radius: .4166666667vw;
    padding: 1.5625vw 2.0833333333vw;
    display: block
}

.newsInfo1 .wrap .other .list:hover .label {
    background: #000;
    color: #fff
}

.newsInfo1 .wrap .other .list .label {
    width: 4.4791666667vw;
    height: 1.9791666667vw;
    background: #E3E3E1;
    border-radius: .2083333333vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: #1A1A1A;
    margin: 0 0 1.0416666667vw;
    transition: .6s ease
}

.newsInfo1 .wrap .other .list p {
    font-weight: 400;
    font-size: 16px;
    color: #1A1A1A
}

@media screen and (max-width: 1919px) {
    .news1 .wrap .cut{
        margin: 2.9166666667vw 0px 0px;
        gap: 0.625vw;
    }
    .news1 .wrap .cut .list{
        width: 19.0625vw;
        height: 4.0625vw;
        border-radius: 0.4166666667vw;
        font-size: 0.9375vw;
    }
    .newsInfo1 .wrap .y{
        width: 15.8854166667vw;
    }
    .newsInfo1 .wrap .y .pic{
        width: 7.34375vw;
        height: 7.34375vw;
    }
    .newsInfo1 .wrap .y .color{
        border-radius: 0.5729166667vw;
        padding: 5.2083333333vw 1.7708333333vw 2.34375vw 2.0833333333vw;
        margin-top: -3.6458333333vw;
    }
    .newsInfo1 .wrap .y .color .p1{
        font-size: 0.8333333333vw;
        margin: 0px 0px 1.8229166667vw;
    }
    .newsInfo1 .wrap .y .color .p2{
        font-size: 0.8333333333vw;
        line-height: 1.25vw;
    }
    .newsInfo1 .wrap .title{
        font-size: 2.1875vw;
        line-height: 1.875vw;
        margin: 0px 0px 1.25vw;
    }
    .newsInfo1 .wrap .time{
        gap: 0.9375vw;
    }
    .newsInfo1 .wrap .time p{
        font-size: 0.9375vw;
    }
    .newsInfo1 .wrap .content p{
        font-size: 0.8333333333vw;
        line-height: 1.6666666667vw;
    }
    .newsInfo1 .wrap .other .list .label{
        font-size: 0.8333333333vw;
    }
    .newsInfo1 .wrap .other .list p{
        font-size: 0.8333333333vw;
    }
}

@media screen and (max-width: 1024px) {
    .news1{
        padding: 0 5% 30px 5%;
    }
    .news1 .wrap .big {
        height: auto;
        margin: 20px 0 0 0;
    }
    .news1 .wrap .cut{
        flex-wrap: wrap;
        gap: 10px 13px;
        margin: 20px 0 0 0;
    }
    .news1 .wrap .cut .list{
        width: fit-content;
        padding: 11px 15px;
        border-radius: 7px;
        font-size: 12px;
        height: auto;
    }
    .news1 .wrap .content{
        margin: 40px 0 0 0;
    }

    .news1 .wrap .content .item:not(:last-child) {
        margin: 0 0 35px;
    }
    .news1 .wrap .content .item{
        padding: 0 0 35px;
        flex-direction: column-reverse;
    }
    .news1 .wrap .content .item .l{
        flex-direction: column;
        gap: 12px;
    }
    .news1 .wrap .content .item .l .time span{
        font-size: 22px;
        line-height: 22px;
    }
    .news1 .wrap .content .item .l .time p{
        font-size: 12px;
    }
    .news1 .wrap .content .item .l .time{
        gap: 12px;
        align-items: center;
    }
    .news1 .wrap .content .item .l .message {
        width: 100%;
        margin: 5px 0 0 0;
    }
    .news1 .wrap .content .item .l .message .p1{
        font-size: 16px;
        line-height: 1.4;
        margin: 0 0 15px;
    }
    .news1 .wrap .content .item .l .message .p2{
        font-size: 12px;
        line-height: 1.5;
    }
    .news1 .wrap .content .item .l .message .more{
        width: fit-content;
        height: 40px;
        padding: 0 15px;
        border-radius: 7px;
        gap: 12px;
    }
    .news1 .wrap .content .item .l .message .more p{
        font-size: 13px;
    }
    .news1 .wrap .content .item .l .message .more .iconfont{
        font-size: 10px;
    }
    .news1 .wrap .content .item .img{
        width: 100%;
        height: auto;
        border-radius: 7px;
        margin: 0 0 25px ;
    }

}


@media screen and (max-width: 1024px) {
    .newsInfo1{
        padding: 90px 0 30px 0;
    }
    .newsInfo1 .wrap{
        width: 90%;
        flex-direction: column;
    }

    .newsInfo1 .wrap .z{
        width: 100%;
    }

    .newsInfo1 .wrap .title{
        font-size: 16px;
        line-height: 25px;
        margin: 0 0 12px;
    }
    .newsInfo1 .wrap .time{
        gap: 12px;
    }

    .newsInfo1 .wrap .time p{
        font-size: 12px;
    }

    .newsInfo1 .wrap .content p{
        font-size: 12px;
        line-height: 27px;
    }

    .newsInfo1 .wrap .line{
        margin: 16px 0;
    }

    .newsInfo1 .wrap .other .list{
        width: 100%;
        height: auto;
        border-radius: 7px;
        padding: 15px 5%;
    }
    .newsInfo1 .wrap .other .list .label{
        font-size: 13px;
        width: fit-content;
        height: auto;
        border-radius: 5px;
        padding: 8px 17px;
        margin: 0 0 10px;
    }
    .newsInfo1 .wrap .other .list p{
        font-size: 12px;
    }
    .newsInfo1 .wrap .y{
        width: 100%;
        margin: 30px 0 0 0;
    }
    .newsInfo1 .wrap .y .pic{
        width: 80px;
        height: 80px;
    }
    .newsInfo1 .wrap .y .color{
        padding: 60px 5% 30px 5%;
        margin-top: -40px;
        border-radius: 10px;
    }
    .newsInfo1 .wrap .y .color .p1{
        font-size: 18px;
        margin: 0 0 15px;
    }
    .newsInfo1 .wrap .y .color .p2{
        font-size: 13px;
        line-height: 22px;
    }
    .newsInfo1 .wrap .other{
        gap: 10px;
        margin: 15px 0 0 0;
        flex-direction: column;
    }

}