.top_wrap {
    background: url('../images/banner.png') no-repeat;
    height: 510px;
    background-size: cover;
    background-position: top;
}

.box_wrap {
    margin: 0 auto;
}

.container {
    margin: 0 auto;
    text-align: center;
    max-width: 1200px;
    /* border: 1px solid red; */
}

.part1 {
    padding-bottom: 100px;
}

.part1 .img_title {
    width: 510px;
    height: 70px;
    margin: 40px auto;
}

.part1 .connent_wrap {
    width: 1200px;
    height: 453px;
    background: url('../images/connent1.png') no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    box-shadow: 3px 3px 43px 0px rgba(40, 41, 64, 0.08);
}



.part1 .connent_wrap .bottom {
    position: absolute;
    bottom: 24px;
    left: 0;
    display: flex;
    align-content: center;
    justify-content: space-around;
    width: 100%;
    /* background-color: red; */
}


.part1 .connent_wrap .bottom .item {
    width: 250px;
    height: 36px;
    background: #C7624A;
    border-radius: 18px;
    line-height: 36px;
    text-align: center;
    font-family: MiSans;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    cursor: pointer;
}


.part1 .connent_wrap .bottom .item:nth-of-type(1) {
    background: #56A9BC;
}

.part1 .connent_wrap .bottom .item:nth-of-type(2) {
    background: #5A9BD2;
}

.part1 .connent_wrap .bottom .item:nth-of-type(3) {
    background: #EE9035;
}


.part2 {
    background-color: #F3FAFC;
    padding: 40px 0 45px;
}

.part2 .title2 {
    width: 939px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 40px;
}


.connent2 {
    width: 1108px;
    height: 569px;
}


.part2 .title3 {
    width: 442px;
    height: 40px;
    margin: 62px auto 40px;
}

.connent3 {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

}

.connent3 .item {
    width: 586px;
    height: 258px;
    margin-bottom: 27px;
    border-radius: 50%;
    position: relative;
    box-shadow: 3px 3px 43px 0px rgba(40, 41, 64, 0.08);

}

.connent3 .item a {
    width: 113px;
    height: 36px;
    line-height: 36px;
    background: #FFFFFF;
    border-radius: 18px;
    position: absolute;
    bottom: 30px;
    left: 305px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    font-size: 20px;
    color: #4AACC2;
    cursor: pointer;
    border: 1px solid #4AACC2;

}

.connent3 .item:nth-of-type(1) a {
    color: #4AACC2;
    border: 1px solid #4AACC2;

}

.connent3.item:nth-of-type(2) a {
    color: #4B97DA;
    border: 1px solid #4B97DA;
}

.connent3 .item:nth-of-type(3) a {
    color: #E88224;
    border: 1px solid #E88224;
}

.connent3 .item:nth-of-type(4) a {
    color: #C05C42;
    border: 1px solid #C05C42;
}

.part2 .btn {
    width: 540px;
    height: 70px;
    margin: 18px auto 0;
}

.part3 {
    padding: 40px 0;
}

.part3 .title {
    width: 781px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
}

.part3 .connent {
    width: 1299px;
    height: 496px;
    margin: 0 auto;
    text-align: center;
}

.nav {
    background: url('../images/nav.png') no-repeat;
    height: 151px;
    background-size: cover;
    background-position: top;
}

.nav .input_wrap {
    display: flex;
    align-items: center;


}

.nav .container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 151px;
}

.nav .left {
    display: flex;
    align-items: center;
    width: 567px;
    height: 70px;
    background: #FFFFFF;
    border-radius: 35px;
    border: 1px solid #D2D2D2;
    padding-left: 30px;
    box-sizing: border-box;
}

.nav .left .icon {
    width: 20px;
    height: 24px;
    margin-right: 30px;
}

.nav .left input {
    height: 100%;
    width: 80%;
}


.nav .btn {
    width: 251px;
    height: 70px;
    background: linear-gradient(-57deg, #FF7914 0%, #FE9823 100%);
    border-radius: 35px;
    font-family: MiSans;
    font-weight: 500;
    font-size: 26px;
    color: #FFFFFF;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    margin-left: 23px;

}

.part4 {
    background-color: #F2F6F7;
    padding-top: 40px;
}


.part4 .title {
    width: 555px;
    height: 70px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
}

#phone2 {
    font-family: MiSans;
    font-weight: 400;
    font-size: 20px;
}

#phone2::placeholder {
    color: #B5B5B5;
}

.nav .input_wrap {
    margin-left: 366px;
}




.footer_wrap {
    margin-top: 50px;
    background: url('../images/footer.png') no-repeat;
    height: 120px;
    background-size: cover;
    background-position: top;
}


.top_wrap .container {
    position: relative;
    height: 100%;

}

.top_wrap .form_wrap {
    width: 397px;
    height: 358px;
    background: #FFFFFF;
    border-radius: 16px;
    position: absolute;
    right: 71px;
    top: 50%;
    transform: translateY(-50%);
}

.top_wrap .form_wrap .title {
    font-family: MiSans;
    font-weight: 600;
    font-size: 36px;
    color: #000000;
    line-height: 40px;
    margin-top: 33px;
}

.top_wrap .form_wrap p {
    margin-top: 22px;
    font-family: MiSans;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 42px;
}


.top_wrap .form_wrap input {
    width: 332px;
    height: 54px;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #DCDCDC;
    margin-top: 30px;
    padding-left: 20px;
    box-sizing: border-box;
}

.top_wrap .form_wrap .btn_wrap {
    width: 332px;
    height: 54px;
    background: linear-gradient(264deg, #FF7814 0%, #FE9923 100%);
    border-radius: 10px;
    font-family: MiSans;
    font-weight: 400;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 54px;
    margin: 20px auto;
    cursor: pointer;
}