@media screen and (max-height: 720px) {
    #onep {
        width: 100%;
        height: 100%;
        font-size: 2vw;
    }

    .aa {
        position: relative;
        top: 0px;
        left: 0;
        width: 100%;
        height: 7vw;
        display: flex;
    }

    .aa>div {
        width: 13%;
        text-align: end;
        left: 22vw;
        position: relative;
        line-height: 0;
        top: 1vw;
        transform: scale(0.7);
        z-index: 2;
    }

    .aa>div>button {
        font-size: 3vw;
        font-weight: bold;
    }

    .aa figure {
        position: absolute;
        width: 45%;
        top: 3vw;
        left: -5vw;
    }

    .bb figure:nth-child(2) {
        margin: 2vh auto;
    }

    .bb figure:last-child {
        margin: 1.5vh auto;
        /* position: absolute;
        top: 20.5vw;
        right: 8vw;
        width: 20%; */
    }

    .cc {
        background: url(../img/1-t2.png)no-repeat center;
        background-size: 100% 100%;
        margin-top: -1vw;
        padding: 0px 10vw;
        position: relative;
    }

    .cc div>div:first-child {
        width: 35%;
        padding: 3vw 0 2vw;
    }

    .cc div>div>button {
        position: absolute;
        right: 6vw;
        top: 5vw;
        width: 8%;
        height: 2vw;
        background-color: #e70517;
        text-align: center;
        font-size: 2vw;
        color: white;
    }

    .cc div>div>h4 {
        margin-bottom: 2vw;
    }

    .cc div>div>p {
        text-indent: 2vw;
    }

    .cc div>div:last-child {
        padding-bottom: 4vw;
    }

    .dd {
        padding: 0px 8vw;
        position: relative;
        height: 63vw;
    }

    .dd .hyfw {
        width: 5000px;
    }

    .dd .hyfw>div {
        width: 22vw;
        float: left;
        margin: 10vw 0 0 0px;
    }

    .dd h3 {
        text-align: center;
        font-weight: 500;
        margin-top: 3vw;
    }

    .dd .hyfw>div>div:first-child {
        width: 37%;
        margin: 0 auto;
    }

    .dd .hyfw p {
        font-size: 1.7vw;
        padding: 1vw 2vw 0 2vw;
    }

    .dd>div:first-child {
        width: 58%;
        padding: 6vw 0 2vw;
    }

    .dd div>button {
        position: absolute;
        right: 7vw;
        top: 9vw;
        width: 8%;
        height: 2.5vw;
        background-color: #e70517;
        text-align: center;
        font-size: 2vw;
        color: white;
    }

    .dd>div:last-child {
        height: 50vw;
    }

    .jt1 {
        position: absolute;
        bottom: 22vw;
        left: 4vw;
        width: 3%;
    }

    .jt2 {
        position: absolute;
        bottom: 22vw;
        right: 4vw;
        width: 3%;
    }

    .ee {
        padding: 0px 10vw;
        position: relative;
        top: -1vw;
        height: 87vw;
        z-index: 2;
    }

    .bg {
        position: relative;
        overflow: hidden;
    }

    .bg1 {
        position: absolute;
        background-color: #f1f1f1;
        width: 95%;
        height: 82vw;
        top: 0;
        z-index: 1;
    }

    .bg2 {
        position: absolute;
        background-color: #e70517;
        width: 93%;
        height: 82vw;
        top: 5vw;
        left: 7vw;
        z-index: 0;
    }

    .ee>div:first-child {
        width: 44%;
        padding: 3vw 0 2vw;
    }



    /* .ee>div:last-child>div{
        display: flex;
    } */
    .ee>div:last-child>div>div:first-child>img {
        width: 24vw;
        height: 14vw;
    }

    .ee>div:last-child>div {
        width: 24vw;
        height: 32vw;
        background: white;
        box-shadow: #dedede 1px 1px 10px 1px;
        margin: 2vw 2vw 0 0;
        box-sizing: border-box;
        float: left;
    }

    .one {
        padding: 2vw 3vw 0 3vw;
        text-align: justify;
        height: 16vw;
    }

    .one>p:first-child {
        color: #e40013;
        font-size: 1.8vw;
        font-weight: bold;
        margin-bottom: 1vw;
    }

    .one>p:last-child {
        font-size: 1.5vw;
        font-weight: bold;
    }

    .ckgd {
        position: relative;
        left: 3vw;
        bottom: 5vw;
    }

    .ckgd>button {
        color: white;
        background: #e40013;
        width: 9vw;
        height: 3vw;
        font-size: 1.5vw;
        border-radius: 15px;
    }

    .ff {
        padding: 0px 10vw;
        position: relative;
        top: -1vw;
        height: 68vw;
    }

    .ff>div:first-child {
        width: 45%;
        padding: 3.6vw 0 2vw;
    }



    .jcal1>img {
        height: 24vw;
        width: 40vw;
    }

    .jcal4>img,
    .jcal5>img,
    .jcal6>img {
        width: 35vw;
        height: 15.5vw;
    }

    .jcal2>img {
        width: 15vw;
        height: 24vw;
    }

    .jcal3>img {
        width: 24vw;
        height: 24vw;
    }

    .ff>div:last-child {
        display: flex;
    }

    .ff>div:last-child>div:last-child div {
        height: 16.5vw;
    }

    .ff>div:last-child>div:first-child {
        margin-right: 1vw;
    }

    .ff>div:last-child>div:first-child>div:last-child {
        display: flex
    }

    .ff>div:last-child>div:first-child>div:last-child>div:first-child {
        margin-right: 1vw;
    }

    .gg {
        padding: 0px 10vw;
        position: relative;
        top: -1vw;
        background: url("../img/1-t3.png")no-repeat center;
        background-size: 100%;
    }

    .gg>div:first-child {
        width: 35%;
        padding: 3vw 0 2vw;
    }

    .gg h4 {
        color: #e40013;
    }

    .fl1,
    .fl2 {
        display: flex;
        height: 11vw;
    }

    .fl1>div:first-child,
    .fl2>div:first-child {
        width: 60%
    }

    .fl3 {
        width: 20%;
    }


    .hh {
        background-color: #e40013;
        background-size: 100%;
        height: 35vw;
        font-size: 3vw;
        position: relative;
        color: white;
        /* position: absolute;
        bottom: 0;
        width: 100%; */
    }

    .hh>div:first-child {
        width: 17vw;
        height: 17vw;
        position: absolute;
        left: 25vw;
        bottom: 9vw;
    }

    .hh>div:last-child {
        display: flex;
        height: 35vw;
        align-items: center;
    }

    .hh>div:last-child>div:first-child {
        width: 45%;
        padding-left: 7vw;
        font-size: 2vw;
    }

    .hh>div:last-child>div:last-child {
        width: 55%;
        border-left: 2px solid white;
        padding-left: 4vw;
    }

    .zz {
        font-size: 1.5vw;
        line-height: 3vw;
        position: relative;
    }

    .dz {
        font-size: 1.7vw;
        line-height: 3vw;
        position: relative;
    }

}


@media screen and (min-height: 720px) and (max-width: 1000px) {
    #onep {
        width: 100%;
        height: 100%;
        font-size: 2vw;
    }

    .aa {
        position: relative;
        top: 0px;
        left: 0;
        width: 100%;
        height: 7vw;
        display: flex;
    }

    .aa>div {
        width: 13%;
        text-align: end;
        left: 22vw;
        position: relative;
        line-height: 0;
        top: 1vw;
        transform: scale(0.7);
        z-index: 2;
    }

    .aa>div>button {
        font-size: 3vw;
        font-weight: bold;
    }

    .aa figure {
        position: absolute;
        width: 45%;
        top: 3vw;
        left: -5vw;
    }

    .bb figure:nth-child(2) {
        margin: 2.5vh auto;
    }

    .bb figure:last-child {
        margin: 2.5vh auto;
        /* position: absolute;
        top: 20.5vw;
        right: 8vw;
        width: 20%; */
    }

    .cc {
        background: url(../img/1-t2.png)no-repeat center;
        background-size: 100% 100%;
        margin-top: -1vw;
        padding: 0px 10vw;
        position: relative;
    }

    .cc div>div:first-child {
        width: 35%;
        padding: 3vw 0 2vw;
    }

    .cc div>div>button {
        position: absolute;
        right: 6vw;
        top: 5vw;
        width: 8%;
        height: 2vw;
        background-color: #e70517;
        text-align: center;
        font-size: 2vw;
        color: white;
    }

    .cc div>div>h4 {
        margin-bottom: 2vw;
    }

    .cc div>div>p {
        text-indent: 2vw;
    }

    .cc div>div:last-child {
        padding-bottom: 4vw;
    }

    .dd {
        padding: 0px 8vw;
        position: relative;
        height: 63vw;
    }

    .dd .hyfw {
        width: 5000px;
    }

    .dd .hyfw>div {
        width: 22vw;
        float: left;
        margin: 10vw 0 0 0px;
    }

    .dd h3 {
        text-align: center;
        font-weight: 500;
        margin-top: 3vw;
    }

    .dd .hyfw>div>div:first-child {
        width: 37%;
        margin: 0 auto;
    }

    .dd .hyfw p {
        font-size: 1.7vw;
        padding: 1vw 2vw 0 2vw;
    }

    .dd>div:first-child {
        width: 58%;
        padding: 6vw 0 2vw;
    }

    .dd div>button {
        position: absolute;
        right: 7vw;
        top: 9vw;
        width: 8%;
        height: 2.5vw;
        background-color: #e70517;
        text-align: center;
        font-size: 2vw;
        color: white;
    }

    .dd>div:last-child {
        height: 50vw;
    }

    .jt1 {
        position: absolute;
        bottom: 22vw;
        left: 4vw;
        width: 3%;
    }

    .jt2 {
        position: absolute;
        bottom: 22vw;
        right: 4vw;
        width: 3%;
    }

    .ee {
        padding: 0px 10vw;
        position: relative;
        top: -1vw;
        height: 87vw;
        z-index: 2;
    }

    .bg {
        position: relative;
        overflow: hidden;
    }

    .bg1 {
        position: absolute;
        background-color: #f1f1f1;
        width: 95%;
        height: 82vw;
        top: 0;
        z-index: 1;
    }

    .bg2 {
        position: absolute;
        background-color: #e70517;
        width: 93%;
        height: 82vw;
        top: 5vw;
        left: 7vw;
        z-index: 0;
    }

    .ee>div:first-child {
        width: 44%;
        padding: 3vw 0 2vw;
    }



    /* .ee>div:last-child>div{
        display: flex;
    } */
    .ee>div:last-child>div>div:first-child>img {
        width: 24vw;
        height: 14vw;
    }

    .ee>div:last-child>div {
        width: 24vw;
        height: 32vw;
        background: white;
        box-shadow: #dedede 1px 1px 10px 1px;
        margin: 2vw 2vw 0 0;
        box-sizing: border-box;
        float: left;
    }

    .one {
        padding: 2vw 3vw 0 3vw;
        text-align: justify;
        height: 16vw;
    }

    .one>p:first-child {
        color: #e40013;
        font-size: 1.8vw;
        font-weight: bold;
        margin-bottom: 1vw;
    }

    .one>p:last-child {
        font-size: 1.5vw;
        font-weight: bold;
    }

    .ckgd {
        position: relative;
        left: 3vw;
        bottom: 5vw;
    }

    .ckgd>button {
        color: white;
        background: #e40013;
        width: 9vw;
        height: 3vw;
        font-size: 1.5vw;
        border-radius: 15px;
    }

    .ff {
        padding: 0px 10vw;
        position: relative;
        top: -1vw;
        height: 68vw;
    }

    .ff>div:first-child {
        width: 45%;
        padding: 3.6vw 0 2vw;
    }



    .jcal1>img {
        height: 24vw;
        width: 40vw;
    }

    .jcal4>img,
    .jcal5>img,
    .jcal6>img {
        width: 35vw;
        height: 15.5vw;
    }

    .jcal2>img {
        width: 15vw;
        height: 24vw;
    }

    .jcal3>img {
        width: 24vw;
        height: 24vw;
    }

    .ff>div:last-child {
        display: flex;
    }

    .ff>div:last-child>div:last-child div {
        height: 16.5vw;
    }

    .ff>div:last-child>div:first-child {
        margin-right: 1vw;
    }

    .ff>div:last-child>div:first-child>div:last-child {
        display: flex
    }

    .ff>div:last-child>div:first-child>div:last-child>div:first-child {
        margin-right: 1vw;
    }

    .gg {
        padding: 0px 10vw;
        position: relative;
        top: -1vw;
        background: url("../img/1-t3.png")no-repeat center;
        background-size: 100%;
    }

    .gg>div:first-child {
        width: 35%;
        padding: 3vw 0 2vw;
    }

    .gg h4 {
        color: #e40013;
    }

    .fl1,
    .fl2 {
        display: flex;
        height: 11vw;
    }

    .fl1>div:first-child,
    .fl2>div:first-child {
        width: 60%
    }

    .fl3 {
        width: 20%;
    }


    .hh {
        background-color: #e40013;
        background-size: 100%;
        height: 35vw;
        font-size: 3vw;
        /* position: relative; */
        color: white;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .hh>div:first-child {
        width: 17vw;
        height: 17vw;
        position: absolute;
        left: 25vw;
        bottom: 9vw;
    }

    .hh>div:last-child {
        display: flex;
        height: 35vw;
        align-items: center;
    }

    .hh>div:last-child>div:first-child {
        width: 45%;
        padding-left: 7vw;
        font-size: 2vw;
    }

    .hh>div:last-child>div:last-child {
        width: 55%;
        border-left: 2px solid white;
        padding-left: 4vw;
    }

    .zz {
        font-size: 1.5vw;
        line-height: 3vw;
        position: relative;
    }

    .dz {
        font-size: 1.7vw;
        line-height: 3vw;
        position: relative;
    }
}

@media screen and (min-width: 1000px) {
    #onep {
        width: 100%;
        height: auto;
        font-size: 1.5vw;
    }

    .aa {
        position: relative;
        top: 0px;
        left: 0;
        width: 100%;
        height: 11.4vh;
        display: flex;
    }

    .aa>div {
        width: 8.85vw;
        text-align: end;
        left: 44.3vw;
        position: relative;
        line-height: 6vw;
    }

    .aa>div>button {
        font-size: 1.5vw;
        font-weight: bold;
    }

    .aa figure {
        position: absolute;
        width: 45%;
        top: 1.35vw;
    }

    .bb figure:last-child {
        margin: 1.5vw auto;
        /* position: absolute;
        top: 18.75vw;
        right: 8.2vw;
        width: 20%; */
    }

    .cc {
        background: url(../img/1-t2.png)no-repeat center;
        background-size: 100% 100%;
        top: -9px;
        padding: 0px 313px;
        position: relative;
        height: 1004px;
    }

    .cc div>div:first-child {
        width: 39%;
        padding: 69px 0 50px;
    }

    .cc div>div>button {
        position: absolute;
        right: 323px;
        top: 110px;
        width: 7.5%;
        height: 44px;
        background-color: #e70517;
        text-align: center;
        font-size: 1.5vw;
        color: white;
    }

    .cc div>div>h4 {
        margin-bottom: 54px;
    }

    .cc div>div>p {
        text-indent: 2vw;
    }

    /* .cc div>div:last-child{
        padding-bottom: 400px;
    } */
    .dd {
        padding: 0px 306px;
        position: relative;
        height: 771px;
    }

    .dd .hyfw {
        width: 5000px;
    }

    .dd .hyfw>div {
        width: 326px;
        float: left;
        margin: 118px 0 0 0px;
    }

    .dd h3 {
        text-align: center;
        font-weight: 500;
        margin-top: 29px;
    }

    .dd .hyfw>div>div:first-child {
        width: 37%;
        margin: 0 auto;
    }

    .dd .hyfw p {
        font-size: 0.9vw;
        padding: 18px 20px 0 20px;
    }

    .dd>div:first-child {
        width: 58%;
        padding: 68px 0 20px;
    }

    .dd div>button {
        position: absolute;
        right: 323px;
        top: 110px;
        width: 7.5%;
        height: 44px;
        background-color: #e70517;
        text-align: center;
        font-size: 1.5vw;
        color: white;
    }

    .dd>div:last-child {
        height: 546px;
    }

    .jt1 {
        position: absolute;
        bottom: 236px;
        left: 250px;
        width: 3%;
    }

    .jt2 {
        position: absolute;
        bottom: 236px;
        right: 250px;
        width: 3%;
    }



    .ee {
        padding-left: 303px;
        position: relative;
        top: 0;
        height: 1080px;
        z-index: 2;
    }

    .bg {
        position: relative;
        height: 1200px;
        overflow: hidden;
    }

    .bg1 {
        position: absolute;
        background-color: #f1f1f1;
        width: 95%;
        height: 1085px;
        top: 0;
        z-index: 1;
    }

    .bg2 {
        position: absolute;
        background-color: #e70517;
        width: 90%;
        height: 1033px;
        top: 153px;
        left: 183px;
        z-index: 0;
    }

    .ee>div:first-child {
        width: 44%;
        padding: 46px 0 20px;
    }



    /* .ee>div:last-child>div{
        display: flex;
    } */
    .ee>div:last-child>div>div:first-child>img {
        width: 370px;
        height: 200px;
    }

    .ee>div:last-child>div {
        width: 370px;
        height: 390px;
        background: white;
        box-shadow: #dedede 10px 10px 40px 10px;
        margin: 48px 95px 0 0;
        box-sizing: border-box;
        float: left;
    }

    .one {
        padding: 19px 48px 0 30px;
        text-align: justify;
        height: 163px;
    }

    .one>p:first-child {
        color: #e40013;
        font-size: 0.95vw;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .one>p:last-child {
        font-size: 0.8vw;
        font-weight: bold;
    }

    .ckgd {
        position: relative;
        left: 27px;
        bottom: 60px;
    }

    .ckgd>button {
        color: white;
        background: #e40013;
        width: 92px;
        height: 31px;
        font-size: 0.8vw;
        border-radius: 15px;
    }



    .ff {
        padding: 0px 260px;
        position: relative;
        height: 1232px;
    }

    .ff>div:first-child {
        width: 57%;
        padding: 73px 0 95px;
    }



    .jcal1>img {
        height: 425px;
        width: 2000px;
    }

    .jcal1 {
        height: 442px;
    }

    .jcal4>img,
    .jcal5>img,
    .jcal6>img {
        width: 1440px;
        height: 277px;
    }

    .jcal2>img {
        width: 335px;
        height: 435px;
    }

    .jcal3>img {
        width: 435px;
        height: 435px;
    }

    .ff>div:last-child {
        display: flex;
    }

    .ff>div:last-child>div:last-child div {
        height: 300.1px;
    }

    .ff>div:last-child>div:first-child {
        margin-right: 18px;
    }

    .ff>div:last-child>div:first-child>div:last-child {
        display: flex
    }

    .ff>div:last-child>div:first-child>div:last-child>div:first-child {
        margin-right: 24px;
    }

    .gg {
        padding: 0px 260px;
        position: relative;
        background: url(../img/1-t3.png)no-repeat center;
        background-size: 100%;
        height: 841px;
    }

    .gg>div:first-child {
        width: 60%;
        padding: 57px 0 39px;
    }

    .gg h4 {
        color: #e40013;
        font-size: 2.1vw;
        /**/
        font-weight: 500;
        margin-bottom: 11px;
    }

    .gg p {
        font-size: 2.1vw;
    }

    .fl1,
    .fl2 {
        display: flex;
        height: 276px;
    }

    .fl1>div:first-child,
    .fl2>div:first-child {
        width: 60%
    }

    .fl3 {
        width: 20%;
    }


    .hh {
        background-color: #e40013;
        background-size: 100%;
        height: 24.35vw;
        font-size: 1.8vw;
        position: relative;
        color: white;
    }

    .hh>div:first-child {
        width: 16.13vw;
        height: 16.13vw;
        position: absolute;
        left: 34.65vw;
        bottom: 4.15vw;
    }

    .hh>div:last-child {
        display: flex;
        height: 24.35vw;
        align-items: center;
    }

    .hh>div:last-child>div:first-child {
        width: 41%;
        padding-left: 15.1vw;
    }

    .hh>div:last-child>div:last-child {
        flex: 1;
        border-left: 2px solid white;
        padding-left: 4.06vw;
    }

    .zz {
        font-size: 0.8vw;
        line-height: 2.5vw;
    }

    .dz {
        font-size: 1.4vw;
        line-height: 2.1vw;
    }

}