@charset "utf-8";

body {
    position: relative;
    font-size: 12px;
    font-family: "微软雅黑";
    background: #fefefe;
}

.container {
    position: absolute;
    width: 1920px;
    top: 0;
    left: 49.5%;
    margin-left: -960px;
    /* background-color: #845af7; */
}

.conton {
    width: 100%;
}

.top img {
    width: 100%;
}

.Application {
    position: relative;
}

.Application form {
    position: absolute;
    bottom: 83px;
    left: 1209px;
    width: 314px;
    height: 236px;
}

.Application form input {
    position: absolute;
    top: 0px;
    left: 40px;
    width: 260px;
    height: 46px;
    padding-left: 10px;
    font-size: 18px;
    font-family: "Noto Sans SC";
    background-color: #FFFCF9;
}

.Application form .tel {
    top: 63px;
}

.Application form .area {
    top: 126px;
}

.Application form span {
    position: absolute;
    top: 150px;
    left: 322px;
    color: #6E6E6E;
    font-size: 20px;
    font-family: "Noto Sans SC";
}

.Application form .agreement {
    position: absolute;
    top: 402px;
    left: -288px;
    font-size: 30px;
    color: #FEE7D1;
    width: 92%;
    height: 37px;
}

.Application form .btns {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 314px;
    height: 48px;
}

.Two_Application {
    position: relative;
}

.Two_Application form {
    position: absolute;
    bottom: 29px;
    left: 360px;
    width: 1200px;
    height: 50px;
}

.Two_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Two_Application form input::placeholder {
    /* color: #720490; */
}

.Two_Application form .tel {
    left: 347px;
}

.Two_Application form .area {
    left: 654px;
}

.Two_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}

/* three */
.Three_Application {
    position: relative;
}

.Three_Application form {
    position: absolute;
    bottom: 246px;
    left: 976px;
    width: 540px;
    height: 50px;
}

.Three_Application form input {
    position: absolute;
    top: 2px;
    left: 1px;
    width: 156px;
    height: 48px;
    padding-left: 10px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Three_Application form input::placeholder {
    /* color: #720490; */
}

.Three_Application form .tel {
    left: 184px;
}

.Three_Application form .area {
    left: 367px;
}

.Three_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 720px;
    height: 82px;
}
/*  */

/* Four */
.Four_Application {
    position: relative;
}

.Four_Application form {
    position: absolute;
    bottom: 35px;
    left: 360px;
    width: 1200px;
    height: 50px;
}

.Four_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Four_Application form input::placeholder {
    /* color: #720490; */
}

.Four_Application form .tel {
    left: 347px;
}

.Four_Application form .area {
    left: 654px;
}

.Four_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

/* Five */
.Five_Application {
    position: relative;
}

.Five_Application form {
    position: absolute;
    bottom: 37px;
    left: 360px;
    width: 1200px;
    height: 50px;
}

.Five_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Five_Application form input::placeholder {
    /* color: #720490; */
}

.Five_Application form .tel {
    left: 347px;
}

.Five_Application form .area {
    left: 654px;
}

.Five_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

/* Six */
.Six_Application {
    position: relative;
}

.Six_Application form {
    position: absolute;
    bottom: 29px;
    left: 360px;
    width: 1200px;
    height: 50px;
}

.Six_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Six_Application form input::placeholder {
    /* color: #720490; */
}

.Six_Application form .tel {
    left: 347px;
}

.Six_Application form .area {
    left: 654px;
}

.Six_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

/* Seven */
.Seven_Application {
    position: relative;
}

.Seven_Application form {
    position: absolute;
    bottom: 34px;
    left: 360px;
    width: 1200px;
    height: 50px;
}

.Seven_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Seven_Application form input::placeholder {
    /* color: #720490; */
}

.Seven_Application form .tel {
    left: 347px;
}

.Seven_Application form .area {
    left: 654px;
}

.Seven_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

/* Eight */
.Eight_Application {
    position: relative;
}

.Eight_Application form {
    position: absolute;
    bottom: 58px;
    left: 360px;
    width: 1200px;
    height: 50px;
}

.Eight_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Eight_Application form input::placeholder {
    /* color: #720490; */
}

.Eight_Application form .tel {
    left: 347px;
}

.Eight_Application form .area {
    left: 654px;
}

.Eight_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

/* Nine */
.Nine_Application {
    position: relative;
}

.Nine_Application form {
    position: absolute;
    bottom: 27px;
    left: 360px;
    width: 1200px;
    height: 50px;
}

.Nine_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Nine_Application form input::placeholder {
    /* color: #720490; */
}

.Nine_Application form .tel {
    left: 347px;
}

.Nine_Application form .area {
    left: 654px;
}

.Nine_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

/* Ten */
.Ten_Application {
    position: relative;
}

.Ten_Application form {
    position: absolute;
    bottom: 236px;
    left: 359px;
    width: 1200px;
    height: 50px;
}

.Ten_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Ten_Application form input::placeholder {
    /* color: #720490; */
}

.Ten_Application form .tel {
    left: 347px;
}

.Ten_Application form .area {
    left: 654px;
}

.Ten_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

/* Eleven */
.Eleven_Application {
    position: relative;
}

.Eleven_Application form {
    position: absolute;
    bottom: 32px;
    left: 359px;
    width: 1200px;
    height: 50px;
    z-index: 100;
}

.Eleven_Application form input {
    position: absolute;
    top: 1px;
    left: 41px;
    width: 233px;
    height: 48px;
    padding-left: 5px;
    font-size: 20px;
    font-family: "Noto Sans SC";
    /* background-color: #FEF6F4; */
}

.Eleven_Application form input::placeholder {
    /* color: #720490; */
}

.Eleven_Application form .tel {
    left: 347px;
}

.Eleven_Application form .area {
    left: 654px;
}

.Eleven_Application form .sub {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 50px;
}
/*  */

.footer_Application {
    position: relative;
}

.footer_Application form {
    position: absolute;
    top: 156px;
    left: 1114px;
    width: 336px;
    height: 290px;
}

.footer_Application form input {
    position: absolute;
    width: 86%;
    height: 60px;
    /* background-color: #FAF5FF; */
    font-family: "Noto Sans SC";
    padding-left: 0px;
    font-size: 20px;
    left: 44px;
    top: 0px;
}

.footer_Application form .tel {
    top: 75px;
}

.footer_Application form .area {
    top: 150px;
}

.footer_Application form .building {
    top: 272px;
}

.footer_Application form .agreement {
    position: absolute;
    top: 282px;
    left: 70px;
    font-size: 25px;
    color: #4F4545;
}

.footer_Application form .submit {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    height: 56px;
}

.title {
    position: absolute;
    top: 50px;
    left: 712px;
    width: 496px;
    height: 54px;
    /* background-color: pink; */
    font-size: 32px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 54px;
    z-index: 10000;
}

.title span {
    font-weight: 600;
}

.reserve {
    position: absolute;
    top: 812px;
    right: 392px;
    width: 290px;
    height: 300px;
}

.roll_box {
    height: 272px;
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    color: #565656;
    font-size: 16px;
}


@keyframes flesh {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-390px);
    }
}

.roll_box .roll {
    animation: flesh 10s linear infinite;
}

.roll_box .roll li {
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

.roll_box .roll li:nth-child(2n) {
    background-color: #FCE2E2;
}

.roll_box .span1 {
    margin-right: 50px;
}

.roll_box .span2 {
    margin-left: 46px;
    color: #CE0000;
}

/* 底部滚动 */
.title2 {
    position: absolute;
    top: 154px;
    left: 1317px;
    width: 138px;
    height: 26px;
    /* background-color: pink; */
    font-size: 20px;
    font-family: MicrosoftYaHei;
    color: #686868;
    line-height: 26px;
    text-align: center;
}

.title2 span {
    /* font-weight: 600; */
}

.reserve2 {
    position: absolute;
    top: 188px;
    right: 390px;
    width: 290px;
    height: 300px;
}
/* end */

.btn1 {
    position: absolute;
    top: 575px;
    left: 661px;
    width: 254px;
    height: 56px;
}

.btn2 {
    position: absolute;
    top: 575px;
    right: 661px;
    width: 254px;
    height: 56px;
}

#newBridge .newicon-left-center,
#newBridge .newicon-right-center {
    display: none;
}

.banners .content{
    position: relative;
}

.banners .content .banner_view {
    position: absolute;
    left: 276px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: url(../img/6/bj.png) no-repeat; */
    padding-top: 265px;
    padding-bottom: 65px;
}

.banners .content .banner_view .banner_views {
    width: 1371px;
    position: relative;
}

.banners .content .banner_view .banner_views .swiper-container {
    width: 1203px;
}

.banners .content .banner_view .banner_views .swiper-slide {
    width: 232px;
    margin-right: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 63px;
    height: 118px;
    top: 47%;
}

.banners .content .banner_view .swiper-button-prev {
    background: url(https://fanke-zhuanti.oss-cn-beijing.aliyuncs.com/20240304-hmjzj-pc-pic/5/4.png) no-repeat;
}

.banners .content .banner_view .swiper-button-next {
    background: url(https://fanke-zhuanti.oss-cn-beijing.aliyuncs.com/20240304-hmjzj-pc-pic/5/3.png) no-repeat;
}

/* 2 */
.banners2 .content{
    position: relative;
}

.banners2 .content .banner_view {
    position: absolute;
    left: 276px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: url(../img/6/bj.png) no-repeat; */
    padding-top: 210px;
    padding-bottom: 65px;
}

.banners2 .content .banner_view .banner_views {
    /* width: 1371px; */
    width: 1210px;
    position: relative;
}

.banners2 .content .banner_view .banner_views .swiper-container2 {
    width: 1203px;
}

.banners2 .content .banner_view .banner_views .swiper-slide {
    width: 232px;
    margin-right: 10px;
}

.swiper-button-next2,
.swiper-button-prev2 {
    width: 63px;
    height: 118px;
    top: 47%;
}

.banners2 .content .banner_view .swiper-button-prev2 {
    background: url(../img/6/4.png) no-repeat;
}

.banners2 .content .banner_view .swiper-button-next2 {
    background: url(../img/6/3.png) no-repeat;
}

.bj4 {
    position: relative;
}

.bj4 .pic2 {
    position: absolute;
    left: 0;
    bottom: 136px;
    width: 1920px;
    height: 800px;
}

.bj4 .pic2 li {
    position: absolute;
}

.bj4 .item2.active.active {
    z-index: 10;
}


.bj4 .qs {
    position: absolute;
    left: 0;
    bottom: 0;
}

.bj4 .box {
    position: absolute;
    left: 150px;
    bottom: 136px;
    display: flex;
    z-index: 11;
    width: 1620px;
    height: 800px;
}

.bj4 .box li {
    width: 270px;
    padding: 725px 0 0 32px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 25px;
}

.bj4 .point2.active {
    background-color: rgba(72, 69, 69, .4);
    color: #FEFD73;
}

/* .bj4 .box li:hover {
    background-color: rgba(72, 69, 69, .4);
    color: #FEFD73;
} */

.bj4 .box2 {
    position: absolute;
    left: 183px;
    bottom: 230px;
    display: flex;
    z-index: 12;
}

.bj4 .box2 li {
    width: 61px;
    height: 1px;
    margin-right: 209px;
    border-top: 2px solid #fff;
}

.slider {
    position: relative;
}

.slider .pic {
    position: absolute;
    width: 1200px;
    height: 712px;
    left: 360px;
    top: 204px;
}

.slider .pic li {
    position: absolute;
}

.slider .item.active {
    z-index: 10;
}

.slider .pointList {
    position: absolute;
    left: 360px;
    top: 206px;
    z-index: 100;
}

.slider .point {
    width: 196px;
    height: 66px;
    float: left;
    margin-right: 4px;
    cursor: pointer;
}

.slider .btn {
    width: 34px;
    height: 123px;
}

.slider .left {
    position: absolute;
    left: 306px;
    top: 476px;
}

.slider .right {
    position: absolute;
    right: 306px;
    top: 476px;
}