@media screen and (max-width:1260px) {
    .header .item img {
        margin: 37px 0 37px 40px;
    }
}

@media(max-width: 1200px) {
    .content {
        width: 90%;
    }

    .p3 .content {
        width: 95%;
    }

    .kv_bg2 {
        bottom: 0;
    }

    .kv .content .kv_title {
        transform: scale(0.9);
    }

    .kv .content .kv_text,
    .p1_t,
    .p2_t,
    .p3_t {
        width: 95%;
    }

    .p1,
    .p2 {
        background-size: cover;
    }

    /* p1 */
    .p1_box {
        background: url(../img/p1_box_m.svg)no-repeat top center;
        width: 100%;
        height: 750px;
    }

    .box_content {
        flex-direction: column;
        align-items: center;
        width: 48%;
    }

    .p1_t_1 {
        left: calc(50% - 268px);
    }

    .part1,
    .part2 {
        width: 100%;
    }

    .part1 {
        align-items: center;
        padding-left: 0;
    }

    .part2 {
        margin-top: 70px;
    }

    .box3 .part2 {
        margin-top: 120px;
    }

    .part1_pic {
        margin: 20px 0 0 50px;
    }

    .icon2 {
        margin: 0 10px;
    }

    .p1_info {
        width: 95%;
    }

    /* p2 */
    .sheet {
        flex-direction: column;
        align-items: center;
    }

    .sheet .chart2:nth-child(2) {
        margin-top: 40px;
    }

    .chart2 {
        width: 85%;
    }

    /* p3 */
    .p3_video {
        width: 900px;
        height: 506px;
    }

    .p3_video iframe {
        margin: 80px 104px 0 85px;
        width: calc(100% - 190px);
        height: calc(100% - 150px);
    }

    .p3_video .btn {
        position: absolute;
        background: url(../img/p3_btn.png) no-repeat center;
        background-size: contain;
        width: 220px;
        height: 77px;
        top: 453px;
    }
}

@media(max-width: 1000px) {
    .box_content {
        width: 60%;
    }

    .chart_pic img {
        width: 95%;
        height: auto;
    }

    .chart_pic {
        display: flex;
        justify-content: center;
    }

    .chart_info,
    .chart2 {
        width: 100%;
    }

    .p2_info {
        width: 95%;
    }
}

@media(max-width: 860px) {

    .kv {
        background: url(../img/kv_bg_m.jpg) #011031 no-repeat top center;
        width: 100%;
        height: 1300px;
    }

    .kv_obj_1 {
        width: 305px;
        top: 680px;
        left: calc(50% + 204px);
    }

    .kv_obj_2 {
        width: 305px;
        top: 300px;
        left: calc(50% + 204px);
    }

    .kv_obj_3 {
        left: calc(50% + 70px);
    }

    .kv_obj_4 {
        top: 350px;
        left: calc(50% - 500px);
    }

    .kv_obj_5 {
        top: 660px;
        left: calc(50% - 500px);
    }

    .kv_obj_6 {
        top: 760px;
        left: calc(50% - 500px);
    }

    .kv .content .kv_title {
        top: 134px;
        left: calc(50% - 320px);
    }

    .kv .content .kv_text {
        background: url(../img/kv_t4_m.png) no-repeat center center;
        background-size: contain;
        width: 503px;
        height: 353px;
        padding-top: 1760px;
    }

    .p1_t {
        background: url(../img/p1_t_m.png)no-repeat top center;
        background-size: contain;
        width: 100%;
        height: 164px;
    }

    .p2_t {
        background: url(../img/p2_t_m.png) no-repeat center center;
        background-size: contain;
        margin: 83px auto 46px;
    }

    .p3_t {
        background: url(../img/p3_t_m.png) no-repeat center center;
        background-size: contain;
    }

    .p1_box {
        background: url(../img/p1_box_m.svg)no-repeat top center;
        width: 100%;
        height: 790px;
    }

    .p3 .content {
        margin-bottom: 0;
    }

    .p3_video {
        width: 700px;
        left: calc(50% - 350px);
    }

    .p3_video iframe {
        margin: 55px 104px 0 75px;
        width: calc(100% - 160px);
        height: calc(100% - 220px);
    }

    .p3_video .btn {
        width: 220px;
        height: 77px;
        top: 353px;
        left: calc(50% - 100px);
    }
}

@media(max-width: 600px) {
    .text{
        padding: 16px 20px 8px;
    }
    .text ul{
        font-size: 22px;
    }
    .text ul li:last-child{
        font-size: 18px;
    }

    .pop_close{
        margin: 12px auto 0;
        transform: scale(1.5);
    }

    .kv {
        background-position: 50% -50%;
    }

    .kv .content .kv_title {
        transform: scale(0.75);
        top: 114px;
    }

    .kv .content .kv_text {
        width: 473px;
        padding-top: 1700px;
    }

    .p1 {
        background: url(../img/p1_bg_m.png) no-repeat top center;
        background-size: cover;
        width: 100%;
        height: auto;
    }

    .p1_info {
        margin: 0px auto 60px;
    }

    .part2 p {
        font-size: 20px;
    }

    .box_content {
        width: 90%;
    }

    .p2_table {
        display: none;
    }

    .p2_table_m {
        display: table;
        width: 100%;
    }

    .table_info {
        padding: 10px 0;
    }

    .p3_video {
        width: 600px;
        left: calc(50% - 300px);
    }

    .p3_video iframe {
        margin: 50px 104px 0 65px;
        width: calc(100% - 140px);
        height: calc(100% - 260px);
    }

    .p3_video .btn {
        top: 301px;
    }


    .p2 p {
        font-size: 18px;
    }

    .p2 .content {
        margin-bottom: 110px;
    }

    .chart_pic img {
        content: url(../img/p2_chart_m.png);
        width: 100%;
    }

    .chart_info {
        margin: 10px 0 0 0;
    }

    .p1_info,
    .footer_text {
        font-size: 14px;
    }

    .p2 .p2_info2,
    .footer_info {
        font-size: 13px;
    }

    .p3_t {
        margin: 101px auto 0px;
    }
}