.common_banner .parallax {
    align-items: flex-end
}

.common_banner .parallax .wrap {
    padding: 0 0 133px
}

.common_banner .parallax .wrap .title {
    margin: 0 0 15px
}

.common_banner .parallax .wrap .text {
    line-height: 22px;
    height: 22px;
    font-size: 16px
}

.sec1 {
    background: #F5F5F7;
    padding: 120px 0 100px
}

.sec1 .wrap .title {
    font-weight: bold;
    font-size: 40px;
    color: #004C9C;
    margin-bottom: 40px
}

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

.sec1 .wrap .content .l {
    width: 604px
}

.sec1 .wrap .content .l h5 {
    font-weight: bold;
    font-size: 20px;
    color: #111111;
    margin-bottom: 10px
}

.sec1 .wrap .content .l p {
    font-weight: 400;
    font-size: 16px;
    color: #5F6977;
    line-height: 30px
}

.sec1 .wrap .content .r {
    width: 700px
}

.sec1 .wrap .title1 {
    font-weight: bold;
    font-size: 36px;
    color: #004C9C;
    margin: 114px 0 28px
}

.sec1 .wrap .list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 40px
}

.sec1 .wrap .list .item {
    width: 440px
}

.sec1 .wrap .list .item .img {
    width: 100%;
    height: 285px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px
}

.sec1 .wrap .list .item .img img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 3s
}

.sec1 .wrap .list .item p {
    font-weight: bold;
    font-size: 18px;
    color: #111111
}

.sec1 .wrap .list .item:hover .img img {
    transform: scale(1.1)
}

.sec2 {
    padding: 120px 0 127px
}

.sec2 .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sec2 .wrap .l {
    width: 604px
}

.sec2 .wrap .l h5 {
    font-weight: bold;
    font-size: 36px;
    color: #004C9C;
    margin-bottom: 35px
}

.sec2 .wrap .l p {
    font-weight: 400;
    font-size: 16px;
    color: #5F6977;
    line-height: 30px
}

.sec2 .wrap .r {
    width: 700px
}

@media screen and (max-width: 1919px) {
    .common_banner .parallax .wrap{
        padding: 0px 0px 6.9270833333vw;
    }
    .common_banner .parallax .wrap .title{
        margin: 0px 0px 0.78125vw;
    }
    .common_banner .parallax .wrap .text{
        line-height: 1.1458333333vw;
        height: 1.1458333333vw;
        font-size: 0.8333333333vw;
    }
    .sec1{
        padding: 6.25vw 0px 5.2083333333vw;
    }
    .sec1 .wrap .title{
        font-size: 2.0833333333vw;
        margin-bottom: 2.0833333333vw;
    }
    .sec1 .wrap .content .l{
        width: 31.4583333333vw;
    }
    .sec1 .wrap .content .l h5{
        font-size: 1.0416666667vw;
        margin-bottom: 0.5208333333vw;
    }
    .sec1 .wrap .content .l p{
        font-size: 0.8333333333vw;
        line-height: 1.5625vw;
    }
    .sec1 .wrap .content .r{
        width: 36.4583333333vw;
    }
    .sec1 .wrap .title1{
        font-size: 1.875vw;
        margin: 5.9375vw 0px 1.4583333333vw;
    }
    .sec1 .wrap .list{
        gap: 2.6041666667vw 2.0833333333vw;
    }
    .sec1 .wrap .list .item{
        width: 22.9166666667vw;
    }
    .sec1 .wrap .list .item .img{
        height: 14.84375vw;
        border-radius: 0.5208333333vw;
        margin-bottom: 1.0416666667vw;
    }
    .sec1 .wrap .list .item p{
        font-size: 0.9375vw;
    }
    .sec2{
        padding: 6.25vw 0px 6.6145833333vw;
    }
    .sec2 .wrap .l{
        width: 31.4583333333vw;
    }
    .sec2 .wrap .l h5{
        font-size: 1.875vw;
        margin-bottom: 1.8229166667vw;
    }
    .sec2 .wrap .l p{
        font-size: 0.8333333333vw;
        line-height: 1.5625vw;
    }
    .sec2 .wrap .r{
        width: 36.4583333333vw;
    }
}
@media screen and (max-width: 1024px) {
    .common_banner .parallax .wrap .text{
        font-size: 13px;
        height: auto;
        line-height: 25px;
        margin: 15px 0 0 0;
    }
    .common_banner .parallax .wrap{
        padding: 0 5% 40px 5%;
    }
    .sec1{
        padding: 40px 0;
    }
    .sec1 .wrap .title{
        font-size: 22px;
        margin: 0 0 20px;
    }
    .sec1 .wrap .content{
        flex-direction: column;
    }
    .sec1 .wrap .content .l{
        width: 100%;
    }
    .sec1 .wrap .content .l h5{
        font-size: 16px;
        margin: 0 0 15px;
    }
    .sec1 .wrap .content .l p{
        font-size: 13px;
        line-height: 25px;
    }
    .sec1 .wrap .content .r{
        width: 100%;
        margin: 20px 0 0 0;
    }
    .sec1 .wrap .title1{
        font-size: 22px;
        margin: 50px 0 30px;
    }
    .sec1 .wrap .list{
        gap: 20px;
    }
    .sec1 .wrap .list .item{
        width: 100%;
    }
    .sec1 .wrap .list .item .img{
        height: auto;
        border-radius: 10px;
        margin-bottom: 15px;
    }
    .sec1 .wrap .list .item p{
        font-size: 15px;
    }
    .sec2{
        padding: 40px 0 ;
    }
    .sec2 .wrap{
        flex-direction: column;
        align-items: unset;
    }
    .sec2 .wrap .l{
        width: 100%;
    }
    .sec2 .wrap .l h5{
        font-size: 22px;
        margin: 0 0 10px;
    }
    .sec2 .wrap .l p{
        font-size: 13px;
        line-height: 25px;
    }
    .sec2 .wrap .r{
        width: 100%;
        margin: 15px 0 0 0;
    }
}