.index_head {
    width: 95vw;
    margin: auto;
}

.index_head ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 5vh;
}

.index_head ul li {
    padding: .125rem .5rem;
    font-size: .35rem;
    color: #5f6368;
}

@media screen and (max-width:820px) {
    .index_head {
        width: 100vw;
    }
}


.head_mobnav_tit {
    display: none;
}

.head_mobnav_con {
    display: none;
}


.index_one {
    position: relative;
    width: 95vw;
    height: 90vh;
    margin: auto;
}

.index_one_head {
    display: flex;
    align-items: center;
    height: 10vh;
    background-color: #FFF;
}

.index_one_logo {
    height: 100%;
    display: flex;
    align-items: center;
}

.index_one_logo img {
    vertical-align: middle;
}

.index_one_logo a {
    font-size: .4rem;
    font-weight: 500;
    color: #5f6368;
}


.index_one_nav {
    height: 100%;
    background-color: #FFF;
}

.index_one_nav ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.index_one_nav ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
}

.index_one_nav ul li:hover a {
    color: #202124;
    text-decoration: underline;
}

.index_one_nav ul li a {
    font-size: .4rem;
    font-weight: 500;
    color: #5f6368;
}


@media screen and (max-width:820px) {
    .index_one {
        width: 100vw;
    }

    .index_one_head {
        justify-content: space-between;
    }

    .index_one_nav {
        display: none;
    }

    .head_mobnav_tit {
        display: block;
        float: right;
        height: 48px;
        text-align: center;
        padding: 0 10px;
    }

    .head_mobnav_tit span {
        font-size: .45rem;
        line-height: 48px;
        color: #000;
    }

    .head_mobnav_con {
        position: absolute;
        top: 10vh;
        right: -1999px;
        width: 100vw;
        background-color: #fbfbfb;
    }

    .head_mobnav_conshow {
        position: absolute;
        top: 10vh;
        right: 0;
        width: 100vw;
        margin: auto;
        background-color: #fbfbfb;
    }

    .head_mobnav_conshow ul li {
        border-bottom: 1px solid #eee;
    }

    .head_mobnav_conshow ul li a {
        display: block;
        font-size: .35rem;
        font-weight: 400;
        color: #525461;
        padding: .5rem .5rem;
    }

}



.index_one_banner {
    display: flex;
    justify-content: space-between;
    height: 80vh;
    background-color: #3563e0;
}

.index_one_banner_des {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    width: 40%;
}

.index_one_banner_des h2 {
    font-size: 1.5rem;
    color: #FFF;
}

.index_one_banner_des p {
    font-size: .8rem;
    color: #FFF;
}

.index_one_banner_img {
    display: flex;
    align-items: center;
    width: 50%;
}

.index_one_banner_img img {
    width: 70%;
}


@media screen and (max-width:980px) {
    .index_one {
        height: 60vh;
    }

    .index_one_banner {
        height: 50vh;
    }

    .index_one_banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .index_one_banner_des {
        align-items: center;
        text-align: center;
        width: 95vw;
        height: 25vh;
    }

    .index_one_banner_img {
        display: none;
    }
}

@media screen and (max-width:500px) {
    .index_one_banner_des h2 {
        font-size: .75rem;
    }

    .index_one_banner_des p {
        font-size: .4rem;
    }
}



.index_two {
    display: flex;
    justify-content: center;
    width: 95vw;
    height: 20vh;
    margin: auto;
    background-color: #FFF;
}

.index_two ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    width: 60vw;
}

.index_two ul li {
    display: flex;
    align-items: center;
    
}

.index_two ul li img {
    width: 30px;
    height: 30px;
}

.index_two ul li a {
    font-size: .4rem;
    font-weight: 500;
    color: #5f6368;
    padding-left: 5px;
}

.index_two ul li:hover a {
    color: #202124;
    text-decoration: underline;
}


@media screen and (max-width:1000px) {
    .index_two {
        width: 100vw;
    }

    .index_two ul {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 100%;
        width: 80vw;
    }

    .index_two ul li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        letter-spacing: 3px;
    }

}




.index_three {
    width: 95vw;
    height: 80vh;
    margin: auto;
    background-color: #FFF;
}

.index_three_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 80vw;
    height: 10vh;
    margin: auto;
}


.index_three_tit h2 {
    font-size: .75rem;
    font-weight: 400;
    color: #202124;
}

.index_three_product {
    height: 70vh;
}

.index_three_product ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
    height: 60vh;
    margin: auto;
}

.index_three_product ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50vh;
    width: 25vw;
    border-radius: .2rem;
    border: 1px solid #dadce0;
    transition: all 0.25s;
}

.index_three_product ul li:hover {
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}

.index_three_produc_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30vh;
    width: 25vw;
    overflow: hidden;
}

.index_three_produc_img img {
    width: 60%;
}

.index_three_produc_text {
    width: 90%;
    height: 20vh;
    text-align: center;
    margin-top: 1.25rem;
}

.index_three_produc_texttit span:nth-child(1) {
    font-size: .4rem;
    color: #1967d2;
    background-color: #e8f0fe;
    border-radius: .45rem;
    padding: .05rem .25rem;
}

.index_three_produc_texttit span:nth-child(2) {
    font-size: .4rem;
}

.index_three_produc_text p {
    font-size: .35rem;
    font-weight: 400;
    color: #202124;
    margin-top: .25rem;
}

.index_three_produc_text span a {
    font-size: .35rem;
    font-weight: 400;
    color: #1a73e8;
}


@media screen and (max-width:1000px) {
    .index_three {
        width: 100vw;
        height: auto;
        margin-top: .75rem;
    }

    .index_three_tit {
        justify-content: center;
    }

    .index_three_tit h2 {
        font-size: .75rem;
        text-align: center;
    }

    .index_three_product {
        height: auto;
    }

    .index_three_product ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 80vw;
        height: auto;
        margin: auto;
    }

    .index_three_product ul li {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        width: 80vw;
        border-radius: 8px;
        border: 1px solid #dadce0;
        margin: 20px 0;
        transition: all 0.25s;
    }

    .index_three_produc_img {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 80vw;
        overflow: hidden;
    }

    .index_three_produc_text {
        height: auto;
    }
}


.index_four {
    width: 95vw;
    height: 50vh;
    margin: auto;
    background-color: #FFF;
}

.index_four_content {
    display: flex;
    justify-content: space-between;
    width: 80vw;
    height: 100%;
    margin: auto;
}

.index_four_text {
    width: 30vw;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.index_four_text h2 {
    font-size: .75rem;
    font-weight: 400;
    color: #202124;
}

.index_four_text p {
    font-size: .4rem;
    color: #5f6368;
    margin: .75rem 0;
}

.index_four_text span {
    font-size: .35rem;
    color: #174ea6;
}

.index_four_img {
    display: flex;
    justify-content: flex-end;
    width: 40vw;
    display: flex;
    align-items: center;
}

.index_four_img img {
    width: 90%;
    border: .125rem solid #e7ecf0;
    border-radius: .125rem;
    box-shadow: 0px 12px 34px rgb(32 52 89 / 25%);
}


@media screen and (max-width:1000px) {
    .index_four {
        width: 100vw;
        height: auto;
    }

    .index_four_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        width: 80vw;
        height: 100%;
        margin-top: 30px;
    }

    .index_four_text {
        width: 80vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }

    .index_four_text h2 {
        text-align: center;

    }

    .index_four_text p {
        text-align: center;
    }

    .index_four_img {
        display: flex;
        justify-content: flex-end;
        width: 80vw;
        display: flex;
        align-items: center;
        margin: .5rem 0;
    }

    .index_four_img img {
        width: 100%;
        border: .25rem solid #f4f5f6;
        border-radius: .25rem;
        box-shadow: 0px .3rem .85rem rgb(32 52 89 / 25%);
    }
}




.index_five {
    width: 95vw;
    height: 15vh;
    margin: auto;
    background-color: #fbfbfc;
}


.index_five_logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80vw;
    height: 100%;
    margin: auto;
}


.index_five_logo h2 {
    font-size: .3rem;
    font-weight: 300;
    color: #424242;
}

.index_five_logo ul {
    display: flex;
}

.index_five_logo ul li {
    padding: .5rem .5rem 0 0;
}

.index_five_logo ul li img {
    width: 2rem;
    vertical-align: middle;
}


@media screen and (max-width:1000px) {
    .index_five {
        width: 100vw;
    }

}


.index_six {
    width: 95vw;
    height: 15vh;
    margin: auto;
    display: flex;
    align-items: center;
    background-color: #1a73e8;
}

.index_six_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
    margin: auto;
}

.index_six_text {
    display: flex;
    align-items: center;
}

.index_six_text_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.6rem;
    width: 1.6rem;
    border-radius: .8rem;
    background-color: #FFF;
    margin-right: .5rem;
}

.index_six_text_des h2 {
    font-size: .6rem;
    font-weight: 400;
    color: #FFF;
    margin-bottom: .25rem;
}

.index_six_text_des p {
    font-size: .4rem;
    color: #FFF;
}

.index_six_find h2 {
    font-size: .4rem;
    font-weight: 500;
    color: #1a73e8;
    padding: .125rem .25rem;
    background-color: #FFF;
    border-radius: .05rem;
}


@media screen and (max-width:1200px) {
    .index_six_text_des p {
        display: none;
    }
}


@media screen and (max-width:1000px) {
    .index_six {
        width: 100vw;
    }

    .index_six_text_des h2 {
        display: none;
    }
}



.index_seven {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95vw;
    height: 50vh;
    margin: auto;
    background-color: #FFF;
    
}

.index_seven_content {
    display: flex;
    justify-content: space-between;
    width: 80vw;
    height: 50vh;
    
}

.index_seven_img {
    width: 40vw;
    display: flex;
    
    align-items: center;
}

.index_seven_img img {
    width: 90%;
    border: .125rem solid #e7ecf0;
    border-radius: .125rem;
    
}

.index_seven_text {
    width: 35vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

.index_seven_text h2 {
    font-size: .5rem;
    font-weight: 500;
    color: rgb(32, 33, 36);
}

.bar {
    display: inline-block;
    width: 1rem;
    height: .075rem;
    background: #ffcd44;
    margin-top: .5rem;
}

.index_seven_text p {
    font-size: .4rem;
    font-weight: 500;
    line-height: .75rem;
    color: rgb(32, 33, 36);
    margin: .75rem 0;
    padding-bottom: .75rem;
    border-bottom: 1px solid #dddddd;
}

.index_seven_text ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.index_seven_text ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index_seven_text ul li span {
    font-size: .35rem;
    font-weight: 500;
    color: #202124;
}

.index_seven_text ul li .index_seven_texticon {
    background-color: #eaf2ff;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .25rem;
    color: #06f;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: inherit;
    margin-bottom: .25rem;
    background-repeat: no-repeat;
    background-position: center;
}

.icon1 {
    background-image: url(../image/xn.svg);
}

.icon2 {
    background-image: url(../image/kz.svg);
}

.icon3 {
    background-image: url(../image/nx.svg);
}

.icon4 {
    background-image: url(../image/st.svg);
}

.index_seven_text .more {
    font-size: .4rem;
    font-weight: 500;
    color: #06f;
}


@media screen and (max-width:1000px) {
    .index_seven {
        width: 100vw;
        height: auto;
        margin-top: .75rem;
    }

    .index_seven_content {
        display: flex;
        flex-direction: column;
        width: 80vw;
        height: auto;
        margin-top: .5rem;
    }

    .index_seven_img {
        width: 80vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index_seven_text {
        width: 80vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: .75rem;
    }


    .index_seven_text h2 {
        font-size: .5rem;
    }

    .index_seven_text ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: auto;
        width: 80vw;
        margin: .5rem 0;
    }

    .index_seven_text p {
        margin: .5rem 0;
    }

    .index_seven_text .more {
        margin-bottom: .5rem;
    }
}


.index_eight {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95vw;
    height: 50vh;
    margin: auto;
    background-color: #FFF;
}

.index_eight_img_yd {
    display: none;
}

.index_eight_content {
    display: flex;
    justify-content: space-between;
    width: 80vw;
    height: 50vh;
}

.index_eight_img {
    width: 40vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_eight_img img {
    width: 90%;
    border: .125rem solid #e7ecf0;
    border-radius: .125rem;
    
}

.index_eight_text {
    width: 35vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

.index_eight_text .index_eight_text_tit {
    font-size: .5rem;
    font-weight: 500;
    color: #202124;
}

.index_eight_text p {
    font-size: .4rem;
    font-weight: 500;
    line-height: .75rem;
    color: rgb(32, 33, 36);
    margin: .75rem 0;
    padding-bottom: .75rem;
    border-bottom: 1px solid #dddddd;
}

.index_eight_text ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.index_eight_text ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.index_eight_text ul li span {
    font-size: .35rem;
    font-weight: 300;
    color: #202124;
}


.index_eight_text ul li .index_eight_texticon {
    background-color: #eaf2ff;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .25rem;
    font-size: .875rem;
    color: #06f;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: inherit;
    margin-bottom: .25rem;
    background-repeat: no-repeat;
    background-position: center;
}

.icons1 {
    background-image: url(../image/aq.svg);
}

.icons2 {
    background-image: url(../image/speed.svg);
}

.icons3 {
    background-image: url(../image/lh.svg);
}

.icons4 {
    background-image: url(../image/jz.svg);
}

.index_eight_text .more {
    font-size: .4rem;
    font-weight: 500;
    color: #06f;
}


@media screen and (max-width:1000px) {
    .index_eight {
        width: 100vw;
        height: auto;
        margin-top: .75rem;
    }

    .index_eight_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 80vw;
        height: auto;
        margin-top: .5rem;
    }

    .index_eight_img {
        display: none;
    }

    .index_eight_img_yd {
        display: block;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .index_eight_img_yd img {
        width: 100%;
        border: .25rem solid #f4f5f6;
        border-radius: .25rem;
        box-shadow: 0px .3rem .85rem rgb(32 52 89 / 25%);
    }

    .index_eight_text {
        width: 80vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: .75rem;
    }

    .index_eight_text .index_eight_text_tit {
        font-size: .5rem;
    }

    .index_eight_text p {
        margin: .5rem 0;
    }

    .index_eight_text ul {
        width: 80vw;
        height: auto;
        margin-bottom: .5rem;
    }

    .index_eight_text .more {
        margin-bottom: .5rem;
    }
}



.iconw1 {
    background-image: url(../image/wlwjr.svg);
}

.iconw2 {
    background-image: url(../image/wlwcl.svg);
}

.iconw3 {
    background-image: url(../image/wlwjc.svg);
}

.iconw4 {
    background-image: url(../image/wlwtz.svg);
}


.index_ten {
    width: 95vw;
    height: auto;
    margin: auto;
    background-color: #FFF;
    padding-top: .75rem;
}

.index_ten_tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80vw;
    margin: auto;
    padding: .5rem 0;
}

.index_ten_tit h2 {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .025rem;
    color: #202124;
}

.index_ten_bar {
    width: 2rem;
    height: .25rem;
    border-radius: .25rem;
    background-color: #1e8e3e;
    margin-top: .5rem;
}

.index_ten_tit p {
    font-size: .4rem;
    font-weight: 500;
    letter-spacing: .025rem;
    color: #202124;
    margin-top: .5rem;
}


.index_ten_stories {
    padding-bottom: 2rem;
}

.index_ten_content {
    width: 60vw;
    height: auto;
    margin: auto;
    margin-top: .5rem;
}


.index_ten_hios {
    display: flex;
    width: 100%;
    
    border: 1px solid #dadce0;
    border-radius: .2rem;
    overflow: hidden;
}


.index_ten_hios_img {
    display: flex;
    width: 50%;
    opacity: 0.8;
}

.index_ten_hios_img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.index_ten_hios_text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
    background-color: #FFF;
    transition: all .2s ease-in-out;
}

.index_ten_hios_text:hover {
    background-color: #1a73e8;
}


.index_ten_hios_text_des {
    padding: .75rem;
    color: #FFF;
}


.index_ten_hios_text:hover .index_ten_hios_text_tit p {
    color: #FFF;
}

.index_ten_hios_text:hover .index_ten_hios_text_infor p {
    color: #FFF;
}

.index_ten_hios_text:hover .index_ten_hios_text_point p {
    color: #FFF;
}

.index_ten_hios_text:hover .index_ten_hios_text_point ul li span {
    color: #FFF;
}


.index_ten_hios_text_tit p {
    font-size: .4rem;
    font-weight: 500;
    color: #1168d3;
    transition: all .2s ease-in-out;
}

.index_ten_hios_text_infor p {
    font-size: .35rem;
    color: #202124;
    padding: .5rem 0;
    border-bottom: .025rem solid #dddddd;
    line-height: 22px;
    transition: all .2s ease-in-out;
}

.index_ten_hios_text_point {
    display: flex;
    flex-direction: column;
    margin-top: .5rem;
}

.index_ten_hios_text_point p {
    font-size: .35rem;
    font-weight: 400;
    color: #202124;
    margin-bottom: .25rem;
    transition: all .2s ease-in-out;
}

.index_ten_hios_text_point ul {
    display: flex;
    flex-wrap: wrap;
}

.index_ten_hios_text_point ul li {
    display: flex;
    align-items: center;
    margin-top: .25rem;
    margin-right: .25rem;
    padding: .05rem .075rem;
}

.index_ten_hios_text_point ul li:nth-child(1) {
    border: 1px solid #DDD;
    border-radius: .2rem;
}


.index_ten_hios_text_point ul li span {
    display: flex;
    align-items: center;
    font-size: .35rem;
    font-weight: 400;
    color: #202124;
    transition: all .2s ease-in-out;
}

.arrow {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    padding-right: .5rem;
    padding-bottom: .125rem;
}

.index_ten_hios_text:hover .arrow .color {
    fill: #FFF;
}


@media screen and (max-width:1000px) {
    .index_ten {
        width: 100vw;
    }

    .index_ten_hios {
        display: flex;
        flex-direction: column;
    }

    .index_ten_hios_img {
        width: 100%;
    }

    .index_ten_hios_text {
        width: 100%;
    }

    .index_ten_order {
        order: -1;
    }
}




.index_eleven {
    width: 95vw;
    height: 10vh;
    background-color: #1a73e8;
    margin: auto;
    
}

.index_eleven_content {
    display: flex;
    width: 80vw;
    height: 100%;
    padding: .75rem 0;
    margin: auto;
}

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

.index_eleven_text img {
    width: 50px;
    height: 50px;
}

.index_eleven_text h2 {
    font-size: .5rem;
    font-weight: 500;
    letter-spacing: .075rem;
    color: #FFF;
    margin-right: .5rem;
    margin-left: .5rem;
}

.index_eleven_text p {
    font-size: .4rem;
    font-weight: 500;
    letter-spacing: .05rem;
    color: #FFF;
}


.index_eleven_img ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_eleven_img ul li:nth-child(1) {
    width: 25%;
    border-bottom: .075rem solid #de5145;
}

.index_eleven_img ul li:nth-child(2) {
    width: 25%;
    border-bottom: .075rem solid #169f5e;
}

.index_eleven_img ul li:nth-child(3) {
    width: 25%;
    border-bottom: .075rem solid #4c8bf3;
}

.index_eleven_img ul li:nth-child(4) {
    width: 25%;
    border-bottom: .075rem solid #ffcd44;
}





.index_last {
    width: 95vw;
    height: 50vh;
    margin: auto;
    display: flex;
    background-color: #FFF;
    border-top: 1px solid #ddd;
}

.index_last_content {
    width: 80vw;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.index_last_tit h2 {
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    color: #202124;
    
}

.index_last_tit span {
    color: #4285f4;
}

.index_last_call {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25rem 0;
}

.index_last_call_one {
    display: flex;
    align-items: center;
    background-color: #1a73e8;
    border-color: transparent;
    color: #fff;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    min-height: 48px;
    min-width: auto;
    padding: .325rem .6rem .3rem;
    cursor: pointer;
}


.index_last_call_one:hover {
    background-color: #185abc;
}

.index_last_call_one span {
    font-size: .4rem;
    font-weight: 500;
    letter-spacing: normal;
}

.index_last_call_two {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-color: #dadce0;
    color: #1a73e8;
    z-index: 1;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    padding: 13px 24px 12px;
    margin-left: .5rem;
    cursor: pointer;
}

.index_last_call_two:hover {
    background-color: #f6fafe;
    border-color: #1a73e8;
}

.index_last_call_two span {
    font-size: .4rem;
}

.index_last_bar {
    width: 100%;
    margin-bottom: 1.25rem;
}

.index_last_bar ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}


.index_last_bar ul li:nth-child(1) {
    width: 25%;
    border-bottom: .075rem solid #de5145;
}

.index_last_bar ul li:nth-child(2) {
    width: 25%;
    border-bottom: .075rem solid #169f5e;
}

.index_last_bar ul li:nth-child(3) {
    width: 25%;
    border-bottom: .075rem solid #4c8bf3;
}

.index_last_bar ul li:nth-child(4) {
    width: 25%;
    border-bottom: .075rem solid #ffcd44;
}

.index_last_des {
    width: 100%;
}

.index_last_des ul {
    width: 100%;
    display: flex;
}

.index_last_des ul li {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_last_des ul li p {
    color: #202124;
    font-size: .4rem;
    font-weight: 500;
}



@media screen and (max-width:1000px) {
    .index_last {
        width: 100vw;
    }
}


















.index_footer {
    width: 95vw;
    height: 20vh;
}

.index_footer_content {
    width: 80vw;
    height: 15vh;
    margin: auto;
    border-bottom: 1px solid #e6e7e8;
}

.index_footer_about ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 30vw;
    height: 10vh;
}


.index_footer_about ul li a {
    font-size: .35rem;
    color: #606162;
    text-decoration: none;
}

.index_footer_last {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 5vh;
}

.index_footer_last p {
    font-size: .3rem;
    color: #606162;
}

.index_footer_last p a {
    font-size: .3rem;
    color: blue;
}

.index_footer_last p:nth-child(1) {
    display: none;
}


@media screen and (max-width:768px) {
    .index_footer {
        width: 100vw;
        height: auto;
    }

    .index_footer_content {
        height: auto;
        margin-top: 10px;
    }

    .index_footer_about ul {
        width: 80vw;
        height: auto;
    }

    .index_footer_last {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        margin: 10px 0;
    }

    .index_footer_last p:nth-child(1) {
        display: block;
    }

    .index_footer_last p:nth-child(2) {
        display: none;
    }
}