@font-face {
    font-family: "fz";
    src: url("../fonts/fz.eot");
    src: url("../fonts/fz.eot?#font-spider") format("embedded-opentype"), url("../fonts/fz.woff") format("woff"), url("../fonts/fz.ttf") format("truetype"), url("../fonts/fz.svg#fz") format("svg");
    font-weight: normal;
    font-style: normal;
}

#home {
    position: relative;
}

img {
    width: 100%;
    height: 100%;
}

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

    .home-main .home-main-1 {
        padding-left: 5%;
        padding-right: 5%;
    }

    .home-main .home-main-2 {
        padding-left: 5%;
        padding-right: 5%;
    }

    .home-main-about .left-content>.title {
        font-size: 33px !important;
    }

    .home-main-about .left-content>.title>.tip {
        font-size: 12px !important;
    }

    .about-container>.left-content>.content-1 {
        font-size: 24px !important;
    }

    .home-box .home-header .home-header-box {
        padding-left: 3%;
        padding-right: 3%;
    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 14px;
        font-size: 16px;
    }

    .advantage-container .advantage-item>.left {
        width: 122px;
        font-size: 24px;
    }

    .advantage-container .advantage-item>.right {
        width: 342px;
        font-size: 21px;
    }

    .home-main-service {
        padding: 52px 10% 42px 10%;
    }

    .home-main-advertise>.left-container {
        padding: 66px 4% 70px 6%;
    }

    .home-main-advertise>.right-container {
        padding: 62px 4% 50px 2%;

    }

    .home-main-advertise .right-container>.right-content>p {
        font-size: 16px !important;
    }

    .home-main-advertise .right-container>.right-content>p:nth-child(1) {
        font-size: 28px !important;
    }

    .home-main-advertise .right-container>.right-content>p:nth-child(2) {
        font-size: 20px !important;
    }

    .home-main-advertise>.right-container>.left-img {
        width: 234px !important;
        height: 230px !important;
    }


}

@media screen and (min-width:1281px) and (max-width:1366px) {

    .home-main .home-main-1 {
        padding-left: 8.4%;
        padding-right: 6%;

    }

    .home-main .home-main-2 {
        padding-left: 8.4%;
        padding-right: 8.4%;
    }

    .home-main-about .left-content>.title {
        font-size: 33px !important;
    }

    .home-main-about .left-content>.title>.tip {
        font-size: 12px !important;
    }

    .about-container>.left-content>.content-1 {
        font-size: 24px !important;
    }

    .home-box .home-header .home-header-box {
        padding-left: 5.4%;
        padding-right: 5.4%;

    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 18px;
        font-size: 18px;

    }

    .advantage-container .advantage-item>.left {
        width: 112px;
        font-size: 24px;
    }

    .advantage-container .advantage-item>.right {
        width: 342px;
        font-size: 21px;
    }

    .home-main-service {
        padding: 52px 10% 42px 10%;
    }

    .home-main-advertise>.left-container {
        padding: 66px 4% 70px 6%;
    }

    .home-main-advertise>.right-container {
        padding: 62px 4% 50px 2%;

    }

    .home-main-advertise .right-container>.right-content>p {
        font-size: 16px !important;
    }

    .home-main-advertise .right-container>.right-content>p:nth-child(1) {
        font-size: 28px !important;
    }

    .home-main-advertise .right-container>.right-content>p:nth-child(2) {
        font-size: 20px !important;
    }

    .home-main-advertise>.right-container>.left-img {
        width: 234px !important;
        height: 230px !important;
    }
}

@media screen and (min-width:1367px) and (max-width:1600px) {

    .home-main .home-main-1 {
        padding-left: 8.8%;
        padding-right: 8.8%;

    }

    .home-main .home-main-2 {
        padding-left: 8.8%;
        padding-right: 8.8%;
    }

    .home-box .home-header .home-header-box {
        padding-left: 8.8%;
        padding-right: 8.8%;

    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 22px;
        font-size: 18px;
    }

    .advantage-container .advantage-item>.left {
        width: 136px;
        font-size: 28px;
    }

    .advantage-container .advantage-item>.right {
        width: 412px;
        font-size: 25px;
    }

    .home-main-service {
        padding: 52px 10% 42px 10%;
    }

    .home-main-advertise>.left-container {
        padding: 66px 4% 70px 9%;
    }

    .home-main-advertise>.right-container {
        padding: 62px 4% 50px 2%;

    }

    .home-main-advertise>.right-container>.left-img {
        width: 272px !important;
        height: 270px !important;
    }
}

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

    .home-main .home-main-1 {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }

    .home-main .home-main-2 {
        padding-left: 9.6%;
        padding-right: 9.6%;
    }

    .home-box .home-header .home-header-box {
        padding-left: 12.5%;
        padding-right: 12.5%;
    }

    .header-box-bottom>.header-tab>.tab-item {
        margin-left: 45px;
        font-size: 20px;
    }

    .advantage-container .advantage-item>.left {
        width: 182px;
        font-size: 28px;
    }

    .advantage-container .advantage-item>.right {
        width: 452px;
        font-size: 25px;
    }

    .home-main-service {
        padding: 52px 23% 42px 23%;
    }

    .home-main-advertise>.left-container {
        padding: 66px 4% 70px 12.5%;
    }

    .home-main-advertise>.right-container {
        padding: 62px 6% 50px 4%;
    }

}

/* banner区域 */

.home-header-banner {
    height: 380px;
    /* background:yellow; */
}


/* 主内容区域 */

.home-main {
    width: 100%;
    background: #f9f9fc;
}

.home-main .home-main-1 {
    width: 100%;
    /* padding: 0 240px; */
    padding-top: 26px;
    box-sizing: border-box;
    background: #fff;
    padding-bottom: 80px;
}


/* 关于我们 */

.home-main-about>.about-container {
    display: flex;
    /* justify-content: space-between; */
    justify-content: flex-start;

}

.about-container>.left-content {
    padding-top: 50px;
    box-sizing: border-box;
    margin-left: 80px;
}

.about-container>.left-content>.title {
    color: #0C0404;
    margin-bottom: 20px;
    font-size: 41px;
    font-weight: 500;
    line-height: 49px;
}

.about-container>.left-content>.title>.tip {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.about-container>.left-content>.content-1 {
    font-size: 28px;
    color: #666;
    font-weight: 400;
}

.about-container>.left-content>.content-2 {
    font-size: 24px;
    color: #C10008;
    margin-top: 38px;
}

.about-container>.right-content {
    padding-top: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-container>.right-content>.pic-1 {
    width: 526px;
    height: 359px;
}

.about-container>.right-content>.pic-1 .el-carousel__container {
    width: 100%;
    height: 100%;
}

/* 广告推广 */
.home-main-advertise {
    width: 100%;
    height: 452px;
    display: flex;
    justify-content: space-between;
    font-family: Source Han Sans SC;
    color: #FFFFFF;
}

.home-main-advertise .left-container {
    width: 50%;
    height: 100%;
    background: url('../images/about/ad-bg.png') no-repeat;
    background-size: 100% 100%;

}

.home-main-advertise .left-container .header {
    font-size: 41px;
    font-weight: 500;
    line-height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-main-advertise .left-container>.header>.tip {
    font-size: 14px;
}

.home-main-advertise .left-container>.content {
    font-size: 28px;
    line-height: 42px;
}

.home-main-advertise .right-container {
    width: 50%;
    height: 100%;
    background: #A99789;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-main-advertise .right-container>.left-img {
    width: 340px;
    height: 338px;
}

.home-main-advertise .right-container>.right-content {
    text-align: center;
    font-family: Source Han Sans CN;
}

.home-main-advertise .right-container>.right-content>p {
    font-size: 20px;
    color: #fff;
    line-height: 33px;
    word-break: break-all;
}

.home-main-advertise .right-container>.right-content>p:nth-child(1) {
    font-size: 33px;
    font-weight: bold;
    line-height: 63px;
}

.home-main-advertise .right-container>.right-content>p:nth-child(2) {
    font-size: 26px;
    line-height: 63px;
}

/* 公司地址 */
.home-main-location {
    width: 100%;
    padding: 79px 9.5% 23px 9.5%;
    font-family: Source Han Sans SC;
}

.home-main-location .location-inner {
    background: #FEF3E7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 42px 5% 38px 5%;
    box-sizing: border-box;
}

.home-main-location .location-inner>.header {
    text-align: center;
    font-size: 41px;
    font-weight: 500;
    color: #000000;
    line-height: 44px;
}

.home-main-location .location-inner>.header>.tip {
    font-size: 16px;
    font-weight: bold;
    color: #0A0202;
    line-height: 53px;
}

.home-main-location .location-inner>.main {
    font-size: 30px;
    font-weight: 500;
    color: #333333;
    line-height: 39px;
}

.home-main-location .location-inner>.main>.title {
    font-size: 28px;
    font-weight: 400;
    color: #5A5A5A;
    line-height: 42px;
}

.home-main-location .location-inner>.main>.location-main {
    width: 100%;
    height: auto !important;
    margin-top: 41px;
    margin-bottom: 40px;
}

.home-main-location .location-inner>.main>.location-text {
    text-align: center;
}

/*积分落户服务上海站*/
.home-main-station {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 112px;
    width: 100%;
}

.home-main-station>.title {
    font-size: 43px;
    color: #262626;
}

.home-main-station>.station-container {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    width: 100%;
}

.home-main-station>.station-container>.left-content {
    width: 49%;
    height: 359px;
    background: url('../images/home/station-1.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.home-main-station>.station-container>.right-content {
    width: 49%;
    height: 359px;
    background: url('../images/home/station-2.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.home-main-station>.station-container .tip-pic {
    position: absolute;
    width: 165px;
    height: 125px;
}

.home-main-station>.station-container .left-tip-pic {
    top: -22px;
    left: 0;
}

.home-main-station>.station-container .right-tip-pic {
    top: -12px;
    right: -10px;

}

.home-main .home-main-2 {
    width: 100%;
    /* padding-left: 9.6%;
    padding-right: 9.6%; */
    padding-top: 68px;
    box-sizing: border-box;
    background: #fff;

}

/*我们的优势*/
.home-main-advantage {
    width: 100%;
    height: 656px;
    background: url('../images/home/advantage-bg.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 54px 68px;
    box-sizing: border-box;
    /* margin-top:68px; */
}

.home-main-advantage>.title {
    width: 100%;
    text-align: center;
    font-size: 41px;
    color: #000000;
}

.home-main-advantage>.content {
    font-size: 25px;
    color: #5A5A5A;
    margin-top: 12px;
}

.home-main-advantage>.advantage-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 48px;

}

.advantage-container .advantage-item {
    display: flex;
    margin: 0 33px 29px 0;

}

.advantage-container .advantage-item>.left {
    /* width: 182px; */
    height: 117px;
    line-height: 117px;
    /* background: #9E77E4; */
    background: #FCC588;
    border-radius: 10px 0px 0px 10px;
    /* font-size: 28px; */
    color: #FFFFFF;
    text-align: center;
}

.advantage-container .advantage-item>.right {
    /* width: 452px; */
    height: 117px;
    background: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
    /* font-size: 25px; */
    color: #6A6A6A;
    text-align: left;
    padding: 29px 39px;
    box-sizing: border-box;
}

/* 一站式服务 */
.home-main-service {
    width: 100%;
    height: 206px;
    background: #fff;
    /* padding: 52px 446px 42px 446px; */
    box-sizing: border-box;
}

.home-main-service>p {
    width: 100%;
    text-align: center;
    font-size: 27px;
    color: #000000;
    line-height: 31px;
}

.home-main-service>.service-container {
    display: flex;
    justify-content: space-between;
}

.home-main-service>.service-container>.service-item {
    display: flex;
    align-items: center;
    padding: 0 41px;
    box-sizing: border-box;
    border-right: 1px solid rgb(172, 166, 166);
    margin-top: 60px;
}

.home-main-service>.service-container>.service-item:last-child {
    border-right: none;
}

.home-main-service>.service-container>.service-item>.pic-container {
    width: 26px;
    height: 30px;
}

.home-main-service>.service-container>.service-item>.text {
    font-size: 20px;
    color: #2a2a2a;
    margin-left: 9px;
}