.head {

    height: 5.6rem;

    background-repeat: no-repeat;

    background-size: cover;

}



.head_d1 {

    width: 1200px;

    margin: 0 auto;

    padding-top: 1.35rem;

    padding-bottom: 1.3rem;

}



.head_p1 {

    font-size: 0.48rem;

    color: white;

    line-height: 1;

    margin-bottom: 0.17rem;

    letter-spacing: 1px;

}



.head_p2 {

    font-size: 0.22rem;

    color: white;

    line-height: 1;

    margin-bottom: 0.36rem;

    letter-spacing: 4px;

    text-indent: 4px;

    font-family: arial;

}



.head_p3 {

    font-size: 0.16rem;

    color: white;

    line-height: 0.3rem;

}



.head_d2 {

    display: flex;

    align-items: center;

    margin-top: 0.55rem;

    cursor: pointer;

}



.head_d2 img {

    width: 0.7rem;

    height: 0.7rem;

    object-fit: contain;

    display: block;

    margin-right: 0.16rem;

}



.head_d2 p {

    font-size: 0.24rem;

    color: white;

    border-bottom: 1px solid white;

    letter-spacing: 1px;

}



/*  */

.chall_bg {

    background-color: #f0f3f7;

    width: 100%;

    overflow: hidden;

}



.chall {

    width: 1200px;

    margin: 0 auto;

    display: flex;

    padding-top: 1rem;

    padding-bottom: 1.05rem;

}



.chall_l {

    min-width: 4.1rem;

    width: 4.1rem;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.chall_p1 {

    font-size: 0.3rem;

    color: #3F7F67;

    position: relative;

    line-height: 1;


}





.chall_r {

    flex-grow: 1;

    padding-left: 1.4rem;

    padding-top: 0.3rem;

}



.chall_list {


}



.chall_item {

    margin-bottom: 0.61rem;

    width: 6.1rem;

}



.chall_item:last-of-type {

    margin-bottom: 0;

}



.chall_p2 {

    display: flex;

    align-items: center;

    font-size: 0.2rem;

    color: #333947;

    margin-bottom: 0.12rem;

}



.chall_p2 img {

    width: 0.28rem;

    min-width: 0.28rem;

    height: 0.24rem;

    object-fit: contain;

    margin-right: 0.2rem;

}



.chall_p3 {

    font-size: 0.14rem;

    line-height: 0.24rem;

    color: #333947;

    padding-left: 0.5rem;

}



/* 解决方案 */



.solution {

    padding-top: 1rem;

    padding-bottom: 1.27rem;

}



.solution_img {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



.solution_img img {

    display: block;

    object-fit: contain;

    margin: 0 auto;

}



.solution_list {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    font-size: 18px;

    color: #1b2a75;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

}



.solution_list p {

    width: 25%;

    margin-right: 9px;

    margin-bottom: 61px;

    text-align: center;

    padding-top: 96px;

    line-height: 1;

}



.solution_list p:nth-of-type(3n) {

    margin-right: 0;

}



.solution_list p:nth-of-type(2n) {

    margin-right: 0;

}



/*  */



.advan_bg {

    padding: 1.3rem 0;

    background-color: #f0f3f7;

    overflow: hidden;

    width: 100%;

}



.advan {

    width: 1200px;

    margin: 0 auto;

    display: flex;

}



.advan_list {

    display: flex;

    flex-wrap: wrap;

    width: 7.87rem;

    min-width: 7.87rem;

}



.advan_item {

    width: 2.5rem;

    height: 2rem;

    background-color: #f0f3f7;

    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);

    border-radius: 8px;

    overflow: hidden;

    margin-right: 0.18rem;

    margin-bottom: 0.18rem;

    position: relative;

}



.advan_item:nth-of-type(n+4) {

    margin-bottom: 0;

}



.advan_img {

    width: 100%;

    height: 1.4rem;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    padding-bottom: 0.33rem;

}



.advan_img img {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

}



.advan_d1,

.advan_d2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.advan_d1 {

    background-color: #f0f3f7;

}



.advan_d2 {

    display: none;

    padding: 0.3rem 0.22rem 0.2rem;

    background-color: white;



    flex-direction: column;

    justify-content: center;

    text-align: center;

}



.advan_p2 {

    font-size: 0.18rem;

    color: #619fd0;

    margin-bottom: 0.15rem;

}



.advan_p3 {

    font-size: 0.13rem;

    color: #464d61;

    line-height: 0.24rem;

}



.advan_p1 {

    height: 0.6rem;

    font-size: 0.18rem;

    color: #464d61;

    text-align: center;

}



.advan_r {

    flex-grow: 1;

    text-align: right;

    transform: translateY(-0.1rem);

}



.advan_p4 {

    font-size: 0.6rem;

    color: #619fd0;

    line-height: 1;

    padding-bottom: 0.3rem;

    position: relative;

    margin-bottom: 0.4rem;

    letter-spacing: 2px;

}



.advan_p4::after {

    content: "";

    width: 0.42rem;

    height: 0.05rem;

    background-color: #619fd0;

    position: absolute;

    right: 5px;

    bottom: 0;

}



.advan_r_img img {

    margin-left: auto;

}



/*  */



.track_bg {

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    overflow: hidden;

    max-height: 6.3rem;

}



.track {

    width: 1200px;

    margin: 0 auto;

    padding: 1.4rem 0.65rem 1.4rem 1.4rem;

    display: flex;

}



.track_l {

    width: 5.17rem;

    min-width: 5.17rem;

    font-size: 0.6rem;

    color: white;

    line-height: 0.72rem;

}



.track_l p {

    position: relative;

    padding-bottom: 0.2rem;

    letter-spacing: 2px;

}





.track_l p::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0.42rem;

    height: 0.05rem;

    background-color: white;

}



.track_r p {

    font-size: 0.18rem;

    color: white;

    margin-bottom: 0.15rem;

    font-family: Arial, "Source Han Sans CN";

    letter-spacing: 1px;

    line-height: 1.4;

}



.track_r span {

    font-size: 0.32rem;

    color: white;

}



/*  */



.money_bg {

    background-color: #f0f3f7;

    width: 100%;

    overflow: hidden;

}



.money {

    display: flex;

    width: 1200px;

    margin: 0 auto;

    padding: 0.86rem 0;

}



.money_img {

    margin-right: 2.2rem;

}



.money_r {

    padding-top: 0.56rem;

}



.money_p1 {

    font-size: 0.4rem;

    color: #333947;

    line-height: 1;

    margin-bottom: 0.34rem;

    font-family: Arial, "Source Han Sans CN";

}



.money_p2 {

    font-size: 0.14rem;

    color: #464d61;

    line-height: 1.7;

}



.money_p3 {

    background-color: #3F7F67;

    border-radius: 3px;

    width: 1.56rem;

    height: 0.5rem;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    color: white;

    margin-top: 40px;

    cursor: pointer;

}



.money_p3 img {

    margin-right: 10px;

    height: 18px;

    object-fit: contain;

}



@media screen and (max-width: 1400px) {

    .head {

        background-position-x: -1.4rem;

    }

}



@media screen and (min-width: 1200px) {

    .advan_item:nth-of-type(3n) {

        margin-right: 0;

    }



    .chall_list::-webkit-scrollbar {

        width: 8px;

        background-color: #f5f5f5;

    }



    .chall_list::-webkit-scrollbar-thumb {

        background-color: #caced4;

        border-radius: 30px;

    }

}





@media screen and (max-width: 1920px) {}



@media screen and (max-width: 800px) {



    .track_l,

    .money_img,

    .solution_img {

        display: none;

    }



    .head_d1,

    .chall_l,

    .chall_r,

    .advan,

    .advan_p1,

    .money,

    .solution_img {

        width: 90%;

        margin: 0 auto;

    }



    .head_p3,

    .chall,

    .chall_img1 img,

    .chall_item,

    .advan_list,

    .track,

    .money_img,

    .money_img img,

    .money_p3,

    .solution_img img {

        width: 100%;

        min-width: 100%;

    }



    .chall,

    .money {

        display: block;

    }



    .chall_r {

        padding-left: 0;

    }



    .chall_img1 {

        width: 50%;

        margin: 0 auto;

    }



    .chall {

        padding-top: 0.5rem;

        padding-bottom: 0.5rem;

    }



    .advan_item {

        width: 47%;

        margin-right: 6%;

    }



    .advan_item:nth-of-type(2n) {

        margin-right: 0;

    }



    .track {

        padding: 0.5rem;

    }



    .money_img {

        margin-right: 0;

    }



    .money_p2 {

        font-size: 0.22rem;

    }



    .chall_p3 {

        font-size: 0.2rem;

    }



    .chall_p2 {

        font-size: 0.26rem;

    }



    .head_p3 {

        font-size: 0.2rem;

    }



    .chall_list {


        margin: 0 auto;

    }



    .advan {

        flex-direction: column-reverse;

    }



    .advan_r {

        width: 100%;

        margin-bottom: 0.3rem;

        text-align: left;

    }



    .advan_p4::after {

        left: 0;

    }



    .advan_r_img {

        width: 70%;

        margin: 0 auto;

    }



    .advan_r_img img {

        width: 100%;

        object-fit: contain;

    }



    .advan_d2{

        display: flex;

        opacity: 1;

    }

}