/* 头部公共 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Source Han Sans CN !important;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: unset;
}

body {
    box-sizing: border-box;
    transition: .5s;
}

li {
    list-style: none
}

/* 缩放 */
.zoom-box {
    overflow: hidden;
}

.zoom-box img {
    cursor: pointer;
    transition: all 1s;
}

.zoom-box img:hover {
    transform: scale(1.1);
}
.ceiling-box{
    position: sticky;
    top: 0;
}
.box {
    width: 100%;
    /* height: 75px; */
    /* background-color: rgba(0, 0, 0, 0.52); */
    /* position: fixed;
    top: 0; */
    z-index: 999;
}
.box .top-navigation{
    height: 76px;
    min-width: 1440px;
    background: #000000;
}
.box .top-navigation-box{
    margin: auto;
    width: 1440px;
    display: flex;
    align-items: center;
}
.box .top-navigation-box .img{
    height: 78px;
    width: auto;
}
.box .top-navigation-box .address-tag{
    width: 84px;
    height: 30px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 36px 36px 36px 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 24px;
    font-size: 16px;
    font-family: Bahnschrift-Regular, Bahnschrift;
    font-weight: 400;
    color: #F6D8AE;
    border: none;
    opacity: 1!important;
}
.box .top-navigation-box .address-tag .img1,
.box .top-navigation-box .address-tag .img2{
    width: 14px;
    height: 14px;
    margin: 0 4px;
}
.box .top-navigation-box .top-nav-search{
    width: 537px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    border: 1px solid #E9BF8B;
    overflow: hidden;
    display: flex;
    margin-left: 127px;
    margin-right: 272px;
}
.box .top-navigation-box .top-nav-search .top-nav-search-left{
    width: 128px;
    height: 39px;
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border: none;
    border-right: 1px solid #E9BF8B;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #E4B67F!important;
    cursor: pointer;
    opacity: 1!important;
}
.top-nav-down{
    margin-top: -1px;
    border-radius: 8px;
    width: 128px;
}
.top-nav-adress{
    margin-top: 4px;
    border-radius: 8px;
    width: 84px;
    min-width: auto;
}
.top-nav-down::after{
    content: '';
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    position: absolute;
    top: -6px;
    right: 19px;
    transform: rotate(45deg);
}
.top-nav-adress::after {
    content: '';
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    position: absolute;
    top: -6px;
    right: 7px;
    transform: rotate(45deg);
}
.top-nav-down .layui-menu-body-title{
    padding-left: 24px;
    font-weight: 600;
}
.top-nav-down .layui-menu-body-title-active{
    color: #E4B67F !important;
    background: #FDF8F3;
}
.top-nav-down li:hover,.top-nav-adress li:hover{
    background: #FDF8F3;
    font-size: 14px;
    font-family: PingFang SC-Semibold, PingFang SC;
    color: #E4B67F!important;
}
.top-nav-down li:hover >div,.top-nav-adress li:hover>div {
    /* font-weight: 600; */
}
.box .top-navigation-box .top-nav-search .top-nav-search-left .img{
    width: 16px;
    height: 16px;
    margin-left: 12px;
}
.box .top-navigation-box .top-nav-search .top-nav-search-center{
    width: 301px;
}
.box .top-navigation-box .top-nav-search .top-nav-search-center input{
    outline: none;
    width: 270px;
    height: 39px;
    background: transparent;
    font-size: 14px;
    border: none;
    margin-left: 26px;
}
.box .top-navigation-box .top-nav-search .top-nav-search-center input::placeholder {
    color: #FFFFFF;
}
.box .top-navigation-box .top-nav-search .top-nav-search-right{
    width: 108px;
    height: 40px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #000000;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.box .top-navigation-box .top-nav-search .top-nav-search-right:hover {
    opacity: 0.9;
}

.box .top-navigation-box .top-nav-search .top-nav-search-right:active {
    opacity: 0.8;
}
.box .navigation {
    background: rgba(0, 0, 0, 0.85);
    min-width: 1440px;
    height: 75px;
    display: flex;
    justify-content: center;
    margin: auto;
}

.box .navigation .img {
    height: 57px;
    margin-top: 9px;
    margin-right: 60px;
}

.box .navigation .right {
    width: 1280px;
    display: flex;
    align-items: center;
}

.box .navigation .right-btn {
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box .navigation .right-btn>a{
    width: 144px;
    height: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #1A1004;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 40px;
    text-align: center;
    cursor: pointer;
}

.box .right .right-item>a {
    margin-left: 60px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    cursor: pointer;
    padding-bottom: 10px;
    margin-top: 10px;
    /* padding: 0 7px 5px 7px; */
}

.box .right .right-item {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
}

.box .right .right-item.active>a,
.box .right .right-item:hover>a {
    color: #E4B47C;
    border-bottom: 4px solid #E4B47C;
}
.box .right .nav-right-btn{
    padding: 0 32px;
    height: 32px;
    line-height: 32px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    font-size: 20px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    margin-left: 30px;
    cursor: pointer;
}
.box .right .nav-right-btn:hover {
    opacity: 0.9;
}

.box .right .nav-right-btn:active {
    opacity: 0.8;
}
.second-menu {
    position: absolute;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 38px;
    background-color: rgba(0, 0, 0, 0.52);
    top: 75px;
    left: 0;
    display: none;
    justify-content: center;
    z-index: 999;
}

.second-menu>li {
    display: flex;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 30px;
}

.second-menu>li:last-child {
    margin-right: 0;
}

.second-menu>li>div {
    position: relative;
    padding-right: 20px;
    width: 380px;
}

.second-menu>li>div::after {
    content: '';
    width: 1px;
    height: 91px;
    background: #FFFFFF;
    position: absolute;
    right: 0;
    top: 8px;
}

.second-menu>li:last-child>div:after {
    display: none;
}

.second-menu>li img {
    width: 38px;
    height: 38px;
    margin-right: 23px;
}

.second-menu>li a {
    width: 180px;
}

.m-icon-2 {
    display: none;
}

.second-menu>li:hover a span {
    color: #E4B47C !important;
}

.second-menu>li:hover .m-icon-2 {
    display: unset;
}

.second-menu>li:hover .m-icon {
    display: none;
}

.second-menu>li a span:first-child {
    font-size: 14px;
    color: #FFFFFF;
}

.second-menu>li a span:last-child {
    font-size: 12px;
    font-weight: 300;
    color: #FFFFFF;
    display: inline-block;

}

.second-menu ul {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
}

.second-menu ul a:hover {
    color: #E4B47C;
}

.right-item:hover .second-menu {
    display: flex;
}

.box .contactway {
    display: flex;
    align-items: center;
    /* margin-left: 70px; */
}

.contactway .phone {
    margin-right: 16px;
}

.contactway .contactway-right {
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
}
.contactway .contactway-right .contactway-right-top{
    font-size: 20px;
    font-family: PingFang TC-Medium, PingFang TC;
    font-weight: 500;
    color: #FFFFFF;
}
.contactway .contactway-right .contactway-right-bottom{
    font-size: 12px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #FFFFFF;
}
/* 首页 */
.adimg {
    width: 100%;
    height: auto;
    max-height: 812px;
}

.adimg .adimg-i {
    text-align: center;
}

.adimg-pagination .swiper-pagination-bullet {
    width: 39px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 0;
}

.adimg-pagination .swiper-pagination-bullet-active {
    background: #E4B47C;
}

.calculation {
    width: 100%;
    height: 120px;
    background: #4D4D4D;
}

.calculation .calculation-box {
    padding-top: 20px;
    width: 1350px;
    margin: auto;
    text-align: center;
}

.calculation .f-input {
    height: 42px;
    outline: none;
    border: none;
}

.calculation .cal-text1 {
    font-size: 17px;
    font-weight: 500;
    color: #E4B47C;
    margin-right: 30px;
}

.calculation .cal-text2 {
    font-size: 13px;
    color: #F5F5F5;
}

.calculation .input-box {
    margin-top: 12px;
    display: flex;
}

#form1 {
    display: flex;
    border-radius: 3px;
    overflow: hidden;
}

#form1 .f-input {
    width: 248px;
    height: 42px;
    background: #FFFFFF;
    text-align: left;
    display: flex;
    align-items: center;
}

#form1 .line {
    width: 1px;
    height: 20px;
    background-color: #4D4D4D;
}

#form1 .f-input input {
    width: 100%;
    height: 42px;
    border: none;
    outline: none;
}

#form1 .f-input img {
    width: 18px;
    height: 20px;
    margin-left: 20px;
    margin-right: 9px;
}

.calculation .el-input .el-input__inner {
    border-radius: 0;
    border-right: none;
    border-left: none;
}

.calculation .el-input .el-input__inner:focus {
    border-top: 1px solid #DCDFE6;
    border-bottom: 1px solid #DCDFE6;
}

.calculation .number {
    height: 40px;
}


.calculation .cal-btn,
.zzbj-btn {
    margin-left: 20px;
    width: 262px;
    height: 40px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 8px;
    font-size: 20px;
    color: #1A1004;
    line-height: 40px;
    cursor: pointer;
}

.decoration .decoration-video {
    width: 1420px;
}

.decoration-video,
.decoration-customization {
    width: 1420px;
    margin: auto;
    text-align: center;
    color: #000000;
    margin-bottom: 80px;
}

.decoration-video .title,
.decoration-customization .title,
.service-box .title {
    margin-top: 64px;
    margin-bottom: 23px;
    font-size: 39px;
}

.decoration-video .title2,
.decoration-customization .title2,
.service-box .title2 {
    font-size: 22px;
}

.video-content .video-box {
    border-right: 1px solid #A0A0A0;
}

.video-box {
    margin-bottom: 20px;
    margin-top: 50px;
    position: relative;
}

.video-box .item {
    width: 284px !important;
    border: 1px solid #A0A0A0;
    border-right: none;
    height: 211px;
    cursor: pointer;
}

.video-box .item:last-child {
    border: 1px solid #A0A0A0;
}

.video-box .item img {
    margin-top: 35px;
    margin-bottom: 25px;
}

.video-box .item:hover {
    background: linear-gradient(271deg, #F7D8AF 0%, #E5B880 100%);
}

.video-box .item .item-title {
    font-size: 20px;
    color: #000000;
    margin-bottom: 20px;
}

.video-box .item .item-text {
    padding: 0 50px;
    font-size: 13px;
    color: #000000;
}

.video-box .video-box-b {
    color: #e0e0e0;
}



.video-src {
    margin-top: 20px;
    width: 100%;
    height: 254px;
    display: flex;
}

.video-src .left {
    width: 1020px;
}

.video-src .right {
    color: #000000;
    background: #ECEBEB;
    width: calc(100% - 1020px);
}

.video-src .right .right-text {
    margin-top: 30px;
    font-size: 44px;
    margin-bottom: 11px;
}

.video-src .right .right-text2 {
    font-size: 23px;
}

.video-src .right .more-video {
    cursor: pointer;
    margin-right: 90px;
    color: #FFFFFF;
    margin-top: 35px;
    width: 135px;
    height: 38px;
    background: #000000;
    font-size: 13px;
    line-height: 38px;

}
.video-src .right .more-video:hover{
    background: #CA9B62;
    color: #FFFFFF;
}
.video-src .right .more-video:active {
    background: #B68953;
    color: #FFFFFF;
}
.submit-scheme {
    box-sizing: border-box;
    padding: 72px 0;
    justify-content: center;
    display: flex;
    margin: auto;
    margin-top: 50px;
    width: 1420px;
    height: 585px;
    background: #FFFFFF;
    box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.submit-scheme .left {
    width: 833px;
    height: 441px;
    position: relative;
}

.submit-scheme .scheme-swiper {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 65px;
    width: 227px;
    height: 302px;
    background: rgba(0, 0, 0, 0.78);
    color: #FFFFFF;
    padding: 50px 24px;
    z-index: 1;
}

.scheme-swiper .swiper-pagination-bullet {
    border: 1px solid #DFA866;
}

.scheme-swiper .swiper-pagination-bullet-active {
    background: #DFA866;
}

.submit-scheme .swiper-item-title {
    font-size: 14px;
    margin-bottom: 30px;
}

.submit-scheme .swiper-item-content {
    font-size: 12px;
    text-align: left;
}

.submit-scheme .swipe-indicator {
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    left: 0;
}

.submit-scheme .indicator-item {
    cursor: pointer;
    margin-right: 21px;
    width: 7px;
    height: 7px;
    border: 1px solid #DFA866;
    border-radius: 50%;
}

.submit-scheme .indicator-item:last-child {
    margin-right: 0;
}

.submit-scheme .right {
    width: 387px;
    color: #000000;
    margin-left: 73px;
}

.submit-scheme .right-title {
    margin-bottom: 55px;
    font-size: 30px;
    font-weight: 500;
}

.submit-scheme .right-text {
    font-size: 17px;
    margin-bottom: 26px;
}

#form2 input {
    width: 387px;
    height: 55px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    margin-top: 20px;
    outline: none;
    padding-left: 10px;
    font-size: 17px;
}

.submit-scheme .right-input {
    margin-top: 20px;
}

.submit-scheme .right-input input {
    height: 45px;
}

.submit-scheme .right-submit {
    width: 386px;
    height: 62px;
    color: #FFFFFF;
    line-height: 62px;
    text-align: center;
    background: #E4B47C;
    margin-top: 20px;
    font-size: 17px;
    cursor: pointer;
}

.case {
    position: relative;
    width: 100%;
    padding: 70px 0 90px 0;
    text-align: center;
    background-image: url("../images/placeholder/bg3.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.case .case-content {
    margin: auto;
    position: relative;
    width: 1418px;
    color: #FFFFFF;
}

.case .case-title {
    letter-spacing: 2px;
    font-size: 39px;
    margin-bottom: 23px;
}

.case .case-title2 {
    letter-spacing: 2px;
    font-size: 22px;
    margin-bottom: 50px;
}

.case .style {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 18px;
}

.case .style-item {
    color: #FFFFFF;
    position: relative;
    padding: 0 50px;
    cursor: pointer;
}

.case .style-item:hover {
    color: #E4B47C
}

.case .more-style {
    color: #FFFFFF;
    margin-left: 150px;
    margin-right: 100px;
    cursor: pointer;
}

.case .style-item::after {
    position: absolute;
    right: 0;
    content: '/';
    color: #FFFFFF;
}

.case .style-item:last-child::after {
    position: absolute;
    right: 0;
    content: '';
}

.case .style-item:nth-last-child(2)::after {
    position: absolute;
    right: 0;
    content: '';
}

.case .style-img {
    position: relative;
    margin-top: 30px;
    width: 100%;
    height: 615px;
}

.case .style-card {
    width: 345px;
    height: 540px;
    background: rgba(0, 0, 0, 0.82);
    padding: 60px 30px;
    color: #FFFFFF;
    position: absolute;
    left: 35px;
    top: 38px;
    z-index: 1;
}

.case .style-card-p {
    bottom: 14px;
}

.case .swiper-pagination-bullet {
    width: 39px;
    height: 2px;
    background-color: #FFFFFF;
    margin-right: 6px;
    cursor: pointer;
}

.case .swiper-pagination-bullet-active {
    background-color: #DFA866;
}

.case .style-card-b {
    top: unset;
    bottom: 0px;
    color: #FFFFFF;
}

.case .card-title {
    font-size: 24px;
    margin-bottom: 32px;
}

.case .card-content {
    text-align: left;
    font-size: 13px;
    line-height: 36px;
    padding-left: 2px;
}

.case .card-swiper {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 50px;
}

.case .stylist {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.case .line {
    width: 81px;
    height: 3px;
    background-color: #FFFFFF;
    margin-left: 24px;
    margin-right: 30px;
    border-radius: 1px;
}

.case .remark .remark-text1 {
    font-size: 17px;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.case .remark .remark-text2 {
    font-size: 13px;
    color: #B2B2B2;
}

.case .stylist-box {
    margin-left: 60px;
    margin-right: 35px;
    display: flex;
}

.case .stylist-item {
    margin-right: 20px;
    cursor: pointer;
}

.case .stylist-item:hover img {
    border: 2px solid #D1C0A5;
}

.case .stylist-item img {
    border-radius: 50%;
    margin-bottom: 15px;
}

.case .stylist-item .stylist-name {
    font-size: 13px;
    color: #E5B57D;
}

.case .jt {
    display: flex;
    align-items: center;
    width: 85px;
}

.case .jt span {
    margin-right: -8px;
    width: 80px;
    height: 2px;
    background: #FFFFFF;
}

.case .apply-ben {
    cursor: pointer;
    margin-left: 20px;
    font-size: 20px;
    color: #311F0A;
    line-height: 50px;
    text-align: center;
    width: 246px;
    height: 50px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 5px;
}

.service {
    background: #FFFFFF;
    padding-top: 64px;
    padding-bottom: 70px;
    background-image: url("../images/placeholder/bg2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.service .service-box {
    width: 1418px;
    margin: auto;
    text-align: center;
}

.service .service-content {
    width: 1418px;
    margin: auto;
    margin-top: 30px;
    display: flex;
    gap: 10px;
}

.service .service-content .service-card {
    flex: 1;
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.11);
    /* cursor: pointer; */
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.service .service-content .service-card h2 {
    font-size: 19px;
    font-weight: 400;
    color: #000000;
    padding: 42px 0 15px 15px;
}

.service .service-content .service-card>h2 {
    padding-bottom: unset;
    padding-top: 60px;
    margin-bottom: 20px;
}

.service .service-content .service-card p {
    font-size: 13px;
    font-weight: 300;
    color: #484747;
    padding-left: 15px;
}

.service .service-content .service-card>div {
    flex: 1;
    position: relative;
    background: #FFFFFF;
}

.service .service-content .service-card>div:hover,
.service-content .service-card:nth-child(3):hover {
    box-shadow: 2px 8px 21px 0px rgba(148, 149, 149, 0.29);
}

.service-content .service-card:nth-child(3) {
    box-shadow: unset;
    background: #FFFFFF;
    gap: unset;
}

.service .service-content img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.service .service-form {
    background: #FFFFFF;
    text-align: center;
    padding: 70px 40px;
    font-size: 19px;
    color: #000000;
}

.service .service-form-title {
    margin-bottom: 45px;
    position: relative;
}

.service .service-form-title::after {
    content: '';
    position: absolute;
    bottom: -15px;
    width: 50px;
    height: 1px;
    background: #000000;
    left: calc(50% - 25px);
}

.service .service-form-remark {
    font-size: 13px;
    margin-bottom: 15px;
}

#form3 input {
    width: 266px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    outline: none;
    font-size: 13px;
    padding: 0 10px;
    margin-bottom: 15px;
}


.service .service-btn {
    cursor: pointer;
    margin: auto;
    width: 265px;
    height: 43px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 20px;
    border-radius: 8px;
    color: #333;
    line-height: 43px;
    text-align: center;
}

.houses {
    width: 100%;
    height: 1163px;
}

.houses .housees-show {
    background-image: url("../images/placeholder/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    height: 1043px;
}

.houses .house-form {
    width: 100%;
    height: 120px;
    background: #4D4D4D;
}

.houses .houses-content {
    padding-top: 70px;
    position: relative;
    color: #FFFFFF;
    width: 1420px;
    margin: auto;
    text-align: center;
}

.houses .houses-title1 {
    margin-bottom: 20px;
    font-size: 39px;
    color: #FFFFFF;
}

.houses .houses-title2 {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 22px;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 50px;
}

.houses .houses-more {
    color: #FFFFFF;
    position: absolute;
    right: 0;
    font-size: 13px;
    cursor: pointer;
}

.houses .houses-card {
    display: flex;
    width: 1420px;
    margin: auto;
    flex-wrap: wrap;
    gap: 20px;
}

.houses .houses-item {
    cursor: pointer;
    height: 370px;
    width: 460px;
    color: #FFFFFF;
}

.house-form .img-cover {
    display: none;
    width: 100%;
}

.houses .houses-item:hover {
    color: #E4B47C;
}

.houses .houses-item:hover .houses-j {
    opacity: 1;
    right: 25px;
}

.houses .houses-item:hover .houses-item-title {
    padding-left: 20px;
}

.houses .houses-item:hover .img-cover {
    color: #FFFFFF !important;
    display: flex !important;
    font-size: 19px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.68);
    align-items: center;
    justify-content: center;
}

.houses .houses-item-img {
    width: 460px;
    height: 290px;
    margin-bottom: 35px;
    position: relative;
}

.houses .img-cover div {
    display: flex;
    width: 410px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    height: 70px;
    align-items: center;
    justify-content: space-between;
}

.houses .houses-item-title {
    text-align: left;
    font-size: 18px;
    transition: all 0.5s;
    position: relative;
}


.houses .houses-j {
    position: absolute;
    right: 10px;
    opacity: 0;
    transition: all 0.5s;
}

.houses .houses-item-title span {
    font-size: 13px;
    margin-left: 31px;
}

.construction .construction-conteng {
    width: 1420px;
    height: 1160px;
    margin: auto;
    padding-top: 70px;
}

.construction .construction-left {
    padding: 0 30px;
    width: 379px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.79);
    color: #FFFFFF;
    font-size: 21px;
}

.construction .construction-left-title1 {
    margin-top: 70px;
    font-size: 31px;
    margin-bottom: 55px;
}

.construction .construction-left-title2 {
    font-size: 22px;
    margin-bottom: 60px;
}

.construction .construction-title1 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 39px;
    color: #000000;
}

.construction .construction-title2 {
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 22px;
    color: #000000;
    position: relative;
    margin-bottom: 40px;
}

.construction .construction-more {
    color: #000000;
    position: absolute;
    text-align: center;
    right: 0;
    font-size: 13px;
    cursor: pointer;
}

.construction .construction-left-textlist div {
    margin-bottom: 30px;
    font-size: 21px;
}

.construction .construction-img {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
}

.construction .construction-imgitem {
    cursor: pointer;
    width: 345px;
    height: 245px;
    position: relative;
}

.construction .img-text {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    line-height: 52px;
    color: #FFFFFF;
    text-align: center;
}

.experience .offline-box {
    height: 865px;
    margin: auto;
    background-image: url("../images/placeholder/bg4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.experience .offline-b-l .swiper-pagination-bullet {
    width: 39px;
    height: 2px;
    background: #FFFFFF;
    border-radius: 0;
}

.experience .offline-b-l .swiper-pagination-bullet-active {
    background: #E4B47C;
}

.experience .offline-content {

    width: 1420px;
    margin: auto;
    padding: 70px 0 90px 0;
    color: #FFFFFF;
    text-align: center;
}

.experience .offline-title1 {
    font-size: 39px;
    margin-bottom: 20px;
}

.experience .offline-title2 {
    font-size: 22px;
    margin-bottom: 50px;
}

.experience .offline-content-bottom {
    display: flex;
}

.experience .offline-b-l {
    padding: 30px 18px;
    background-color: rgba(77, 77, 77, 0.5);
}

.experience .offline-carousel .is-active .el-carousel__button {
    background-color: #E4B47C !important
}

.experience .offline-b-r {
    text-align: left;
    margin-left: 30px;
}

.experience .offline-b-r-t1 {
    font-size: 32px;
    margin-left: 115px;
    margin-bottom: 25px;
}

.experience .offline-b-r-t2 {
    margin-bottom: 64px;
}

.experience .offline-b-r-t2,
.offline-b-r-t3,
.offline-b-r-t4 {
    font-size: 17px;
    margin-left: 115px;
}

.experience .offline-b-r-t3,
.offline-b-r-t4 {
    margin-bottom: 25px;
}

#form4 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#form4 input {
    width: 254px;
    height: 52px;
    background: #EDEDED;
    border: 1px solid #D9D9D9;
    border-radius: 26px;
    outline: none;
    padding: 0 30px;
    font-size: 14px;

}

.experience .offline-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #989898;
    padding: 0 40px;
    width: 610px;
}

.experience .offline-b-r-t5 {
    width: 100%;
    font-size: 24px;
    padding-top: 24px;
    margin-bottom: 20px;
    letter-spacing: 2px;
    text-align: center;
}

.experience .offline-form .offline-form-input {
    width: 250px;
    margin-bottom: 14px;
}

.experience .offline-form .offline-form-input .el-input__inner {
    height: 52px;
    line-height: 52px;
    border-radius: 26px;
}

.experience .offline-form-b {
    width: 253px;
    height: 52px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 26px;
    color: #000000;
    font-size: 22px;
    line-height: 52px;
    text-align: center;
    cursor: pointer;
}

.experience .hall {
    background-image: url("../images/placeholder/bg5.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 70px;
    padding-bottom: 90px;
}

.experience .hall-title {
    text-align: center;
    font-size: 39px;
    color: #000000;
    margin-bottom: 50px;
}

.experience .hall-content {
    /* display: flex; */
    max-width: 1920px;
    margin: auto;
    overflow: hidden;
}

.experience .hall-l {
    width: 1172px;
    flex: 3.1;
    height: 610px;
}

.experience .hall-c {
    flex: 1;
    position: relative;
}

.experience .hall-c-p {
    font-size: 22px;
    color: #000000;
    margin-top: 187px;
    margin-bottom: 30px;
    text-align: right;
    padding-right: 57px;
}

.experience .hall-r {
    flex: 1;
}

.experience .hall-card {
    position: absolute;
    z-index: 1;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.86);
    padding: 0 42px;
    padding-bottom: 40px;
    width: 404px;
    right: 0;
    top: 0;
}

.experience .hall-card-t {
    font-size: 32px;
    font-weight: 500;
    padding-top: 35px;
    padding-bottom: 8px;
}

.experience .hall-card-e {
    font-size: 13px;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
}

.experience .hall-card-remark {
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 15px;
    margin-bottom: 20px;
    line-height: 22px;
}

.experience .hall-card-b {
    width: 246px;
    height: 50px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 5px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #311F0A;
    line-height: 50px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    cursor: pointer;

}

.experience .client {
    font-family: SourceHanSansCN;
    background-image: url("../images/placeholder/bg6.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 70px;
    padding-bottom: 90px;
}

.experience .clien-box {
    width: 1420px;
    color: #FFFFFF;
    margin: auto;
}

.experience .client-t1 {
    text-align: center;
    font-size: 39px;
    font-weight: 400;
}

.experience .client-t2 {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    margin-top: 23px;
    margin-bottom: 50px;

}

.experience .client-content {
    display: flex;
}

.experience .client-card {
    padding: 56px 50px;
    background: #FFFFFF;
    background-image: url("../images/placeholder/bg2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.experience .client-c-t1 {
    text-align: center;
    color: #000000;
    font-size: 25px;
}

.experience .client-c-t2 {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    margin-top: 45px;
    margin-bottom: 100px;
}

.experience .clicnt-c-p img {
    margin-left: 30px;
}

.experience .carousel-client-i-box {
    display: flex;
    gap: 14px;
    position: absolute;
    bottom: 16px;
    z-index: 10;
    width: 100%;
    justify-content: center;
}

.experience .carousel-client-i {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #FFFFFF;
    border: 1px solid #F3C68C;
    border-radius: 50%;
}

.experience .carousel-client-i-active {
    background: #F3C78E;
}

.experience .client-c-r {
    width: 404px;
    background: rgba(0, 0, 0, 0.41);
    box-shadow: 0px 0px 27px 0px rgba(100, 100, 100, 0.2);
    padding-left: 20px;
}

.experience .client-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.experience .client-c-r-t,
.client-c-b-t {
    font-size: 14px;
    font-weight: 300;
}

.experience .client-item {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.experience .client-item-active {
    border: 3px solid #F3C68C;
}

.experience .clien-name {
    display: none;
    position: absolute;
    height: 30px;
    bottom: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    width: 100%;
}

.experience .client-c-r-t {
    margin-top: 65px;
    margin-bottom: 35px;
}

.experience .client-c-b-t {
    margin-top: 40px;
}

.experience .strategy {
    background-image: url("../images/placeholder/bg7.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.experience .strategy-box {
    width: 1420px;
    margin: auto;
    padding: 70px 0 90px 0;
    color: #000000;
    text-align: center;
}

.experience .strategy-t1 {
    font-size: 39px;
}

.experience .strategy-t2 {
    font-size: 22px;
    margin-top: 24px;
    margin-bottom: 50px;
}

.experience .strategy-content {
    display: flex;
    gap: 28px;
}

.experience .strategy-item {
    flex: 1;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.24);
}

.experience .strategy-i-t {
    width: 100%;
    height: 152px;
    overflow: hidden;
}

.experience .strategy-i-t img {
    transition: .5s;
}

.experience .strategy-i-t:hover img {
    transform: scale(1.05) !important;
}

.experience .strategy-i-c {
    display: flex;
    padding: 14px 30px;
    padding: 10px 15px 10px 23px;

}

.experience .strategy-i-r {
    margin-left: 20px;
}

.experience .strategy-r-t1,
.strategy-r-t2,
.strategy-r-tag1,
.strategy-r-tag2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.experience .strategy-r-t1 {
    max-width: 204px;
    font-size: 13px;
    color: #000000;
}

.experience .strategy-r-t2 {
    font-size: 13px;
    color: #878787;
    font-weight: 300;
    max-width: 147px;
    margin-top: 9px;
    margin-bottom: 16px;
}

.experience .strategy-r-tag {
    text-align: left;
}

.experience .strategy-r-tag1,
.strategy-r-tag2 {
    max-width: 62px;
    line-height: 18px;
    background: #AED3EF;
    border-radius: 4px;
    display: inline-block;
    padding: 0 9px;
    font-size: 12px;
}

.experience .strategy-r-tag2 {
    background-color: #EFD7AE;
    max-width: 95px;
}

.experience .strategy-i-b {
    margin: 0 20px;
    padding: 0 16px;
    border-top: 1px solid rgba(116, 116, 116, 0.6);
    padding: 16px 0 14px 0;
}

.experience .strategy-i-b a {
    display: block;
    margin-bottom: 16px;
    cursor: pointer;
}

.experience .flow {
    background-image: url("../images/placeholder/bg8.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.experience .flow-box {
    width: 1420px;
    margin: auto;
    color: #FFFFFF;
    padding: 70px 0 90px 0;
    text-align: center;
}

.experience .flow-t1 {
    font-size: 39px;
}

.experience .flow-t2 {
    font-size: 22px;
    margin-top: 23px;
    margin-bottom: 50px;
}

.experience .flow-step {
    display: flex;
    justify-content: center;
    gap: 116px;
    margin-bottom: 36px;
}

.experience .flow-s-i {
    font-size: 14px;
    line-height: 25px;
}

.experience .flow-step-num {
    display: flex;
}

.experience .step-num {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
}

.experience .step-num:hover {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border: none;
}

.experience .step-line {
    margin: auto;
    width: 125px;
    height: 1px;
    border-top: 1px dashed #FFFFFF;
    display: inline-block;
    margin-left: 13px;
    margin-right: 13px;
}

.recommend {
    width: 1420px;
    margin: auto;
    padding: 70px 0 90px 0;
    color: #FFFFFF;
}

.experience .recommend-t {
    color: #000000;
    font-size: 39px;
    color: #000000;
    margin-bottom: 50px;
    text-align: center;
}

.experience .recommend-card {
    display: flex;
    gap: 17px;
    justify-content: center;
}

.experience .recommend-c-i {
    background-image: url("../images/placeholder/bg8.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 269px;
    padding: 42px 0 37px 0;
    text-align: center;
}

.experience .recommend-c-t1 {
    font-size: 17px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.experience .recommend-c-t2 {
    font-weight: 300;
    font-size: 13px;
}
a.recommend-c-i:hover div{
    color:#F6CA8F;
}
.footer {
    background-image: url("../images/placeholder/bg14.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #FFFFFF;
}

.footer-box {
    padding: 66px 0 85px 0;
    width: 1420px;
    margin: auto;
    display: flex;
}

.footer .footer-l {
    display: flex;
    gap: 41px;
}

.footer .footer-r {
    margin-left: 80px;
}

.footer .footer-i-title {
    font-size: 15px;
    margin-bottom: 22px;
}

.footer .footer-i-list {
    font-size: 13px;
    margin-bottom: 24px;
}

.footer .footer-r-t {
    display: flex;
    gap: 60px;
    margin-bottom: 70px;
}

.footer .footer-i-t {
    font-size: 13px;
    font-weight: 300;
    margin-top: 21px;
}

.footer .footer-b-t1 {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 20px;
}

.footer .footer-b-t2 {
    font-size: 22px;
    font-weight: 500;
}


/* 效果图 */
.banner {
    width: 100%;
    text-align: center;
}

.search {
    padding-top: 60px;
    padding-bottom: 45px;
    box-shadow: 0px 13px 24px 0px rgba(0, 0, 0, 0.11);
}

.search .search-box {
    width: 1420px;
    margin: auto;
}

.search .search-box li {
    display: flex;
    height: 83px;
    align-items: center;
    border-bottom: 1px solid #C5C5C5;
}

.search .search-t {
    font-size: 17px;
    color: #424242;
    width: 150px;
}

.search .search-box a {
    font-size: 16px;
    color: #000000;
    padding: 9px 23px;
}

.search .a-on {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    color: #FFFFFF;
}

.search .search-box a:hover {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    color: #FFFFFF;
}

.list-content {
    background-image: url("../images/effecPicture/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 90px;
}

.list-content .list-content-box {
    width: 1420px;
    margin: auto;
    padding-top: 42px;
}

.list-content .adimg {
    width: 1420px;
    height: 135px;
    margin-bottom: 68px;
}

.list-content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.list-content li {
    width: 339px;
    height: 322px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.24);
    border-radius: 13px;
    overflow: hidden;
    cursor: pointer;
}

.list-content .item-top {
    width: 339px;
    height: 214px;
    position: relative;
    overflow: hidden;
}

.list-content .item-top a img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.list-content .item-top:hover img {
    transform: scale(1.1)
}

.list-content .item-top:hover .praise,
.list-content .item-top:hover .money {
    opacity: 1;
}

.list-content .item-top .img-info {
    width: 100%;
    text-align: center;
    height: 34px;
    background: #000000;
    opacity: 0.75;
    border-radius: 0px;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 34px;
    position: absolute;
    bottom: 0;
}

.list-content .item-top .praise {
    position: absolute;
    bottom: 43px;
    left: 26px;
    font-size: 13px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 83px;
    height: 29px;
    background: #000000;
    opacity: 0.66;
    border-radius: 14px;
    opacity: 0;
    transition: all 0.5s;
}

.list-content .item-top .praise img {
    width: 21px;
    height: 21px;
    margin-right: 2px;
    margin-top: -2px;
}

.praise-i-2 {
    display: none;
}

.parise-active .praise-i-1 {
    display: none;
}

.parise-active .praise-i-2 {
    display: inline-block;
}

.list-content .item-top .money {
    position: absolute;
    right: 0;
    bottom: 43px;
    width: 125px;
    line-height: 34px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 0px;
    font-size: 13px;
    color: #000000;
    padding-left: 5px;
    font-weight: bolder;
    opacity: 0;
    transition: all 0.5s;
}

.list-content .item-top .money::after {
    transition: all .5s;
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -9px;
    border-top: 17px solid #E4B47C;
    border-bottom: 17px solid #E4B47C;
    border-left: 9px solid transparent;
}

.jiao {
    position: absolute;
}

.list-content .item-bottom {
    display: flex;
    align-items: center;
    padding: 15px 22px;
}

.list-content .item-bottom .item-info {
    margin: 0 15px 0 10px;
}

.list-content .item-bottom .item-h {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.list-content .item-i-n {
    font-size: 15px;
    color: #000000;
    font-weight: bolder;
}

.list-content .item-i-z {
    font-size: 13px;
    color: #000000;
}

.list-content .item-bottom .item-btn {
    text-align: center;
    width: 140px;
    line-height: 35px;
    height: 35px;
    border: 1px solid #F6CA8F;
    border-radius: 17px;
    font-size: 13px;
    font-weight: bolder;
    color: #000000;
}

.list-content .item-bottom .item-btn:hover {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

.form-box {
    width: 1420px;
    height: 159px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    margin: 40px auto;
    padding: 0 16px;
}

.form-text {
    padding-top: 34px;
    padding-bottom: 24px;
    letter-spacing: 3px
}

.form-text h1 {
    font-size: 22px;
    color: #000000;
    display: inline-block;
    margin-right: 22px;
}

.form-text span {
    font-size: 13px;
    font-weight: 300;
    color: #4A4A4A;
}

.form-style input {
    padding-left: 30px;
    outline: none;
    width: 332px;
    height: 49px;
    background: #F9F9F9;
    border: 1px solid #F0F0F0;
    border-radius: 23px;
    font-size: 14px;
    margin-right: 24px;
}

.form-submit {
    display: inline-block;
    width: 154px;
    line-height: 47px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 23px;
    font-size: 15px;
    color: #000000;
    text-align: center;
    cursor: pointer;
}

.page-box {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 70px;
}

.page-box .page-num,
.page-box .prev,
.page-box .next,
.page-box .previous {
    padding-left: 16px;
    padding-right: 16px;
    height: 38px;
    line-height: 38px;
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    margin: 0 5px;
}

.page-box .page-num:hover,
.page-box .prev:hover,
.page-box .next:hover,
.page-box .previous:hover {
    color: #E4B47C;
}

.page-box .page_active {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    color: #FFFFFF !important;
}





#page {
    text-align: center;
}

#page .layui-laypage>a,
#page .layui-laypage>span,
#page-p,
#page-n {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 40px !important;
    height: 40px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 40px !important;
    padding: 0;
    border: 1px solid #F0F0F0;
    margin-bottom: 0;
}

#page-p,
#page-n {
    width: 70px !important;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
}

#page-p:hover,
#page-n:hover {
    color: #E4B47C;
}

#page .layui-laypage .layui-laypage-em {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

#page .layui-laypage a:hover {
    color: #E4B47C;
}

.eff-footer {
    height: 186px;
    background-image: url("../images/effecPicture/bg2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.eff-footer-box {
    width: 1420px;
    margin: auto;
    padding-top: 32px;
    padding-bottom: 38px;
}

.f-text {
    font-size: 17px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 4px;
}

.text-line {
    display: inline-block;
    border-bottom: 1px solid #F5C98F;
    padding-bottom: 9px;
}

.eff-footer-btn {
    display: flex;
    border: 1px solid #8C8C8C;
    color: #FFFFFF;
    width: 530px;
    margin-top: 40px;
}

.select-btn {
    width: 89px;
    height: 42px;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    border-right: 1px solid #8C8C8C;
    cursor: pointer;
}

.eff-footer-btn input {
    outline: none;
    border: none;
    background: transparent;
    font-size: 16px;
    padding-left: 18px;
    color: #FFFFFF;
    width: 312px;
}

.search-btn {
    width: 127px;
    font-size: 16px;
    background: #5B5E5E;
    line-height: 42px;
    text-align: center;
    border-left: 1px solid #8C8C8C;
    cursor: pointer;
}

/* 效果详情图 */
.effect-detals-box {
    width: 1420px;
    margin: auto;
    padding-bottom: 72px;
}

.navigation-text {
    font-size: 16px;
    font-weight: 400;
    color: #010101;
    margin-top: 120px;
    margin-bottom: 45px;
}

.detail-conteng {
    display: flex;
}

.detail-left {
    width: 1099px;
    margin-right: 12px;
}

.detail-right {
    width: 307px;
}

.detail-img {
    padding: 25px 0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
}

.mySwiper1 {
    position: relative;
}

.mySwiper1-pagination-box {
    width: 135px;
    height: 41px;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 21px;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 41px;
    position: absolute;
    right: 60px;
    bottom: 21px;
}

.mySwiper1-pagination-box .current {
    font-size: 25px;
    color: #F6CA8F;
}

.page-img {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -10px;
    bottom: 1px;
    border-radius: 50%;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-img img {
    width: 22px;
    height: 22px;
}

.mySwiper1-bottom-p {
    margin-bottom: 30px;
    display: flex;
    margin-top: 27px;
    position: relative;
    cursor: pointer;
}

.mySwiper1-bottom-p .active-btn {
    background-color: #FFFFFF;
    position: relative;
}

.mySwiper1-bottom-p .active-btn:before,
.mySwiper1-bottom-p .active-btn:after {
    content: "";
    display: block;
    border-width: 15px;
    position: absolute;
    top: -30px;
    left: calc(50% - 15px);
    border-style: solid dashed dashed;
    border-color: transparent transparent #DFB07A;
    font-size: 0;
    line-height: 0;
}

.mySwiper1-bottom-p .active-btn:after {
    top: -28px;
    border-color: transparent transparent #FFF;
}


.mySwiper1-bottom-p div {
    width: 113px;
    height: 54px;
    background: #F6EFE7;
    border: 1px solid #DFB07A;
    font-size: 14px;
    color: #343434;
    line-height: 54px;
    text-align: center;

}



.mySwiper1-bottom-p .dianzan {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 112px;
    padding: 0 15px;
    height: 39px;
    background: #FFFFFF;
    border: 1px solid #AC1515;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 8px;
    text-align: center;
    font-size: 16px;
}

.dianzan i {
    margin-right: 10px;
}

.dianzan-active .heart-i-fill {
    display: inline-block;
}

.dianzan-active .heart-i {
    display: none;
}

.dianzan:focus .heart-i {
    display: none;
}

.heart-i-fill {
    color: #AC1515;
}

.detail-left .remark {
    border-top: 1px solid #717171;
    padding: 40px 35px;
    font-size: 15px;
    color: #343434;
    letter-spacing: 2px;
    line-height: 26px;
    height: 377px;
}

.my-tab {
    display: flex;
    position: relative;
    gap: 15px;
}

.tab-item {
    width: 356px;
    height: 188px;
    display: inline-block;
}

.my-tab img {
    width: 100%;
    height: 100%;
}

.tab-item {
    position: relative;
}

.tab-item div {
    position: absolute;
    right: 10px;
    top: 10px;
    min-width: 82px;
    padding: 0 10px;
    height: 28px;
    background: #FFFFFF;
    border-radius: 2px;
    font-size: 14px;

    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.tab-item span {
    color: #AC1515;
}

.my-layui-tab-content {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
}

.heart-i-fill {
    display: none;
}

.heart-active .heart-i-fill {
    display: inline-block;
}

.heart-active .heart-i {
    display: none;
}

.layui-tab .layui-tab-title {
    color: #000000;
    font-size: 16px !important;
    height: 60px;
}

.layui-tab .layui-this {
    color: #E4B47C !important;
}

.layui-tab .layui-this::after {
    left: 35% !important;
    width: 30% !important;
    border-bottom: 2px solid #E4B47C !important;
}

.detail-right .design-ingo-top .design-user {
    width: 111px;
    height: 160px;
    border: 4px solid #FFFFFF;
    border: 2px solid #E4B47C;
}

.detail-right .design-info {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #6B6B6B;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.33);
    background-image: url(../images/effecPicture/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 25px;
    line-height: 23px;
    border-radius: 10px;
}

.design-info .design-ingo-top {
    display: flex;
    margin-bottom: 35px;
}

.design-info .occupation {
    font-size: 25px;
    font-weight: bold;
    color: #000000;
    color: #E4B47C;
    margin-top: 35px;
    margin-bottom: 18px;
}

.design-info .design-name {
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 8px;
}

.design-info .design-p {
    padding-bottom: 16px;
    border-bottom: 1.5px solid #7A7A7A;
}

.design-info .design-info-title {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 14px;
    margin-top: 27px;
}

.design-info .design-btn {
    width: 257px;
    height: 45px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 31px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    line-height: 45px;
    margin-top: 40px;
    cursor: pointer;
}

.detail-right .effect-comp {
    margin-top: 20px;
    margin-bottom: 16px;
    padding: 32px 28px 19px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.33);
    border-radius: 10px;
}

.detail-right .effect-comp-title {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.detail-right .design-form1-btn {
    width: 260px;
    height: 44px;
    border: 1px solid #FFFFFF;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 21px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    line-height: 44px;
    margin: 20px 0 20px;
    cursor: pointer;
}

.detail-right .design-phone {
    font-size: 14px;
    font-weight: 300;
}

.detail-right .client-demo-list {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    line-height: 24px;
    background: linear-gradient(0deg, #FFFFFF, #FBF7F2);
    padding: 10px 0 10px;
    text-align: center;
}

.detail-right .client-demo-list span {
    color: #C98F4C;
    margin: 0 20px;
}

.detail-right .client-demo-list i {
    color: #8E8E8E;
}

.design-form1 div {
    width: 260px;
    height: 44px;
    background: #F3F3F3;
    border: 1px solid #F3F5F7;
    border-radius: 21px;
    margin-bottom: 10px;
    overflow: hidden;
}

.design-form1 div input {
    outline: none;
    border: none;
    width: 100%;
    height: 100%;
    background: #F3F3F3;
    padding-left: 17px;
}

.effect-strategy {
    width: 307px;
    height: 339px;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.33);
    padding: 0 24px 0 17px;
    border-radius: 10px;
}

.effect-strategy .effect-strategy-title {
    color: #000000;
    display: flex;
}

.effect-strategy .effect-strategy-title span {
    flex: 1;
    padding: 25px 0 15px;
}

.effect-strategy .effect-strategy-title span:first {
    font-size: 16px;
}

.effect-strategy .effect-strategy-title span:last-child {
    font-size: 13px;
    text-align: right;
}

.effect-strategy .effect-strategy-item {
    display: flex;
    margin-bottom: 10px;

}

.effect-strategy .effect-strategy-item div {
    margin-left: 14px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #000000;
}

/* 设计师 */
.designer-box .designer-ad-box {
    max-width: 1920px;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 70px;
}

.designer-ad-box h1 {
    font-size: 39px;
    color: #000000;
}

.designer-ad-box h2 {
    font-size: 19px;
    color: #000000;
    font-weight: 400;
    margin-top: 26px;
    margin-bottom: 60px;
}

.designer-ad-box .designer-ad-img {
    display: flex;
    width: 1420px;
    margin: auto;
    gap: 4px;
}

.designer-ad-box .designer-ad-img-card1 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.designer-ad-box .designer-ad-img-card2 {
    position: relative;
}

.designer-ad-box .designer-ad-img-card2 .img-text {
    text-align: left;
    padding-left: 33px;
    width: 100%;
    position: absolute;
    bottom: 0;
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    line-height: 59px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    letter-spacing: 2px;
}

.designer-ad-box .designer-ad-img-card1 img {
    width: 285px;
    height: 184px;
}

.designer-ad-box .designer-ad-img-card2 img {
    width: 842px;
    height: 561px;
}

.designer-list {
    width: 1420px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
    padding-top: 100px;
}

.designer-list .designer-item {
    width: 700px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
    height: 352px;
    display: flex;
    padding: 23px 24px;
    border-radius: 10px;
}

.designer-list .designer-i-left {
    width: 209px;
    height: 306px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-right: 20px;
}

.designer-list .designer-i-left img {
    transition: all .5s;
}

.designer-list .designer-i-left:hover img {
    transform: scale(1.1)
}

.designer-list .designer-i-left:hover .subscribe-design {
    opacity: 1;
}

.designer-list .subscribe-design {
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 38px;
    text-align: center;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    transition: all .5s;
}

.designer-item .designer-i-right {
    letter-spacing: 2px;
    width: 420px;
}

.designer-list .designer-right-top {
    display: flex;
    align-items: center;
}

.designer-list .designer-right-top span {
    flex: 1;
}

.designer-item .designer-name {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.designer-item .designer-gw {
    font-size: 13px;
    color: #444444;
    font-weight: 400;
    text-align: right;
}

.designer-item .check-detail {
    cursor: pointer;
    text-align: right;
    flex: 1.6 !important;
}

.designer-item .designer-right-remark {
    font-size: 13px;
    font-weight: 400;
    color: #444444;
    margin-top: 21px;
    margin-bottom: 52px;
}

.designer-item .designer-right-title {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
}

.designer-detail .designer-detail-bg {
    z-index: -1;
    background-image: url(../images/effecPicture/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 694px;
    position: absolute;
    width: 100%;
}

.designer-detail .designer-detail-box {
    width: 1420px;
    margin: auto;
    display: flex;
}

.designer-detail .designer-detail-right {
    width: 332px;
    padding-top: 182px;
    margin-left: 16px;
}

.designer-detail .designer-detail-content {
    display: flex;
    letter-spacing: 2px;
    height: 530px;
}

.designer-detail-content .designer-detail-img {
    width: 310px;
    height: 439px;
    border: 4px solid #242424;
    overflow: hidden;
    box-shadow: 0px 1px 5px 0px #000000;
    border: 3px solid #E4B47C;
}

.designer-detail-info {
    padding-top: 37px;
    padding-left: 40px;
}

.designer-detail-info .designer-detail-text1 {
    font-size: 35px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #E4B47C;
}

.designer-detail .designer-detail-text2 {
    font-size: 29px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    color: #E4B47C;
    margin: 21px 0 24px;
}

.designer-detail-text3 {
    font-size: 13px;
    font-weight: 400;
    color: #444444;
    margin-bottom: 19px;
}

.designer-detail-text3.text4 {
    padding-bottom: 14px;
    margin-top: 44px;
    margin-bottom: 34px;
    border-bottom: 1px solid #6B6B6B;
}

.designer-detail-rq {
    padding-top: 37px;
    margin-left: 54px;
}

.designer-detail-rq .rq {
    font-size: 13px;
    color: #444444;
    text-align: center;
}

.designer-detail-rq .rq span {
    font-size: 18px;
    color: #E4B47C;
}

.designer-detail-rq .f-design {
    width: 153px;
    height: 44px;
    line-height: 44px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 22px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #E4B47C;
    text-align: center;
    color: #FFFFFF;
    margin-top: 30px;
    cursor: pointer;
}

.designer-detail .designer-case {
    padding: 0 40px;
    background: #FFFFFF;
    width: 1070px;
    letter-spacing: 2px;
    margin-bottom: 50px;
    border-radius: 10px;
}

.designer-case .case-production {
    color: #000000;
    font-size: 26px;
    font-weight: 400;
    padding-top: 46px;
    padding-bottom: 21px;
    border-bottom: 1px solid #AFAFAF;
    margin-bottom: 30px;
}

.designer-case .case-production span {
    color: #8A8A8A;
    font-size: 13px;
}

.designer-case-list-box {
    display: flex;
    gap: 20px;
}

.designer-case-item>img {
    width: 318px;
    height: 177px;
}

.designer-case-text {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    position: relative;
    padding-right: 25px;
    margin-top: 16px;
    margin-bottom: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    max-width: 318px;
    line-height: 30px;
}

.designer-case-text img {
    position: absolute;
    right: 5px;
    width: 20px;
    top: 5px;
}

.plate-gage {
    width: 332px;
    height: 435px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.17);
    border-radius: 10px;
}

.plate-gate-img {
    width: 332px;
    height: 147px;
    position: relative;
    margin-bottom: 30px;
}

.plate-gate-img img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.plate-gate-img h1 {
    position: relative;
    z-index: 1;
    font-size: 28px;
    color: #FFFFFF;
    text-shadow: 0px 0px 6px #000000;
    padding-left: 20px;
    padding-top: 33px;
    padding-bottom: 9px;
}

.plate-gate-img div {
    padding-left: 20px;
    line-height: 25px;
    position: relative;
    z-index: 1;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
}

.plate-gate-form form div,
.plate-gate-form form input {

    width: 278px;
    height: 47px;
    background: #F3F3F3;
    border: 1px solid #F3F5F7;
    border-radius: 21px;
    margin: auto;
}

.plate-gate-form form div {
    margin-bottom: 12px;
}

.plate-gate-form form input {
    padding-left: 18px;
    outline: none;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: #6A6A6A;
}

.plate-gate-form-btn {
    width: 277px;
    height: 46px;
    line-height: 46px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 21px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #FFFFFF;
    margin: auto;
    text-align: center;
    cursor: pointer;
}

.case-recommendation {
    width: 332px;
    height: 344px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.17);
    margin-top: 35px;
    padding-left: 15px;
    padding-right: 23px;
    padding-top: 26px;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    border-radius: 10px;
}

.case-recommendation-title {
    display: flex;
    margin-bottom: 23px;
}

.case-recommendation-title div {
    flex: 1;
}

.case-recommendation-title div:last-child {
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
}

.case-recommendation-item {
    display: flex;
    margin-bottom: 16px;
}

.case-recommendation-item img {
    width: 105px;
    height: 75px;
    margin-right: 9px;
}

.case-recommendation-text {
    font-size: 13px;
    font-family: Source Han Sans CN;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 12px;
    margin-bottom: 14px;
    max-width: 180px;
}

.case-recommendation-item-check {
    width: 81px;
    line-height: 22px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    margin-left: auto;
    cursor: pointer;
}

.old-house {
    background-image: url(../images/effecPicture/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    letter-spacing: 2px;
}

.old-house-banner {
    width: 100%;
    max-width: 1920px;
    height: 812px;
    margin: auto;
}

.old-house-m1 {
    width: 1420px;
    margin: auto;
    text-align: center;
}

.old-house-m1 h1 {
    font-size: 39px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    padding-top: 60px;
}

.old-house-m1 h3 {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 20px;
}

.old-house-m1 .old-ques {
    display: flex;
    gap: 20px;
}

.old-house-m1 .old-ques>div {
    width: 326px;
    height: 422px;
    position: relative;
}

.old-house-m1 .old-ques-text {
    width: 100%;
    height: 154px;
    background: rgba(0, 0, 0, 0.69);
    position: absolute;
    bottom: 0;
    color: #FFFFFF;
}

.old-house-m1 .old-ques-text div:first-child {
    font-size: 23px;
    font-weight: 400;
    padding-top: 41px;
    padding-bottom: 19px;
}

.old-house-m1 .old-ques-text div:last-child {
    font-size: 17px;
}

.old-house-renovate1 {
    width: 1420px;
    margin: auto;
    padding-top: 81px;
    padding-bottom: 58px;
    text-align: center;
    letter-spacing: 2px;
}

.old-house-renovate1 h1:first-child {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
}

.old-house-renovate1 h2 {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    margin-top: 29px;
    margin-bottom: 54px;
}

.old-house-renovate1 h1:last-child,
.step-h1 {
    font-size: 30px;
    font-weight: 400;
    color: #000000;
}

.renovate1-img {
    margin-top: 52px;
    margin-bottom: 95px;
    width: 1274px;
}

.renovate1-btn {
    width: 373px;
    height: 72px;
    line-height: 72px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 36px;
    font-size: 25px;
    font-weight: 300;
    color: #000000;
    cursor: pointer;
    margin: auto;
}

.old-house-m3,
.old-house-m4 {
    background: #FFFFFF;
}

.old-house-m3-box {
    background-image: url(../images/oldHouse/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 1820px;
    padding-bottom: 49px;
    margin: auto;
    text-align: center;
}

.old-house-m3-box .step-h1 {
    padding-top: 62px;
    padding-bottom: 70px;
}

.old-house-space-img {
    width: 1228px;
    height: 373px;
    margin: auto;
}

.old-house-m3-h1 {
    font-size: 35px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 80px;
    margin-bottom: 40px;
}

.old-step-list {
    display: flex;
    gap: 25px;
    justify-content: center;
}

.old-step-list img {
    width: 271px;
    height: 138px;
}

.old-house-m3-btn {
    width: 373px;
    line-height: 72px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 7px;
    font-size: 25px;
    font-weight: 300;
    color: #000000;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-top: 74px;
}

.old-house-m4 {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 60px;
}

.old-house-m4-box {
    width: 1228px;
    margin: auto;
}

.designe-style {
    display: flex;
    padding-top: 65px;
    padding-bottom: 71px;
}

.designe-style-left {
    background-image: url(../images/oldHouse/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 768px;
    height: 584px;
    padding: 0 22px;
    padding-top: 108px;
    padding-bottom: 117px;

}

.old-house-swiper {
    width: 100%;
    height: 312px;
}

.old-house-slide {
    position: relative;
    height: 312px;
}

.old-house-slide img:first-child {
    position: absolute;
    width: 289px;
    height: 229px;
    left: 0px;
    top: 16px;
    z-index: 1;
}

.old-house-slide img:last-child {
    position: absolute;
    width: 471px;
    height: 312px;
    top: 0;
    right: 0;
}

.old-house-style-list {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}

.old-house-style-list div {
    cursor: pointer;
}

.old-house-style-active {
    color: #F6CA8F;
}

.old-house-style-list div:after {
    content: '/';
    margin: 0 20px;
    color: #FFFFFF !important;
}

.old-house-style-list div:last-child::after {
    display: none;
}

.designe-style-right {
    width: 449px;
    margin-left: 11px;
    padding: 51px 31px;
    background: #FFFFFF;
    letter-spacing: 2px;
}

.designe-style-right h1 {
    font-size: 30px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    padding-bottom: 24px;
    position: relative;
}

.designe-style-right h1::after {
    content: '';
    width: 72px;
    height: 1px;
    background: #000000;
    position: absolute;
    bottom: 0;
    left: calc(50% - 36px);
}

.designe-style-right h3 {
    font-size: 23px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 26px;
}

.designe-style-right input {
    width: 387px;
    height: 55px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    font-size: 17px;
    font-weight: 400;
    padding-left: 26px;
    margin-bottom: 20px;
    outline: none;
}

.designe-style-right-btn {
    width: 386px;
    line-height: 62px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 23px;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
}

.designe-style-right-remark {
    font-size: 13px;
    color: #FF0000;
    margin-bottom: 11px;
    margin-top: 11px;
}

.designe-style-right-remark:last-child {
    color: #434343;
}

.old-house-m5-box {
    width: 1106px;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 69px;
}

.old-house-m5-box h1 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
}

.old-house-m5-box h2 {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    margin-top: 29px;
    margin-bottom: 39px;
}

.cl-list {
    display: flex;
    gap: 13px;
}

.cl-list div {
    width: 147px;
    line-height: 79px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 30px 0px 30px 0px;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.house-img-list {
    margin-top: 13px;
    margin-bottom: 11px;
    display: flex;
    gap: 7px;
}

.house-img-list img {
    width: 271px;
    height: 174px;
}

.sb-content {
    padding: 45px 72px 57px 45px;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
}

.sb-content img {
    width: 990px;
    height: 303px;
}

.old-house-m5-btn {
    width: 373px;
    line-height: 72px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 7px;
    font-size: 25px;
    font-weight: 300;
    color: #000000;
    cursor: pointer;
    text-align: center;
    margin: auto;
    margin-top: 75px;
}

.old-house-m6 {
    height: 664px;
    padding-top: 56px;
    padding-bottom: 149px;
    background: #FFFFFF;
}

.old-house-box {
    max-width: 1920px;
    width: 100%;
    height: 456px;
    background-image: url(../images/oldHouse/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    position: relative;
}

.old-house-m6-form {
    position: absolute;
    right: 327px;
    top: -60px;
    box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.11);
    text-align: center;
}

.construction-ading {
    max-width: 1920px;
    width: 100%;
    height: 811px;
    margin: auto;
}

.construction-modal1 .wyzx {
    font-size: 23px;
    font-weight: 500;
    color: #F5F5F5;
    margin-right: 30px;
    color: #F6CA8F;
}

.construction-modal1 .zzrx {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #F5F5F5;
}

.construction-modal2 {
    max-width: 1920px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 132px;
    padding-bottom: 45px;
}

.construction-project-item {
    text-align: center;
    margin-top: 80px;
}

.project-item-img {
    width: 130px;
    height: 130px;
    background: #F9F9F9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.icon-a {
    display: none;
}

.construction-project-item:hover .project-item-img {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

.construction-project-item:hover .icon-a {
    display: inline-block;
}

.construction-project-item:hover .icon-n {
    display: none;
}

.project-item-text1 {
    font-size: 23px;
    font-weight: 500;
    color: #000000;
    margin-top: 43px;
    margin-bottom: 38px;
    position: relative;
}

.project-item-text1::after {
    content: '';
    width: 44px;
    height: 1px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    position: absolute;
    bottom: -21px;
    left: calc(50% - 22px);
}

.project-item-text2 {
    font-size: 13px;
    color: #000000;
}

.construction-modal3 {
    background-image: url(../images/effecPicture/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 75px;
}

.construction-modal3-box {
    width: 1420px;
    margin: auto;
    text-align: center;
}

.construction-modal3-box h1 {
    font-size: 39px;
    color: #000000;
    padding-top: 34px;
}

.construction-modal3-box h3 {
    font-size: 19px;
    font-weight: 300;
    color: #000000;
    margin-top: 26px;
    margin-bottom: 111px;
}

.construction-modal3-swiper {
    display: flex;
}

.left-slide {
    width: 285px;
    height: 661px;
    background: #F5F6FB;
    border-radius: 19px;
    background-image: url(../images/construction/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 24px;
}

.right-swiper {
    width: 1110px;
    height: 661px;
    background: #D2D2D2;
    box-shadow: 0px 1px 13px 0px rgba(4, 0, 0, 0.19);
    border-radius: 19px;
    overflow: hidden;
}

.construction-swiper1 img {
    width: 1110px;
    height: 661px;
}

.left-slide-title {
    font-size: 23px;
    font-weight: 500;
    color: #000000;
    padding-top: 58px;
    margin-bottom: 58px;
}

.left-slide-item {
    font-size: 19px;
    font-weight: 300;
    color: #838383;
    margin-top: 50px;
    cursor: pointer;
    position: relative;
}

.left-slide-item-a {
    color: #E4B47C;
}

.left-slide-item-a::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid orange;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: 53px;
    top: calc(50% - 7px);
}

.construction-pagination1 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #F5F6FB;
    border-radius: 50%;
    opacity: 1;
}

.construction-pagination1 .swiper-pagination-bullet-active {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

.construction-modal4 {
    max-width: 1920px;
    width: 100%;
    height: 785px;
    margin: auto;
}

.construction-modal4 img {
    width: 100%;
    height: 100%;
}

.construction-modal5-box {
    width: 1260px;
    text-align: center;
    margin: auto;

}

.construction-modal5-box h1 {
    font-size: 39px;
    color: #000000;
    margin-top: 80px;
    margin-bottom: 26px;
}

.construction-modal5-box h2 {
    font-size: 19px;
    font-weight: 300;
    color: #000000;
}

.construction-imgbox1 {
    margin-top: 60px;
    display: flex;
    gap: 10px;
}

.construction-imgbox1 img {
    width: 244px;
    height: 352px;
}

.construction-imgbox2 {
    margin-top: 42px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 13px;
}

.imgbox2-item {
    width: 410px;
    height: 249px;
    position: relative;
}

.imgbox2-item>img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.imgbox2-item .imgbox2-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    padding-right: 34px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.62);
}

.imgbox2-item .imgbox2-text img {
    width: 47px;
    height: 44px;
    margin-right: 18px;
}

.imgbox2-item .imgbox2-text1 {
    font-size: 15px;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.imgbox2-item .imgbox2-text2 {
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
}

.construction-modal5-btn {
    width: 382px;
    height: 62px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 5px;
    font-size: 25px;
    color: #000000;
    text-align: center;
    line-height: 62px;
    margin: auto;
    margin-top: 60px;
}

.construction-imgbox3 {
    display: flex;
    letter-spacing: 2px;
    margin-top: 51px;
    margin-bottom: 60px;
}

.construction-imgbox3 img {
    width: 654px;
    height: 452px;
}

.construction-imgbox3>div {
    width: 627px;
    height: 429px;
    background: #000000;
    padding-top: 57px;
    padding-bottom: 37px;
    padding-left: 106px;
    text-align: left;
}

.imgbox3-text {
    font-size: 15px;
    color: #FFFFFF;
    margin-bottom: 36px;
}

.imgbox3-text span {
    font-size: 28px;
}

.construction-imgbox3-btn {
    width: 382px;
    height: 62px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 5px;
    font-size: 25px;
    color: #000000;
    line-height: 62px;
    text-align: center;
    cursor: pointer;
}

.construction-modal6 {
    max-width: 1920px;
    width: 100%;
    margin: auto;
    height: 896px;
    background-image: url(../images/construction/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 49px;
    margin-bottom: 56px;
    position: relative;
}

.construction-modal6 img {
    width: 100%;
    height: 100%;
}

.construction-modal6-text {
    position: absolute;
    top: 195px;
    left: 890px;
}

.construction-modal6-text div {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 36px;
    position: relative;
}

.construction-modal6-text div::before {
    content: '';
    width: 7px;
    height: 7px;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 18px;
}

.construction-modal6-text span {
    font-size: 23px;
}

.construction-modal7 {
    margin-bottom: 60px;
}

.construction-modal7 h1 {
    text-align: center;
    font-size: 39px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    margin-bottom: 50px;
    margin-top: 80px;
}

.construction-modal7-box {
    width: 1260px;
    margin: auto;
    display: flex;
}

.construction-modal7-box img {
    width: 648px;
    height: 637px;
    margin-right: 50px;
}

.construction-modal7-right-t1 {
    font-size: 21px;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 14px;
}

.construction-modal7-right-t2 {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 20px;
}

.construction-modal8 {
    width: 100%;
    height: 754px;
    background-image: url(../images/construction/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 10px;
    position: relative;
}

.construction-modal8-form {
    position: absolute;
    width: 469px;
    height: 476px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
    border-radius: 4px;
    padding: 27px 50px 0px;
    letter-spacing: 2;
    text-align: center;
    right: 364px;
    top: 222px;
}

.construction-modal8-form h1 {
    font-size: 23px;
    font-weight: 400;
    color: #000000;
}

.construction-modal8-form h3 {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-top: 19px;
    margin-bottom: 26px;
}

.construction-modal8-form input {
    width: 348px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    font-size: 13px;
    outline: none;
    padding-left: 17px;
    margin-bottom: 17px;
}

.construction-modal8-form-btn {
    width: 347px;
    line-height: 56px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 28px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
}

.construction-modal8-form-remark1,
.construction-modal8-form-remar2 {
    font-size: 14px;
    color: #777777;
}
.construction-modal8-form-remark2{
    font-size: 13px;
}
.construction-modal8-form-remark1 {
    color: #AC0B0B;
    margin: 18px 0 5px;
}

.construction-modal8>h1 {
    text-align: center;
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 78px;
}

.construction-modal8>h3 {
    text-align: center;
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    padding-top: 29px;
    padding-bottom: 47px;
}

.brand-banner {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

.brand-banner img {
    width: 100%;
}

.brand-modal1 {
    background-image: url(../images/effecPicture/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1140px;
}

.brand-modal1-box {
    position: relative;
    width: 1260px;
    margin: auto;
    text-align: center;
    letter-spacing: 2px;
}

.brand-modal1-box h1 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
    padding-top: 80px;
    padding-bottom: 50px;
    position: relative;
}

.brand-modal1-box h3 {
    font-size: 38px;
    font-weight: 400;
    color: #EEEEEE;
    position: absolute;
    top: 66px;
    z-index: -1;
    width: 100%;
    text-align: center;
    letter-spacing: 5px;
}

.brand-modal1-textbox {
    display: flex;
    gap: 160px;
    font-size: 16px;
    color: #000000;
    justify-content: center;
}

.brand-modal1-textbox-item span {
    font-size: 30px;
    font-weight: 500;
    color: #C08F37;
    margin-top: 14px;
    margin-bottom: 12px;
}

.brand-modal1 .mapimg {
    position: absolute;
    left: -80px;
    top: 345px;
}

.brand-modal1-textcard1 {
    position: absolute;
    top: 419px;
    right: 0;
}

.textcard1-text1 {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
}

.textcard1-text2 {
    font-size: 26px;
    font-weight: 400;
    color: #E4B47C;
}

.textcard1-text3 {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
}

.textcard1-text3 span {
    color: #E4B47C;
}

.textcard1-text4 {
    font-size: 12px;
    font-weight: 300;
    color: #929292;
}

.fenbu {
    position: absolute;
    top: 600px;
    right: 0;
    width: 116px;
    height: 33px;
    border: 1px solid #BBBBBB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 300;
    color: #747474;
}

.fenbu img {
    width: 17px;
    margin-right: 10px;
}

.brand-modal1-textcard2 {
    position: absolute;
    right: 0;
    top: 700px;
    font-size: 15px;
    font-weight: 300;
    color: #000000;
    text-align: left;
}

.brand-modal1-textcard2 div:first-child {
    font-size: 19px;
    font-weight: 400;
    color: #000000;
    color: #E4B47C;
    margin-bottom: 20px;
}

.textcard3 {
    right: 0;
    top: 890px;
}

.brand-modal2 {
    background-image: url(../images/brand/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 77px;
}

.brand-modal2-box {
    width: 1260px;
    margin: auto;
    text-align: center;
}

.brand-modal2-box h1 {
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 60px;
}

.brand-modal2-box h2 {
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 26px;
    margin-bottom: 70px;
}

.brand-modal2-content1 {
    display: flex;
    justify-content: center;
    text-align: left;
}

.brand-modal2-content1 img {
    width: 660px;
    height: 440px;
    margin-right: 51px;
}

.brand-modal2-content1-right div:first-child {
    font-size: 34px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 99px;
}

.brand-modal2-content1-right div:nth-child(2) {
    font-size: 22px;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 31px;
    margin-bottom: 43px;
}

.brand-modal2-content1-right div:last-child {
    font-size: 15px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 38px;
    letter-spacing: 2px;
}

.brand-modal2-box h2 {
    padding-left: 60px;
    text-align: left;
    font-size: 34px;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 100px;
    margin-bottom: 44px;
}

.brand-modal2-box h2 span {
    font-weight: bold;
}

.brand-modal2-content2 {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.modal2-content2-item div:first-child {
    width: 237px;
    line-height: 63px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 15px;
}

.modal2-content2-item div:last-child {
    padding: 23px 37px;
    width: 237px;
    height: 200px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 25px;
}

.modal2-content2-item div:last-child::before {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #e5b57d;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 30px;
    top: -10px;

}

.brand-banner2 {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

.brand-banner2 img {
    width: 100%;
}

.brand-modal3 {
    width: 1260px;
    margin: auto;
    text-align: center;
}

.brand-swiper1 {
    margin: auto;
}

.brand-slide {
    position: relative;
    width: 100%;
    text-align: right;
}

.brand-slide img {
    width: 964px;
    margin-right: 60px;
}

.brand-button {
    color: #D4D4D4;
    font-size: 30px;
}

.brand-slide-textcard {
    width: 327px;
    height: 469px;
    background: #272727;
    position: absolute;
    left: 60px;
    top: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-slide-textcard-box {
    width: 300px;
    height: 430px;
    border: 1px solid #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.brand-slide-textcard-box div {
    font-size: 35px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 21px;
}

.brand-slide-textcard-box div:last-child {
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    color: #E4B47C;
    margin-top: 42px;
}

.brand-modal3 h1 {
    margin-top: 60px;
    margin-bottom: 44px;
    font-size: 45px;
    font-weight: 400;
    color: #000000;
}

.brand-list {
    display: flex;
    flex-wrap: wrap;
    width: 1260px;
    gap: 40px;
}

.brand-list img {
    width: 120px;
}

.brand-lastmodal {
    width: 100%;
    max-width: 1920px;
    margin: auto;
    padding-bottom: 50px;
}

.brand-modal4 {
    background-image: url(../images/brand/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 664px;
    text-align: center;
}

.brand-modal4-box {
    width: 1270px;
    height: 420px;
    background: #FFFFFF;
    margin: auto;
    display: flex;
    position: relative;
}

.brand-modal4-box>div {
    flex: 1;
}

.brand-modal4 h1 {
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 40px;
}

.brand-modal4 h3 {
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    margin: 10px 0 20px;
}

.brand-modal4-box-left form {
    font-size: 14px;
}

.brand-modal4-box-left input {
    /* width: 342px; */
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 10px;
}

.brand-formitem1 {
    display: flex;
    /* align-items: center; */
}

.brand-formitem1>div:last-child {
    width: calc(100% - 100px);
    display: flex;
    flex-wrap: wrap;
}

.brand-modal4-box-left select {
    width: 166px;
    height: 42px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    outline: none;
    margin-right: 10px;
    margin-bottom: 10px;
}

.formitem1-title {
    display: inline-block;
    width: 78px;
    margin-right: 15px;
    margin-left: 60px;
}

.s-select {
    width: 107px !important;
}

.brand-modal4-box-left h1 {
    font-size: 21px;
    font-weight: 400;
    color: #000000;
    padding-top: 45px;
    padding-bottom: 15px;
}

.brand-formitem1-remark {
    text-align: left;
    width: 342px;
    margin-left: 150px;
}

.brand-modal4-box-centerline {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 360px;
    background: #B7B7B7;
    top: 30px;
    left: 50%;
}

.brand-modal4-box-right h1 {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 36px;
    text-align: center;
}

.brand-modal4-box-right h1 span {
    color: #E4B47C;
    font-size: 25px;
    margin-left: 30px;

}

.brand-modal4-box-right>div {
    width: 409px;
    height: 263px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    padding-top: 44px;
    margin: auto;
}

.brand-modal4-box-right>div>div {
    margin-bottom: 30px;
}

.brand-modal4-box-right>div span {
    font-weight: bold;
    padding-left: 65px;

}

.waiyuam {
    width: 130px;
    height: 130px;
    background: #FFFFFF;
    border: 1px solid #B7B7B7;
    border-radius: 50%;
    position: absolute;
    left: -65px;
    top: calc(50% - 65px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.neiyuan {
    width: 100px;
    height: 100px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border: 3px solid #E5D4BE;
    border-radius: 50%;
    line-height: 100px;
    text-align: center;
    cursor: pointer;
}

.neiyuan::before {
    content: '';
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    position: absolute;
    left: -40px;
    top: calc(50% - 25px);
}

.neiyuan::after {
    content: '';
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    position: absolute;
    right: -40px;
    top: calc(50% - 25px);
}

.brand-modal5 {
    background-image: url(../images/brand/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 903px;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 82px;
}

.brand-modal5-box {
    width: 1274px;
    margin: auto;
    background-image: url(../images/brand/bg4.png);
    height: 625px;
    padding: 16px 16px 16px 25px;
}

.brand-modal5-box {
    display: flex;
}

.brand-modal5 h1 {
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}

.brand-modal5 h3 {
    font-size: 19px;
    margin-top: 27px;
    margin-bottom: 42px;
    text-align: center;
    font-weight: 300;
    color: #FFFFFF;
}

.brand-modal5-box-left {
    width: 457px;
    height: 593px;
    background: #262626;
    text-align: center;
}

.brand-modal5-box-t1 {
    font-size: 24px;
    font-weight: 400;
    color: #C5C4CC;
    padding-top: 105px;
    margin-bottom: 21px;
}

.brand-modal5-box-t2 {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.brand-modal5-box-t2 span {
    color: #E4B47C;
}

.brand-modal5-box-left-btn {
    width: 247px;
    line-height: 57px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    margin: auto;
    margin-top: 77px;
    cursor: pointer;
    border-radius: 10px;
}

.brand-modal5-box-right {
    width: 761px;
    margin-left: 16px;
}

.brand-modal5-box-right .sjtd {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.brand-modal5-box-right .sjtd img {
    width: 145px;
    height: 192px;

}

.brand-modal5-box-right .sjtu-img img {
    width: 761px;
    height: 192px;
    margin-top: 9px;
}

.brand-modal6 {
    width: 1200px;
    margin: auto;
    text-align: center;
}

.brand-modal6 h1 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
    padding-top: 60px;
}

.brand-modal6 h3 {
    font-size: 19px;
    font-weight: 300;
    color: #000000;
    margin-top: 27px;
    margin-bottom: 41px;
}

.brand-slide2>div {
    display: flex;
    width: 100%;
    height: 514px;
}

.brand-slide2>div>img {
    width: 748px;
    height: 514px;
}

.brand-slide2>div div img {
    width: 429px;
    height: 290px;
    margin-bottom: 9px;
    margin-left: 9px;
}

.brand-slide2>div img:last-child {
    margin-bottom: 0;
}

.brand-page2 {
    display: flex;
    gap: 8px;
    margin-top: 15px;
}

.brand-page2 div {
    width: 191px;
    line-height: 53px;
    background: #000000;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
}

.brand-page2 .brand-page2-a {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    color: #FFFFFF;
}

.brand-modal6-btn {
    width: 247px;
    line-height: 57px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 5px;
    font-size: 25px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-top: 62px;
    margin-bottom: 60px;
}

.brand-modal7 {
    background-image: url(../images/brand/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 978px;
    box-sizing: border-box;
    text-align: center;
}

.brand-modal7-box {
    width: 900px;
    margin: auto;
}

.brand-modal7-box h1 {
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 60px;
}

.brand-modal7-box h3 {
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 27px;
    margin-bottom: 52px;
}

.brand-modal7-box-content {
    display: flex;
    gap: 30px;
}

.brand-modal7-box-content-item {
    width: 256px;
}

.brand-modal7-box-content-item img:first-child {
    height: 125px;
}

.brand-modal7-box-content-item img:nth-child(2) {
    width: 256px;
    height: 376px;
    margin-top: 30px;
    margin-bottom: 46px;
}

.brand-modal7-box-content-item div {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    padding: 0 24px;
    text-align: left;
    letter-spacing: 2px;

}

.brand-modal7-box-content-item.s div {
    margin-top: 47px;
    margin-bottom: 24px;
}

.brand-modal8 {
    width: 1260px;
    margin: auto;
    text-align: center;
}
.brand-modal8 .pinpai-btn {
    font-size: 25px;
}
.brand-modal8 h1 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
    padding-top: 58px;
}

.brand-modal8 h3 {
    font-size: 19px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #000000;
    margin-top: 27px;
    margin-bottom: 38px;
}

.cailiao {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 28px;
}

.cailiao-item {
    width: 167px;
    line-height: 67px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 30px 0px 30px 0px;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.brand-modal8-img {
    display: flex;
    gap: 10px;
    margin-bottom: 28px;
    justify-content: center;
}

.brand-modal8-img img {
    width: 302px;
    height: 158px;
}

.pinpai,
.brand-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 12px;
}

.pinpai div,
.brand-list div {
    box-sizing: border-box;
    width: 144px;
    height: 67px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 13px;
}

.pinpai div img,
.brand-list div img {
    max-width: 100%;
    max-height: 100%;
}

.pinpai-btn {
    width: 380px;
    line-height: 60px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 69px;
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
}

.brand-list {
    margin-top: 40px;
    margin-bottom: 30px;
}

.brand-list div {
    border: none;
}

.brand-modal-l2 {
    height: 610px;
}

.brand-modal-l2-box {
    height: 322px;
    background-image: url(../images/brand/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.brand-modal-l2-box h1 {
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 42px;
    text-align: center;
    padding-top: 60px;
}

.brand-modal-l2-content {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 6px 6px;
    width: 1350px;
    height: 358px;
    background: #E3E3E3;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.17);
    border-radius: 15px;
    margin: auto;
    margin-top: 47px;
    justify-content: space-around;
}

.brand-modal-l2-content>div {
    width: 438px;
    height: 171px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.brand-modal-l2-content>div img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.brand-modal-l2-content-item div:nth-child(2) {
    font-size: 25px;
    font-weight: 500;
    color: #E4B47C;
    margin-top: 40px;
    margin-bottom: 36px;
    position: relative;
    padding-left: 30px;
}

.brand-modal-l2-content-item div:nth-child(2)::after {
    content: '';
    width: 66px;
    height: 2px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    position: absolute;
    bottom: -15px;
    left: 30px;
}

.brand-modal-l2-content-item div:last-child {
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
    position: relative;
    padding-left: 30px;
}

.brand-modal-l3 {
    background-image: url(../images/effecPicture/bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 908px;
}

.brand-modal-l3-box {
    width: 1420px;
    margin: auto;
    text-align: center;
}

.brand-modal-l3-box h1 {
    padding-top: 93px;
}

.brand-modal-l3-box h3 {
    margin-top: 27px;
    margin-bottom: 50px;
}

.brand-modal-l3-box img {
    width: 1420px;
    height: 626px;
}

.brand-modal-l4 {
    height: 166px;
    background-image: url(../images/brand/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.brand-modal-l4 h2 {
    font-size: 20px;
    font-weight: 400;
    color: #FEFEFE;
    line-height: 36px;
    text-align: center;
    padding-top: 34px;
}

.brand-modal-l4-form {
    width: 1420px;
    margin: auto;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    padding-left: 14px;
    padding-bottom: 24px;
}

.brand-modal-l4-form-text {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    padding-top: 34px;
    padding-bottom: 25px;
}

.brand-modal-l4-form-text span {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #4A4A4A;
}

.brand-modal-l4-form-content {
    display: flex;
}

.brand-modal-l4-form-content input {
    outline: none;
    width: 261px;
    height: 49px;
    background: #F9F9F9;
    border: 2px solid #F0F0F0;
    border-radius: 23px;
    padding-left: 30px;
    font-size: 13px;
    font-weight: 300;
    color: #4A4A4A;
    margin-right: 17px;
}

.brand-modal-l4-form-btn {
    width: 276px;
    line-height: 47px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 23px;
    font-size: 19px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    cursor: pointer;
    text-align: center;
    margin-left: 30px;
}

.brand-modal-l5 {
    width: 1320px;
    margin: auto;
    text-align: center;
}

.brand-modal-l5 h1 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
    padding-top: 70px;
}

.brand-modal-l5 h3 {
    font-size: 19px;
    font-weight: 300;
    color: #000000;
    margin-top: 27px;
    margin-bottom: 50px;
}

.brand-modal-l5-top {
    display: flex;
}

.brand-modal-l5-top div {
    width: 326px;
    line-height: 59px;
    background: #EFEFEF;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    text-align: center;
    cursor: pointer;
}

.brand-modal-l5-top .brand-modal-l5-top-item-a {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    color: #000000;
}

.l5-content-show {
    display: flex !important;
}

.brand-modal-l5-content {
    flex-wrap: wrap;
    gap: 44px 34px;
    margin-top: 40px;
    letter-spacing: 3px;
    display: none;
    justify-content: center;
}


.brand-modal-l5-item {
    width: 281px;
}

.brand-modal-l5-item img {
    width: 283px;
    height: 143px;
}

.l5-item-t1 {
    font-size: 19px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 12px;
    border-bottom: 2px solid #000000;
    height: 62px;
}

.l5-item-t2 {
    height: 68px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 26px;
    text-align: left;
}







.brand-modal-l6 {
    width: 1000px;
    text-align: center;
    margin: auto;
    padding-bottom: 55px;
}

.brand-modal-l6 h1 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
    padding-top: 64px;
}

.brand-modal-l6 h3 {
    font-size: 19px;
    font-weight: 300;
    color: #000000;
    margin-top: 26px;
    margin-bottom: 52px;
}

.jiangbei {
    display: flex;
}

.jiangbei-left {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 58px;
    position: relative;
}

.jiangbei-left::after {
    content: '';
    width: 1px;
    height: 296px;
    background: #BBBBBB;
    position: absolute;
    right: 33px;
    top: 44px;
}

.jiangbei-left-item {
    position: relative;
}

.jiangbei-left-item::after {
    content: '';
    width: 1px;
    height: 79px;
    background: #BBBBBB;
    position: absolute;
    right: -29px;
    top: 49px;
}

.jiangbei-left-item div:first-child {
    width: 300px;
    height: 177px;
    background-color: #242424;
    text-align: center;
}

.jiangbei-left-item div img {
    height: 100%;
}

.jiangbei-left-item div:last-child,
.jiangbei-right div {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-top: 10px;
}

.premises-banner {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

.premises-banner img {
    width: 100%;
}

.premises-content {
    width: 1420px;
    margin: auto;
    padding-top: 66px;
}

.premises-nav {
    font-size: 13px;
    color: #010101;
    margin-bottom: 50px;
}

.premises-seach {
    display: flex;
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #C5C5C5;
    font-size: 17px;
    font-weight: 400;
    color: #424242;
    margin-bottom: 52px;
}

.premises-seach div {
    margin-right: 104px;
}

.premises-seach ul {
    display: flex;
}

.premises-seach li {
    width: 100px;
    height: 36px;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
}

.premises-seach-active,
.premises-seach li:hover {
    color: #FFFFFF !important;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

.premises-content-box {
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
}

.premises-left {
    width: 1090px;
}

.premises-right {
    width: 304px;
}

.premises-listitem {
    display: flex;
    padding: 17px 20px;
    box-sizing: border-box;
    width: 1070px;
    height: 302px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
    font-size: 13px;
    color: #636262;
    
}
.premises-listitem:nth-child(1) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.premises-listitem:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.premises-listitem>img {
    width: 380px;
    height: 268px;
}

.listitem-info {
    width: 650px;
    box-sizing: border-box;
    padding-left: 32px;
    padding-top: 24px;
}

.listitem-info-t {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    position: relative;
}

.cx-btn {
    width: 148px;
    line-height: 43px;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #E4B47C;
    color: #E4B47C;
    text-align: center;
    position: absolute;
    right: 0;
    top: -10px;
    cursor: pointer;
}

.cx-btn:hover {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    color: #FFFFFF;
}

.listitem-info-ll {
    margin-top: 18px;
    margin-bottom: 41px;
    display: flex;
    align-items: center;
}

.listitem-info-ll img {
    width: 25px;
    margin-right: 15px;
}

.listitem-info-btnl {
    display: flex;
}

.listitem-info-btnl div {
    width: 151px;
    line-height: 39px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 19px;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
    font-size: 13px;
    color: #FFFFFF;
}

.listitem-info-tj {
    margin-top: 31px;
    margin-bottom: 19px;
}

.listitem-info-btnl .btnl-hb {
    background: #D4D4D4;
}

.listitem-info-btnl .btnl-sh {
    background: #A4A4A4;
}

.premises-form {
    width: 304px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
    text-align: center;
    box-sizing: border-box;
    padding: 34px 24px 38px;
    border-radius: 10px;
}

.premises-form-title {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #595959;
    line-height: 35px;
}

.premises-form-title span {
    font-size: 13px;
    font-weight: 300;
    color: #7C7C7C;
}

.premises-form-remark {
    font-size: 13px;
    font-weight: 400;
    color: #8F8F8F;
    margin: 12px 0;
}

.premises-form input {
    width: 255px;
    height: 43px;
    background: #f8f8f8;
    border: 1px solid #C0C0C0;
    font-size: 13px;
    padding-left: 10px;
    outline: none;
    margin: 8px 0;
    border-radius: 10px;
}

.premises-form-btn {
    width: 254px;
    line-height: 45px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    border-radius: 40px;
}

.premises-rmal {
    text-align: center;
    margin-top: 20px;
    width: 304px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
    padding: 25px 20px 25px;
    border-radius: 10px;
}

.rmaltj {
    font-size: 14px;
    font-weight: 500;
    color: #151515;
    padding-bottom: 14px;
    border-bottom: 1px dashed #C0C0C0;
    margin-bottom: 20px;
}

.premises-rmal>img {
    width: 265px;
    height: 163px;
}

.premises-rmal li {
    font-size: 13px;
    font-weight: 300;
    color: #4E4E4E;
    padding-bottom: 15px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #C0C0C0;
}

.premises-rmal li img {
    width: 16px;
    margin-right: 4px;
}

.premisesDetail-content {
    padding-top: 123px;
}

.xqxq {
    width: 100%;
    height: 354px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
    display: flex;
}

.xqxq>img {
    width: 400px;
    height: 354px;
    margin-right: 33px;
}

.xqxq-right h2 {
    font-size: 23px;
    font-weight: bold;
    color: #000000;
    position: relative;
    color: #E4B47C;
    padding-top: 38px;
    padding-bottom: 22px;
}

.xqxq-right h2::after {
    content: '';
    width: 4px;
    height: 19px;
    background: #E4B47C;
    border-radius: 1px;
    position: absolute;
    left: -18px;
    top: 6px;
}

.xqxq-right-t {
    font-size: 13px;
    color: #636262;
    margin-bottom: 34px;
}

.kf-box {
    display: flex;
}

.kf-box>img {
    width: 75px;
    height: 76px;
    margin-right: 15px;
}

.kfname {
    font-size: 15px;
    color: #000000;
    padding-top: 7px;
}

.jzghs {
    font-size: 13px;
    color: #636262;
    margin-top: 9px;
    margin-bottom: 10px;
}

.xqxq-phone {
    font-size: 13px;
    color: #E4B47C;
    display: flex;
    align-items: center;
}

.xqxq-phone img {
    width: 16px;
    margin-right: 8px;
}

.zsfw {
    font-size: 13px;
    font-weight: 400;
    color: #636262;
}

.xqzsfw {
    margin-top: 48px;
}

.zsfw {
    font-size: 13px;
    color: #636262;
    margin-bottom: 12px;
}

.premisesDetail-nav {
    width: 100%;
    height: 69px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
    margin-top: 31px;
    margin-bottom: 50px;
    border-radius: 10px;
}

.premisesDetail-nav ul {
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 50px;
}

.premisesDetail-nav ul li {
    margin-right: 106px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.premisesDetail-nav .premisesDetail-nav-a {
    color: #E4B47C;
}

.premisesDetail-title {
    font-size: 25px;
    font-weight: 400;
    color: #000000;
    margin-top: 50px;
    margin-bottom: 40px;
    padding-left: 24px;
    position: relative;
}

.premisesDetail-title::after {
    content: '';
    width: 6px;
    height: 35px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

.premisesDetail-listbox {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 8px;
    justify-content: space-between;
}

.premisesDetail-item {
    width: 351px;
    background: #FFFFFF;
    box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
    text-align: center;
    padding-bottom: 19px;
}

.premisesDetail-item img {
    width: 351px;
    height: 248px;
}

.premisesDetail-item-text {
    font-size: 16px;
    color: #000000;
    margin-top: 15px;
    margin-bottom: 19px;

}

.premisesDetail-item-btn {
    width: 113px;
    line-height: 29px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    color: #FFFFFF;
    margin: auto;
}

.listbox-team {
    gap: 30px 20px;
}

.listbox-team-item {
    width: 251px;
}

.team-item-tx {
    width: 251px;
    height: 251px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.team-item-tx img {
    width: 251px;
    height: 251px;
    transition: all .5s;
}

.team-item-tx img:hover {
    transform: scale(1.1);
}

.team-item-tx div {
    width: 100%;
    line-height: 52px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
}

.listbox-team-item-btn {
    width: 133px;
    line-height: 39px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 19px;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    margin: auto;
    margin-top: 32px;
    margin-bottom: 22px;
}

.site-box {
    width: 1420px;
    margin: auto;
    display: flex;
}

.sitebox-left {
    width: 1070px;
}

.sitebox-listitem {
    display: flex;
    width: 1036px;
    background: #F4F4F4;
    box-shadow: 0px 2px 7px 0px rgba(19, 19, 19, 0.16);
    margin-left: 34px;
    position: relative;
    margin-bottom: 94px;
}

.sitebox-listitem::after {
    content: '';
    width: 1070px;
    height: 1px;
    background: #CAC7C7;
    position: absolute;
    bottom: -53px;
    right: 0;
}

.sitebox-listitem-right {
    box-sizing: border-box;
    width: calc(100% - 439px);
}

.sitebox-listitem>div>img {
    width: 439px;
    height: 271px;
}

.sitebox-listitem-title {
    position: relative;
    padding-left: 34px;
    font-size: 21px;
    color: #333333;
    padding-top: 17px;
    margin-bottom: 41px;
}

.sitebox-listitem-btn {
    width: 114px;
    line-height: 30px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 14px;
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    right: 10px;
    text-align: center;
    cursor: pointer;
    top: 17px;
}

.sm-btn {
    background: #FFFFFF;
    border: 1px solid #E4B47C;
    color: #E4B47C;
}

.sitebox-listitem-info {
    display: flex;
    flex-wrap: wrap;
    padding-left: 34px;
    letter-spacing: 2px;
}

.sitebox-listitem-info div {
    max-width: 184px;
    min-width: 141px;
    margin-bottom: 24px;
    margin-right: 20px;
}

.sitebox-listitem-jd {
    margin-top: 71px;
    display: flex;
    margin-left: 15px;
    font-size: 13px;
    font-weight: 200;
}

.sitebox-listitem-jd>div {
    text-align: center;
    margin-right: 67px;
    position: relative;
}

.sitebox-listitem-jd>div:last-child {
    margin-right: 0 !important;
}

.sitebox-listitem-step {
    width: 25px;
    height: 25px;
    border: 1px solid #B8B8B8;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    background: #FFFFFF;
    left: calc(50% - 12.5px);
}

.sitebox-listitem-step::after {
    content: '';
    width: 98px;
    height: 1px;
    background: #B8B8B8;
    position: absolute;
    left: 24px;
    top: 50%;
}

.sitebox-listitem-jd div:last-child .sitebox-listitem-step::after {
    display: none;
}

.sitebox-listitem-step div {
    width: 11px;
    height: 11px;
    background: #B8B8B8;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 5.5px);
    left: calc(50% - 5.5px);
}

.sitebox-step-satrt .sitebox-listitem-step {
    border-color: #E4B47C;
}

.sitebox-step-complete .sitebox-listitem-step {
    border: none;
}

.sitebox-step-complete .sitebox-listitem-step div {
    display: none;
}

.sitebox-step-satrt .sitebox-listitem-step div {
    background-color: #E4B47C;
}

.sitebox-step-complete .sitebox-listitem-step::after {
    background: #E4B47C;
}

.sitebox-step-complete .sitebox-listitem-step {
    background-image: url("../images/site/icon1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sitebox-form1 {
    width: 1069px;
    height: 159px;
    background: #FFFFFF;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 47px;
    border-radius: 10px;
}

.sitebox-form1>div {
    display: flex;
}

.sitebox-form1 h3 {
    margin-left: 36px;
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    padding-top: 33px;
    margin-bottom: 25px;
}

.sitebox-form1 h3 span {
    font-size: 13px;
    color: #4A4A4A;
    margin-left: 27px;
}

.sitebox-form1 input {
    outline: none;
    width: 197px;
    height: 49px;
    background: #F9F9F9;
    border: 2px solid #F0F0F0;
    border-radius: 23px;
    font-size: 13px;
    padding-left: 30px;
}

.sitebox-form1 div {
    margin-left: 14px;
}

.sitebox-form1-btn {
    width: 154px;
    line-height: 47px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 23px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #000000;
    margin-left: 34px;
}

.sitebox-form1 img {
    position: absolute;
    right: 0;
    top: 0;
    width: 86px;
}

.sitebox-list>div:last-child::after {
    display: none;
}

.sitebox-right {
    margin-left: 44px;
    padding-top: 65px;
}

.yycg-text {
    font-size: 13px;
    font-weight: 300;
    color: #4E4E4E;
    line-height: 30px;
}

.yycg-ul li {
    display: flex;
    padding-bottom: 9px;
    margin: auto;
    margin-top: 9px;
    width: 240px;
}

.yycg-ul li span {
    font-size: 13px;
    font-weight: 300;
    color: #4E4E4E;
    flex: 1;
}

.yycg-ul li span:last-child {
    justify-content: flex-end;
}

.siteInfo-title {
    font-size: 22px;
    color: #333333;
    margin-top: 42px;
    text-align: center;
}

.siteInfo-xx {
    font-size: 13px;
    font-weight: 300;
    color: #999999;
    margin-top: 27px;
    margin-bottom: 12px;
    text-align: center;
}

.sd-s-top {
    width: 100%;
    /* height: 52px; */
    display: flex;
    margin-top: 38px;
    justify-content: center;
}

.sd-top-item {
    border-right: 1px solid #C2C2C2;
    padding-bottom: 7px;
}

.sd-s-top div {
    width: 303px;
    font-size: 13px;
    font-weight: 200;
    color: #616161;
    text-align: center;
}

.sd-s-top>div:last-child {
    border: none;
}

.sd-s-top div span {
    font-weight: 600;
}

.siteDetail-step {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 0px 7px 0px rgba(19, 19, 19, 0.1);
}

.sd-s-bottom .sitebox-listitem-jd {
    justify-content: center;
}

.sd-s-bottom {
    margin-bottom: 33px;
}

.sd-s-bottom .sitebox-listitem-jd>div {
    margin-right: 119px;
}

.sd-s-bottom .sitebox-listitem-jd>div>div::after {
    width: 156px;
}

.siteboxdetail-form1 h3 {
    position: relative;
}

.siteboxdetail-form1 h3::after {
    content: '';
    width: 5px;
    height: 23px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 2px;
    position: absolute;
    left: -12px;
    bottom: 3px;
}

.now-step {
    width: 1044px;
    line-height: 58px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 0px 7px 0px rgba(19, 19, 19, 0.1);
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #E4B47C;
    padding-left: 68px;
}

.kg-content {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 50px;
}

.kg-content img {
    width: 819px;
    margin-bottom: 20px;
}

.next-gd {
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #505050;
    margin-bottom: 57px;
}

.next-gd img {
    width: 12px;
    margin-right: 22px;
}

.cnxh-title {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    position: relative;
    margin-left: 32px;
}

.cnxh-title::after {
    content: '';
    width: 5px;
    height: 23px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 2px;
    position: absolute;
    left: -12px;
    bottom: 3px;
}

.cnxh-title a {
    position: absolute;
    right: 0;
    font-size: 13px;
    font-weight: 300;
    color: #4A4A4A;
}

.cnxh-title a img {
    width: 15px;
    margin-left: 11px;
}

.cnxh-list {
    margin-top: 35px;
    margin-bottom: 35px;
}

.cnxh-list ul {
    display: flex;
    gap: 24px;
}

.cnxh-list ul li {
    width: 249px;
    height: 296px;
    border: 1px solid #CBCBCB;
    /* border-radius: 10px; */
}

.cnxh-list .zoom-box {
    height: 200px;
    /* border-radius: 10px; */
}

.cnxh-item-bottom {
    display: flex;
    padding: 14px 12px 16px;
}

.cnxh-item-bottom img {
    width: 69.5px;
    height: 69.5px;
    margin-right: 8px;
}

.cnxh-b-t {
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 300;
    color: #4A4A4A;
    line-height: 22px;
}

.cnxh-btn {
    width: 92px;
    line-height: 24px;
    border: 1px solid #EBBE70;
    border-radius: 11px;
    text-align: center;
    cursor: pointer;
}

.site-designer {
    width: 303px;
    background-image: url("../images/effecPicture/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
    padding: 33px 25px;
}

.site-designer-info {
    display: flex;
    align-items: center;
}

.site-designer-info .zoom-box {
    width: 111px;
    height: 160px;
    border: 2px solid #E4B47C;
}

.site-designer-info img {
    width: 100%;
    height: 100%;
}

.site-designer-text {
    margin-left: 10px;
}

.site-designer-text div:nth-child(1) {
    font-size: 19px;
    font-weight: bold;
    color: #E4B47C;
}

.site-designer-text div:nth-child(2) {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    margin-top: 18px;
    margin-bottom: 8px;
}

.site-designer-text div:nth-child(3) {
    position: relative;
    font-size: 13px;
    font-weight: 300;
    color: #6B6B6B;
}

.site-designer-text div:nth-child(3):after {
    content: '';
    position: absolute;
    width: 149px;
    height: 1px;
    background: #7A7A7A;
    left: 0;
    bottom: -21px;
}

.site-designer-js {
    margin-top: 35px;
    padding-left: 13px;
}

.site-designer-js h3 {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin-top: 27px;
    margin-bottom: 14px;
}

.site-designer-js div {
    font-size: 13px;
    font-weight: 300;
    color: #6B6B6B;
}

.site-designer-btn {
    width: 257px;
    line-height: 45px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 31px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 40px;
}

.strategypage {
    background-image: url("../images/strategy/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 155px;
}

.strategypage-box {
    width: 1420px;
    margin: auto;
    padding-top: 133px;
}

.strategypage-modal1 {
    display: flex;

}

.strategypage-modal1-left {
    padding: 16px 37px 47px 34px;
    width: 436px;
    height: 524px;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.17);
    margin-right: 22px;
}

.strategypage-modal1-left img {
    width: 358px;
    margin-bottom: 19px;
}

.strategypage-modal1-left input,
.strategypage-modal1-left select {
    width: 365px;
    height: 49px;
    background: #EDEDED;
    border: 1px solid #C0C0C0;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    padding-left: 15px;
    margin-bottom: 14px;
}

.strategypage-form1-btn {
    width: 364px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
}

.strategypage-modal1-right {
    width: 960px;
}

.strategypage-modal1-right .swiper-slide img {
    width: 960px;
}

.strategypage-swiper-next,
.strategypage-swiper-prev {
    color: #FFFFFF;
}

.strategypage-modal1-right-bottom {
    margin-top: 20px;
    height: 155px;
    display: flex;
    gap: 12px;
}

.strategypage-modal1-right-bottom img {
    width: 100%;
    height: 100%;
}

.strategypage-modal1-right-bottom div {
    position: relative;
}

.strategypage-modal1-right-bottom div div {
    width: 103px;
    line-height: 28px;
    border: 1px solid #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    position: absolute;
    bottom: 29px;
    left: 189px;
}

.strategypage-modal2 h2 {
    font-size: 26px;
    font-weight: 400;
    color: #595959;
    margin-top: 60px;
    margin-bottom: 41px;
}

.zxbz {
    display: flex;
    gap: 38px;
}

.zxbz-item {
    width: 447px;
    height: 372px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
}

.zxbz-item-top-box {
    height: 201px;
    background: #F5F5F5;
}

.zxbz-item-top {
    padding-top: 13px;
    /* height: 201px; */
    width: 100%;
    display: flex;
    justify-content: center;
}

.zxbz-item-top img:first-child {
    width: 122px;
    height: 122px;
    margin-right: 17px;
}

.zxbz-item-top span {
    font-size: 30px;
    height: 109px;
    line-height: 122px;
    font-weight: 400;
    color: #000000;
}

.zxbz-item-top span span {
    font-size: 60px;
    color: #E4B47C;
}

.zxbz-item-center {
    text-align: center;
}

.zxbz-item-center div {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-top: 6px;
    margin-bottom: 10px;
}

.zxbz-item-center img {
    width: 21px;
    margin: auto;
}

.zxbz-item-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 45px;
    padding: 17px 40px 21px;
}

.zxbz-item-bottom-item {
    text-align: center;
    width: 56px;
}

.zxbz-item-bottom-item img {
    width: 22px;
    height: 22px;
    margin-bottom: 15px;
}

.zxbz-last-item .zxbz-item-bottom-item {
    margin: auto;
}

.xcsc-list {
    display: flex;
    margin-bottom: 31px;
}

.xcsc-list div {
    flex: 1;
    text-align: center;
    line-height: 47px;
    background: #FFFFFF;
    border: 1px solid #939393;
    font-size: 13px;
    font-weight: 300;
    color: #595959;
    border-right: none;
}

.xcsc-list div:last-child {
    border-right: 1px solid #939393;
}

.xcsc-box {
    display: flex;
    gap: 30px;
}

.xcsc-left-modal1 {
    display: flex;
    gap: 22px;
}

.xcsc-modal1-item {
    width: 458px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.44);
    padding-bottom: 12px;
}

.xcsc-modal1-item .zoom-box {
    width: 458px;
    height: 260px;
    position: relative;
}

.xcsc-modal1-item img {
    width: 458px;
    height: 260px;
}

.xcsc-modal1-item div div {
    width: 458px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.64);
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.xcsc-modal1-item ul li {
    margin: 0 21px;
    line-height: 41px;
    border-bottom: 1px dashed #676767;
    font-size: 13px;
    font-weight: 300;
    color: #676767;
    position: relative;
    padding-left: 18px;
}

.xcsc-modal1-item ul li::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #676767;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: calc(50% - 2.5px);
}

.xcsc-left-modal2 {
    display: flex;
    gap: 7px;
    margin-top: 41px;
}

.xcsc-left-modal2 img {
    width: 181px;
}

.xcsc-right {
    width: 450px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    padding: 27px;
    padding-bottom: 70px;
}

.xcsc-right img {
    width: 398px;
}

.xcsc-right {
    height: 1072px;
}

.xcsc-right div {
    font-size: 13px;
    font-weight: 300;
    color: #676767;
    margin-top: 15px;
    margin-bottom: 18px;
}

.strategyList {
    background-image: url("../images/strategy/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 133px;
    padding-bottom: 70px;
}

.strategyList-box {
    width: 1420px;
    margin: auto;
    display: flex;
    gap: 29px;
}

.strategyList-swiper1 {
    max-width: 1114px;
    /* height: 405px; */
}

.strategyList-swiper1 img {
    width: 100%;
    border-radius: 5px;
}

.straList-left-modal1 {
    width: 272px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    padding: 0 16px;
    padding-bottom: 17px;
    border-radius: 10px;
}

.straList-left-modal1 h2 {
    font-size: 15px;
    font-weight: 400;
    color: #5D5D5D;
    line-height: 50px;
}

.straList-left-modal1-card {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.straList-left-modal1-card div {
    width: 110px;
    line-height: 35px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    font-size: 13px;
    font-weight: 400;
    color: #5D5D5D;
    text-align: center;
}

.straList-left-modal2 {
    margin-top: 24px;
    width: 272px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    padding: 13px 10px 24px 10px;
    border-radius: 10px;
}

.straList-left-modal2 h2 {
    line-height: 35px;
    border-bottom: 1px solid #B7B7B7;
    padding-left: 35px;
    font-size: 14px;
    font-weight: 300;
    color: #000000;
}

.straList-left-modal2 li {
    line-height: 40px;
    padding-left: 16px;
    font-size: 13px;
    font-weight: 300;
    color: #676767;
    border-bottom: 1px dashed #B7B7B7;
    position: relative;
}

.straList-left-modal2 li::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #676767;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: calc(50% - 2.5px);
}

.strategyList-content {
    width: 1118px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    padding: 7px 37px 63px 22px;
    margin-top: 51px;
    border-radius: 10px;
}

.strategyList-content-item {
    height: 261px;
    border-bottom: 1px solid #B7B7B7;
    display: flex;
    padding-top: 41px;
    padding-bottom: 31px;
}

.strategyList-content-item img {
    width: 260px;
    height: 178px;
    border-radius: 5px;
}

.strategyList-content-item>div {
    width: 799px;
}

.strategyList-content-item h2 {
    font-size: 16px;
    color: #000000;
    padding-top: 13px;
}

.s-c-t-t1 {
    font-size: 13px;
    font-weight: 300;
    color: #6D6D6D;
    margin-top: 17px;
    margin-bottom: 19px;
}

.s-c-t-t2 {
    font-size: 13px;
    font-weight: 300;
    color: #6D6D6D;
    margin-top: 19px;
}

.strategyList-content-item-btn {
    display: flex;
    gap: 20px;
}

.strategyList-content-item-btn div {
    width: 107px;
    line-height: 30px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
    margin-top: 28px;
}

.strategyList-content-item-btn div:first-child {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #E4B47C;
}

.major-c {
    height: 140px;
    background: #180E03;
}

.major-c h2 {
    font-size: 19px;
    font-weight: 400;
    color: #E4B47C;
}

.major-c h2 span {
    font-size: 29px;
}

.major {
    background-image: url("../images/major/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.major h2 {
    font-size: 28px;
    font-weight: 400;
    color: #000000;
    margin-top: 55px;
}

.major-box {
    width: 1420px;
    margin: auto;
    text-align: center;
}

.major h3 {
    font-size: 15px;
    font-weight: 200;
    color: #848484;
    margin-top: 21px;
    margin-bottom: 40px;
}

.major-modal4 {
    margin-bottom: 75px;
}

.flexrow {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.flexrow li {
    width: 240px;
    height: 333px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 20px;
    padding-left: 24px;
    padding-top: 36px;
    font-size: 13px;
    color: #000000;
    position: relative;
    transition: all 0.5s;
}

.flexrow li:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.dapai_whats {
    text-align: left;
}

.dapai_whats h3 {
    font-size: 21px;
    font-weight: 400;
    color: #000000;
}

.dapai_what_word {
    position: absolute;
    font-size: 121px;
    font-weight: bold;
    color: #855115;
    bottom: 0px;
    right: 10px;
    opacity: 0.4;
}

.dapai_whats p {
    line-height: 21px;
}

.flexrow li h4 {
    color: #855115;
}

.flexrow li:nth-child(2n) {
    background: linear-gradient(90deg, #D6D6D6, #E9E8E6);
}

.flexrow li:nth-child(2n) h4 {
    color: #6F6F6F;
}

.major-box .pinpai {
    width: 1260px;
    margin: auto;
}

.zljcbg div {
    font-size: 15px;
    font-weight: 300;
    color: #000000;
    margin-top: 56px;
    margin-bottom: 42px;
}

.zljcbg img {
    width: 1418px;
    height: 394px;
}

.major-modal1 {
    padding-bottom: 32px;
}

.major-modal1-top {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 50px;
}

.major-modal1-top li {
    width: 220px;
    height: 278px;
    background: #000000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.major-modal1-top li img {
    width: 100%;
    height: 100%;
}

.major-modal1-top li:hover div {
    top: 0;
}

.major-modal1-top li div {
    width: 100%;
    height: 100%;
    padding-left: 15px;
    background: rgba(0, 0, 0, 0.48);
    position: absolute;
    transition: all 0.5s;
    top: 278px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
}

.major-modal1-top li h3 {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0;
    text-align: left;
}

.major-modal1-top li h3 img {
    width: 107px;
    height: 1px;
}

.major-modal1-top li p {
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 23px;
    margin-bottom: 9px;
}

.major-slide {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.major-slide div {
    width: 473px;
    height: 272px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.major-slide div:hover h4 {
    top: 0;
}

.major-slide div img {
    width: 100%;
    height: 100%;
}

.major-slide div h4 {
    width: 100%;
    height: 100%;
    font-size: 28px;
    font-weight: 400;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transition: all 0.5s;
    top: 272px;
    background: linear-gradient(90deg, rgba(228, 180, 124, 0.88), rgba(246, 202, 143, 0.88));
}

.pinpai-s-c img {
    width: 268px !important;
    height: 149px !important;
    position: absolute;
    left: 35px;
    top: 103px;
}

.pinpai-s-c h3 {
    font-size: 41px;
    font-weight: 800;
    color: #CCCCCC;
    opacity: 0.71;
    margin: 0;
    position: absolute;
    top: 4px;
    left: 45px;
}

.pinpai-s-c div {
    width: auto;
    font-size: 19px;
    font-weight: 600;
    color: #000000;
    height: auto;
    position: absolute;
    top: 30px;
    left: 36px;
}

.pinpai-s-c p {
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    margin-top: 20px;
}

.major-swiper-next,
.major-swiper-prev {
    color: #000000;
    position: absolute;
    top: unset;
    bottom: 106px;
}

.major-swiper-next {
    right: 615px;
}

.major-swiper-prev {
    left: 615px;
}

.rzsj {
    position: relative;
    text-align: center;
    height: 791px;
}

.rzsj>h4,
.rzys>h4 {
    font-size: 34px;
    font-weight: 400;
    color: #EEEEEE;
    position: absolute;
    top: 89px;
    width: 100%;
    text-align: center;
}

.rzsj>h2,
.rzys>h2 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
    padding-top: 81px;
    position: relative;
}

.rzsj>h3,
.rzys>h3 {
    font-size: 19px;
    font-weight: 300;
    color: #000000;
    margin-top: 26px;
    margin-bottom: 61px;
}

.rzsj>h5 {
    font-size: 220px;
    font-weight: 400;
    color: #EEEEEE;
    opacity: 0.42;
    position: absolute;
    left: 0;
    bottom: 46px;
    letter-spacing: 10px;
}

.rzsj>div {
    display: flex;
    justify-content: center;
    position: relative;
}

.rzsj-left {
    display: flex;
    align-items: center;
}

.rzsj-left-box {
    width: 640px;
    display: flex;
    flex-wrap: wrap;
    gap: 90px 80px;
}


.rzsj-left-box img {
    width: 55px;
    margin-bottom: 38px;
}

.rzsj-right {
    width: 469px;
    height: 476px;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.11);
    border-radius: 4px;
    padding-top: 27px;
    padding-bottom: 35px;
}

.rzsj-right h2 {
    font-size: 23px;
    font-weight: 400;
    color: #000000;
}

.rzsj-right h3 {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-top: 19px;
    margin-bottom: 36px;
}

.rzsj-right input {
    width: 348px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    font-size: 13px;
    font-weight: 400;
    color: #ADADAD;
    padding-left: 17px;
    outline: none;
    margin-bottom: 17px;
}

.rzsj-right-remark1,
.rzsj-right-remark2 {
    font-size: 13px;
    font-weight: 400;
    color: #777777;
    margin-top: 18px;
}
.rzsj-right-remark2 {
    margin-top: 0;
}
.rzsj-right-remark1 {
    color: #AC0B0B;
}

.rzsj-right-btn {
    width: 347px;
    line-height: 56px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 28px;
    text-align: center;
    cursor: pointer;
    margin: auto;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
}

.rzys {
    background-image: url("../images/soft/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 60px;
    position: relative;
    text-align: center;
}

.rzys>h4 {
    color: #373737;
}

.rzys>h2,
.rzys>h3 {
    color: #FFFFFF;
}

.rzys-box {
    width: 1150px;
    margin: auto;
}

.rzys-slide {
    width: 1150px;
    height: 542px;
    position: relative;
}

.rzys-slide img {
    width: 1150px;
    height: 542px;
}

.rzys-slide div {
    position: absolute;
    width: 100%;
    height: 154px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.30));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 60px;
    bottom: 0;
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
}

.rzys-slide div span {
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 56px;
}

.rzys-btm {
    width: 441px;
    line-height: 72px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 7px;
    margin: auto;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    color: #000000;
    margin-top: 40px;
    cursor: pointer;
}
.brand-modal8.rzsj.fylh.yzpp  .pinpai-btn{
    font-size: 25px;
}
.rzys-tabs {
    width: 1018px;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 120px;
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    padding-bottom: 15px;
    margin-bottom: 34px;
    border-bottom: 1px solid #C6C6C6;
}

.rzys-tabs div {
    position: relative;
    cursor: pointer;
}

.rzys-tabs-a::after {
    position: absolute;
    content: '';
    width: 27px;
    height: 3px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    bottom: -16px;
    left: calc(50% - 13.5px);
}

.fylh {
    height: 780px;
}

.fylh-box {
    width: 1060px;
    margin: auto;
    display: flex;
}

.fylh-left {
    width: 236px;
    height: 497px;
}

.fylh-swiper {
    width: 824px;
    height: 497px;
}

.fylh-slide {
    display: flex;
    position: relative;
    font-size: 25px;
    font-weight: 400;
    color: #EEEEEE;
    text-shadow: 0.5px 0.5px 0 #000,
        -0.5px 0.5px 0 #000,
        0.5px -0.5px 0 #000,
        -0.5px -0.5px 0 #000;
}

.fylh-slide img {
    width: 100%;
    height: 497px;
}

.fylh-left ul li {
    text-align: center;
    line-height: 71px;
    font-size: 20px;
    font-weight: 300;
    color: #FFFFFF;
    background: #393939;
    cursor: pointer;
}

.fylh-left ul li:hover,
.fylh-left ul .fylh-left-i-a {
    background: #000000;
}

.qwjd {
    background-image: url(../images/soft/bg2.png);
}

.qwjd-box {
    width: 1420px;
}

.qwjd-slide {
    position: relative;
    text-align: left;
}

.qwjd-slide a img:first-child {
    width: 959px;
    height: 563px;
    position: relative;
    z-index: 1;
}

.qwjd-slide a img:last-child {
    width: 649px;
    height: 305px;
    position: absolute;
    right: 0;
    bottom: 59px;
}

.qwjd-b-nav {
    width: 959px;
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

.qwjd-b-nav li {
    width: 126px;
    font-size: 16px;
    letter-spacing: 8px;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
}

.qwjd-b-nav .qwjd-b-nav-a,
.qwjd-b-nav li:hover,
.qwjd-b-nav .qwjd-b-nav-a::after {
    color: #F6CA8F;
}

.qwjd-b-nav li::after {
    content: '/';
    color: #FFFFFF;
    position: absolute;
    right: 0;
}

.yzpp {
    height: 1049px;
}

.yzpp>h5 {
    top: 381px;
    bottom: unset;
}

.yzpp .cailiao .cailiao-item {
    width: 136px;
    height: 79px;
}

.yzpp .brand-modal8-img {
    gap: 7px;
}

.yzpp .brand-modal8-img img {
    width: 246px;
    height: 158px;
}

.all-brand {
    margin: auto;
    width: 1030px;
    height: 368px;
    background-image: url(../images/soft/bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.all-brand img {
    width: 890px;
    height: 290px;
    margin: auto;
}

.rzgl-box {
    width: 1100px;
    margin: auto;
    display: flex;
}

.rzgl-box div {
    display: flex;
    gap: 7px;
}

.rzgl-box div img {
    width: 254px;
    height: 369px;
}

.rzgl-box ul {
    margin-left: 47px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rzgl-box ul li {
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 34px;
    letter-spacing: 4px;
}

.rzgl {
    background-image: url(../images/soft/bg4.png);
}

.fwlc-box {
    width: 1260px;
    margin: auto;
    display: flex;
    margin-top: 50px;

}

.fwlc-box img {
    width: 272px;
    height: 335px;
    display: none;
}

.fwlc-box .fwlc-show-img {
    display: inline-block;
}

.fflc {
    height: 570px;
}

.fflc-content {
    display: flex;
    position: relative;
    width: 920px;
}

.fflc-content::after {
    content: '';
    position: absolute;
    width: 920px;
    height: 1px;
    background: #000000;
    top: 50%;

}

.fflc-content li {
    width: 130px;
    position: relative;
    height: 150px;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    margin: auto;

}

.fflc-content li span {
    cursor: pointer;
}

.fflc-content li::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 50px;
    background: #000000;
    top: 25px;
    left: 50%;
    text-align: center;
}

.fflc-content li::before {
    content: '';
    width: 10px;
    height: 10px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 4px);
    border-radius: 50%;
    z-index: 1;
}

.fflc-content .fflc-i-a,
.fflc-content li span:hover {
    color: #E4B47C;
}

.fflc-content li:nth-child(2n) {
    display: flex;
    justify-content: center;
    align-items: end;
}

.fflc-content li:nth-child(2n)::after {
    top: unset;
    bottom: 25px;
}

.xty {
    background-image: url(../images/soft/bg5.png);
    height: 754px;
    margin-bottom: 92px;
}

.xty-box {
    width: 1260px;
    margin: auto;
    text-align: left;
    position: relative;
}

.xty-box>img {
    width: 675px;
    height: 411px;
}

.xty-box .construction-modal8-form {
    right: unset;
    left: 700px;
    top: -15px;
}

.strategyListDetail-box,
.strategyListDetail-navtext {
    width: 1420px;
    margin: auto;
}

.strategyListDetail-box {
    display: flex;
    gap: 31px;
}

.s-d-left {
    width: 1091px;
}

.s-d-right {
    width: 296px;
    border-radius: 10px;
    height: 532px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    padding: 26px 19px;
}

.s-d-right h3 {
    font-size: 15px;
    font-weight: 300;
    color: #000000;
    margin-bottom: 29px;
    position: relative;
}

.s-d-right h3 a {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    position: absolute;
    right: 0;
}

.s-d-right .jzal li {
    display: flex;
    margin-bottom: 20px;
}

.s-d-right .jzal li img {
    width: 101px;
    height: 68px;
    margin-right: 12px;
}

.s-d-right .jzal li>div {
    position: relative;
    width: 100%;
}

.s-d-right .jzal li>div>div:first-child {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
}

.s-d-right .jzal li .ckxx-btn {
    width: 76px;
    line-height: 28px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    margin-top: 23px;
    margin-left: auto;
}

.s-d-l-js .brand-modal4-box {
    margin-top: 30px;
    width: 1091px;
    height: 261px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    padding: 0 25px;
    border-radius: 10px;
}

.s-d-left .waiyuam {
    width: 93px;
    height: 93px;
    left: -46.5px;
    top: calc(50% - 46.5px);
}

.s-d-left .neiyuan {
    width: 73px;
    height: 73px;
    line-height: unset;
    font-size: 15px;
    font-weight: 300;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.s-d-left .neiyuan::before {
    width: 30px;
    height: 30px;
    left: -25px;
    top: unset;
}

.s-d-left .neiyuan::after {
    width: 30px;
    height: 30px;
    right: -25px;
    top: unset;
}

.s-d-left .brand-modal4-box-centerline {
    top: 0;
    height: 261px;
}

.s-d-l-js .brand-modal4-box-left h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    padding-top: 38px;
    margin-bottom: 26px;
}

.s-d-l-js .brand-modal4-box-left h3>span {
    font-size: 13px;
    font-weight: 400;
    color: #616161;
    margin-left: 9px;
}

.s-d-l-js .brand-modal4-box-left h3 span span {
    color: #E8B980;
}

.s-d-l-js form {
    display: flex;
    flex-wrap: wrap;
}

.s-d-l-js form div {
    width: 216px;
    height: 52px;
    background: #F2F2F2;
    margin-right: 14px;
    margin-bottom: 12px;
}

.s-d-l-js select,
.s-d-l-js input {
    width: 100%;
    height: 100%;
    background: #F2F2F2;
    outline: none;
    border: none;
    padding-left: 20px;
}

.s-d-l-js form div:last-child {
    width: 447px;
}

.s-d-l-js .brand-modal4-box-left p,
.s-d-l-js .brand-modal4-box-right p {
    font-size: 13px;
    font-weight: 300;
    color: #6D6D6D;
    margin-top: 10px;
}

.s-d-l-js .brand-modal4-box-right p {
    margin-top: 20px;
}

.s-d-l-js .brand-modal4-box-left p span,
.s-d-l-js .brand-modal4-box-right p span {
    color: #FF0000;
}

.s-d-l-js .brand-modal4-box-right {
    padding-left: 140px;
}

.s-d-l-js .brand-modal4-box-right h2 {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    padding-top: 20px;
}

.s-d-l-js .brand-modal4-box-right h2 span {
    color: #E8B980;
    font-size: 30px;
}

.s-d-l-js .brand-modal4-box-right ul {
    display: flex;
    flex-wrap: wrap;
    width: 441px;
    height: 125px;
    background: #FFFFFF;
    border: 1px solid #B7B7B7;
    border-radius: 15px;
    margin-top: 18px;
}

.s-d-l-js .brand-modal4-box-right ul li {
    width: calc(50% - 76px);
    margin-left: 38px;
    /* margin-top: 22px; */
    font-size: 13px;
    font-weight: 400;
    color: #565656;
    display: flex;
    align-items: center;
}

.s-d-l-js .brand-modal4-box-right ul li span {
    font-size: 22px;
    color: #E8B980;
}

.glxq {
    width: 1091px;
    background: #FFFFFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.17);
    padding: 54px 47px 42px;
    margin-top: 31px;
    border-radius: 10px;
}

.glxq-title h1 {
    font-size: 23px;
    font-weight: 500;
    color: #000000;
}

.glxq-title p {
    font-size: 16px;
    font-weight: 300;
    color: #6D6D6D;
    margin-top: 27px;
    padding-bottom: 25px;
    border-bottom: 1px solid #B7B7B7;
}

.glxq-content {
    padding-top: 42px;
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #191919;
    line-height: 36px;
}

.glxq-content p {
    margin: 30px 0;
}

.glxq-content img {
    width: 100%;
}

.glxq-footer {
    display: flex;
    gap: 39px;
    justify-content: center;
    margin-top: 100px;
}

.glxq-footer div:hover {
    /* background-color: #E4B47C; */
}
.glxq-footer div:hover a{
    /* color: #fff; */
    font-weight: bold;
}
.glxq-footer div {
    width: 402px;
    height: 48px;
    /* line-height: 48px; */
    display: flex;
    align-items: center;
    background: #f8f8f8;
    /* border: 2px solid #f8f8f8; */
    border-radius: 8px;
    font-size: 16px;
    font-weight: 300;
    color: #191919;
    text-align: center;
    cursor: pointer;
    padding: 0 54px;
    border-radius: 30px;
}

.glxq-footer div a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.intelligent-modal1 {
    background-image: url("../images/intelligent/bg1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 67px;
}

.intelligent-modal1>h3 {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.intelligent-modal1>h2 {
    font-size: 36px;
    font-weight: 400;
    color: #000000;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
}

.intelligent-modal1-content {
    display: flex;
    margin: auto;
    justify-content: center;
    padding-bottom: 80px;
}

.inte-m1-left {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 802px;
    letter-spacing: 2px;
}

.inte-m1-left1,
.inte-m1-left2 {
    width: 396px;
    height: 173px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
}

.inte-m1-left1 h2,
.inte-m1-left h2 {
    font-size: 29px;
    font-weight: 400;
    margin-bottom: 25px;
}

.inte-m1-left1 p,
.inte-m1-left p {
    font-size: 19px;
    font-weight: 300;
}

.inte-m1-left3 {
    width: 802px;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url("../images/intelligent/bg2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.inte-m1-left3 h2 {
    font-size: 29px;
    font-weight: 400;
    color: #FFFFFF;
}

.inte-m1-left3 p {
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 25px;
    margin-bottom: 34px;
}

.inte-m1-left3>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.inte-m1-left3>div div {
    width: 324px;
    line-height: 52px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 26px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    margin-right: 12px;
}

.inte-m1-left3>div img {
    width: 40px;
}

.inte-m1-right {
    padding: 41px 50px 35px 44px;
    width: 436px;
    margin-left: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.11);
    text-align: center;
}

.inte-m1-right h3 {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    position: relative;
}

.inte-m1-right h3::after {
    content: '';
    width: 61px;
    height: 1px;
    background: #000000;
    position: absolute;
    bottom: -19px;
    left: calc(50% - 30.5px);
}

.inte-m1-right h4 {
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    margin-top: 44px;
    margin-bottom: 20px;
}

.inte-m1-right h4 span {
    color: #E5B57D;
}

.inte-m1-right p {
    font-size: 12px;
    font-weight: 400;
    color: #FF0000;
    margin-top: 11px;
}

.inte-m1-right p:last-child {
    color: #ADADAD;
}

.inte-m1-right input {
    width: 342px;
    height: 43px;
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    outline: none;
    padding-left: 20px;
    font-size: 13px;
    margin-bottom: 15px;
}

.inte-m1-right-btn {
    width: 341px;
    line-height: 48px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    cursor: pointer;
    border-radius: 30px;
}

.intelligent-modal2 {
    background-image: url("../images/intelligent/bg3.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 74px;
    padding-bottom: 93px;
    text-align: center;
}

.intelligent-modal2>h2 {
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
}

.intelligent-modal2>h3 {
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 31px;
    margin-bottom: 22px;
}

.intelligent-modal2>h4 {
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 41px;
}

.intelligent-modal2-content {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.intelligent-modal2-content img {
    width: 270px;
    height: 424px;
}

.intelligent-step1 {
    background-image: url("../images/intelligent/bg4.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 60px;
    padding-bottom: 70px;
    text-align: center;
    letter-spacing: 2px;
}

.intelligent-step1>h3 {
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    position: relative;
    z-index: 1;
    margin-bottom: 143px;
}

.intelligent-step1>h3>span {
    position: relative;
    z-index: 1;
}

.intelligent-step1>h3 p {
    font-size: 36px;
    font-weight: 400;
    color: #000000;
    position: absolute;
    top: 38px;
    left: 50%;
    z-index: 1;
}

.intelligent-step1>h3 p i {
    font-size: 48px;
    font-weight: bold;
}

.intelligent-step1>h3:after {
    content: '';
    position: absolute;
    top: -60px;
    left: calc(50% - 35px);
    width: 70px;
    height: 261px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    opacity: 0.7;
}

.intelligent-step1-content {
    display: flex;
    justify-content: center;
}

.i-s-c-left {
    width: 443px;
    /* margin-right: 26px; */
    position: relative;
    right: 26px;
}

.i-s-c-left>h3 {
    font-size: 28px;
    font-weight: 400;
    color: #000000;
}

.i-s-c-left>h4 {
    font-size: 22px;
    font-weight: 400;
    color: #000000;
    margin-top: 24px;
    margin-bottom: 21px;
}

.i-s-c-left .inte-m1-right {
    width: 442px;
    margin-left: 0;
}

.i-s-c-right {
    width: 536px;
    padding-top: 83px;
    position: relative;
}

.i-s-c-right::after {
    content: '';
    position: absolute;
    top: 32px;
    left: 0;
    width: 537px;
    height: 2px;
    background: #5B5B5B;
}

.i-s-c-right p {
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #000000;
    text-align: left;
    margin-left: 90px;
    margin-bottom: 53px;
}

.i-s-c-right img {
    width: 536px;
    height: 310px;
}

.i-s2-m1 {
    background-image: url("../images/intelligent/bg5.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    letter-spacing: 2px;
    padding-bottom: 70px;
}

.i-s2-m1>h2 {
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
    padding-top: 76px;
    padding-bottom: 60px;

}

.i-s2-m1>h2 span {
    position: relative;
    z-index: 1;
}

.i-s2-m1>h2 i {
    font-size: 48px;
    font-weight: bold;
}

.i-s2-m1>h2::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 35px);
    width: 70px;
    height: 222px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    opacity: 0.7;
}

.i-s2-m1-box {
    width: 936px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 41px;
}

.i-s2-m1-box>div:first-child {
    width: 359px;
}

.i-s2-m1-box>div:first-child h2 {
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 32px;
    border-bottom: 1px solid #FFFFFF;
}

.i-s2-m1-box>div:first-child p {
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
    padding-left: 53px;
    margin-top: 34px;
    text-align: left;
    line-height: 27px;
}

.i-s2-m1-box>div:nth-child(2) {
    width: 536px;
    height: 249px;
    z-index: 1;
}

.i-s2-m1-box>div:nth-child(2) img {
    width: 100%;
    height: 100%;
}

.i-s2-m1-box>div:last-child {
    width: 936px;
    height: 69px;
    position: relative;
    display: flex;
    align-items: center;
}

.i-s2-m1-box>div:last-child img {
    position: absolute;
    width: 100%;
    height: 100%;
}

.i-s2-m1-box>div:last-child span {
    position: relative;
    z-index: 1;
    flex: 1;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.i-s2-m2-box {
    height: 143px;
}

.i-s2-m2-box-mark {
    font-size: 13px;
    font-weight: 300;
    color: #F5F5F5;
}

.i-s2-m2-box .input-box {
    margin-bottom: 10px;
}

.i-s2-m3-box {
    background-image: url("../images/intelligent/bg7.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 440px;
    padding-top: 60px;
}

.i-s2-m3-box {
    display: flex;
    justify-content: center;
    letter-spacing: 2px;
}

.i-s2-m3-box>div:first-child {
    width: 385px;
    margin-right: 50px;
}

.i-s2-m3-box>div:last-child {
    width: 537px;
}

.i-s2-m3-right img {
    width: 537px;
    height: 294px;
}

.i-s2-m3-left h2 {
    font-size: 28px;
    font-weight: 400;
    color: #000000;
}

.i-s2-m3-left p {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    margin-top: 29px;
    margin-bottom: 45px;
    line-height: 30px;
}

.i-s2-m3-left div {
    width: 324px;
    line-height: 52px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 26px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    margin: auto;
}

.i-s2-m3-right-swiper {
    height: 324px;
}

.i-s2-m3-right-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #3B3B3B;
    border-radius: 50%;
    opacity: 1;
}

.i-s2-m3-right-pagination .swiper-pagination-bullet-active {
    width: 33px;
    height: 6px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 3px;
}

.intelligent-step3 {
    background-image: url("../images/intelligent/bg10.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 70px;
}

.i-s3-box {
    width: 1340px;
    height: 548px;
    margin: auto;
    display: flex;
    position: relative;
    z-index: 1;
}

.i-s3-b-left {
    width: 536px;
    height: 548px;
}

.i-s3-b-left img {
    width: 100%;
    height: 100%;
}

.i-s3-b-right {
    padding: 9px 22px;
    width: 787px;
    background: #EBEBEB;
}

.i-s3-b-right ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.i-s3-b-right ul li {
    width: 140px;
    height: 100px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    cursor: pointer;
}

.i-s3-b-right ul li:hover {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

.i-s3-b-right ul li img {
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
}

.i-s3-b-right>img {
    width: 741px;
    height: 197px;
    margin-top: 19px;
}

.intelligent-step3>h2 {
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
    padding-top: 76px;
    padding-bottom: 60px;

}

.intelligent-step3 {
    text-align: center;
    color: #FFFFFF;
}

.intelligent-step3>h2 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 105px;
}

.intelligent-step3>h2 span {
    position: relative;
    z-index: 1;
    left: -50px;
}

.intelligent-step3>h2 i {
    font-size: 48px;
    font-weight: bold;
}

.intelligent-step3>h2::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 35px);
    width: 70px;
    height: 249px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    opacity: 0.7;
}

.intelligent-step3 p {
    position: absolute;
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: left;
    left: calc(50% + 51px);
    top: 129px;
}

.intelligent-step3 p:last-child {
    font-size: 13px;
    font-weight: 300;
    top: 183px;
}

.intelligent-step4 {
    height: 576px;
    background-image: url("../images/intelligent/bg8.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    letter-spacing: 2px;
}

.intelligent-step4>h2 {
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #000000;
    position: relative;
    padding-top: 76px;
    padding-bottom: 60px;

}

.intelligent-step4 {
    text-align: center;
}

.i-s4-box {
    /* width: 600px; */
    height: 296px;
    align-items: center;
    margin: auto;
    display: flex;
    justify-content: center;
}

.i-s4-box video {
    width: 529px;
    height: 296px;
}

.i-s4-box img {
    width: 300px;
}

.i-s4-box div:last-child {
    height: 296px;
}

.i-s4-box {
    position: relative;
    z-index: 1;
}

.intelligent-step4>h2 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 105px;
}

.intelligent-step4>h2 span {
    position: relative;
    z-index: 1;
    right: -50px;
}

.intelligent-step4>h2 i {
    font-size: 48px;
    font-weight: bold;
}

.intelligent-step4>h2::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 35px);
    width: 70px;
    height: 250px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    opacity: 0.7;
}

.intelligent-step4 h2 p {
    position: absolute;
    font-size: 28px;
    font-weight: 400;
    left: calc(50% - 190px);
    color: #000000;
    top: 127px;
}

.intelligent-step4 p:last-child {
    font-size: 13px;
    font-weight: 300;
    top: 185px;
    left: calc(50% - 345px);
}

.intelligent-step5 {
    height: 804px;
    background-image: url("../images/intelligent/bg9.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

.intelligent-step5>h2 {
    font-size: 36px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    position: relative;
    padding-top: 76px;
    padding-bottom: 60px;

}

.intelligent-step5 {
    text-align: center;
}

.intelligent-step5>h2 {
    position: relative;
    padding-top: 80px;
    padding-bottom: 105px;
}

.intelligent-step5>h2 span {
    position: relative;
    z-index: 1;
    left: -50px;
}

.intelligent-step5>h2 i {
    font-size: 48px;
    font-weight: bold;
}

.intelligent-step5>h2::after {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 35px);
    width: 70px;
    height: 320px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    opacity: 0.7;
}

.intelligent-step5 p {
    position: absolute;
    font-size: 28px;
    font-weight: 400;
    color: #FFFFFF;
    text-align: left;
    left: calc(50% + 51px);
    top: 129px;
}

.intelligent-step5 p:last-child {
    font-size: 13px;
    font-weight: 300;
    top: 183px;
}

.fdys {
    width: 1260px;
    margin: auto;
}

.fdys-slide {
    width: 1260px;
}

.zdtf {
    height: 748px;
    padding-top: 60px;
    text-align: center;
}

.zdtf>h2 {
    font-size: 36px;
    font-weight: 400;
    color: #000000;
}

.zdtf>h2 span {
    color: #F6CA8F;
}

.zdtf>h3 {
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 50px;
}

.zdtf-box {
    width: 1180px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.zdtf-box li {
    width: 236px;
    height: 236px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: #000000;
    flex-direction: column;
}

.zdtf-box li img {
    width: 100%;
    height: 100%;
}

.zdtf-box li h3 {
    font-size: 26px;
    font-weight: 500;
    color: #E4B47C;
    margin-bottom: 34px;
}

.khjz .brand-modal-l3 {
    background: url('../images/intelligent/bg11.png');
}

.yytx {
    background-image: url("../images/intelligent/bg9.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: 689px;
    padding-top: 59px;
    padding-bottom: 70px;
}

.yytx .old-house-m6-form {
    position: unset;
    width: 442px;
    height: 495px;
    padding: 45px 40px 46px;
}

.yytx h1 {
    font-size: 24px !important;
}

.yytx h3 {
    font-size: 13px !important;
    margin-top: 22px !important;
    margin-bottom: 21px !important;
}

.yytx .old-house-m6-form .designe-style-right-btn {
    width: 327px;
    height: 53px;
    line-height: 53px;
    margin: auto;
    border-radius: 30px;
}

.yytx .old-house-m6-form input {
    width: 328px;
    height: 47px;
    padding-left: 19px;
    margin-bottom: 17px;
}

.yytx .designe-style-right-remark {
    font-size: 12px;
}

.yytx>h2 {
    font-size: 36px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 23px;
}

.yytx>h2 span {
    color: #E5B57D;
}

.yytx-box {
    display: flex;
    justify-content: center;
}

.yytx-b-right {
    width: 676px;
    margin-left: 21px;
    padding-top: 31px;
}

.yytx-b-right div {
    position: relative;
    height: 142px;
    display: flex;
    align-items: center;
    margin-bottom: 7px;

}

.yytx-b-right div img:first-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.yytx-b-right div img:nth-child(2) {
    width: 46px;
    margin-left: 50px;
    margin-right: 31px;
    position: relative;
    z-index: 1;
}

.yytx-b-right div p {
    position: relative;
    z-index: 1;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #010101;
}

.fdys-slide img {
    width: 844px;
    height: 361px;
    transform: scale(0.8);
    transition: all 0.5s;
    position: relative;
    left: -122px;
}

.fdys-slide.swiper-slide-active img {
    transform: scale(1);
}

.fdys-slide.swiper-slide-active {
    z-index: 1;
}

.fdys-swiper-nav {
    display: flex;
    margin-top: 39px;
    height: 122px;
    background: #FFFFFF;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.41);
}

.fdys-swiper-nav li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fdys-swiper-nav li img {
    width: 52px;
    height: 52px;
}

.fdys-swiper-nav li img:nth-child(2) {
    display: none;
}

.fdys-swiper-nav li div {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    margin-top: 10px;
}

.fdys-swiper-nav .fdys-s-a img:first-child {
    display: none;
}

.fdys-swiper-nav .fdys-s-a div {
    color: #E4B47C;
}

.fdys-swiper-nav .fdys-s-a img:nth-child(2) {
    display: inline-block;
}

.fdys-button-prev img,
.fdys-button-next img {
    width: 54px;
}

.fdys-button-prev {
    left: 200px;
}

.fdys-button-next {
    right: 230px;
}

.fdys-swiper {
    --swiper-navigation-size: 0;
}

/* 装修计算器 */
.shade {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
    display: none;
}

.zxjsq-box {
    width: 1050px;
    height: 718px;
    margin: auto;
    /* margin-top: 200px; */
    position: relative;
    letter-spacing: 2px;
}

.zxjsq-top-img {
    position: absolute;
    top: 0;
    width: 1028px;
    left: 11px;
}

.zxjsq-content-img {
    position: absolute;
    top: 94px;
    width: 1050px;
}

.zxjsq-close-img {
    position: absolute;
    width: 40px;
    right: 20px;
    top: 110px;
    cursor: pointer;
    z-index: 2;
}

.zxjsq-form {
    width: 1050px;
    height: 512px;
    position: relative;
    z-index: 1;
    padding-top: 146px;
    padding-left: 48px;
    padding-right: 41px;
}


.zxjsq-form h1 {
    font-size: 41px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 50px;
}

.zxjsq-form p {
    font-size: 13px;
    font-weight: 300;
    color: #000000;
    display: inline-block;
    /* width: 335px; */
    padding: 0 14px;
    line-height: 30px;
    background: #F2E6D8;
    border-radius: 9px 0px 9px 0px;
    position: relative;
    bottom: 5px;
}

.zxjsq-form p span {
    color: #9B6220;
}

.f-radio {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
}

.f-radio input {
    margin-right: 16px;
    margin-left: 12px;
}

.f-radio label {
    cursor: pointer;
}

.f-radio label:last-child {
    margin-left: 20px;

}

.f-radio input {
    width: 24px;
    height: 24px;
    /* appearance: none; */
    /* position: relative; */
    /* outline: none; */
}

.chk_div span {
    width: 50%
}

.chk_div2 span {
    width: 30%
}

.chk_div input[type=radio] {
    display: none;
}

.chk_div label {
    background: url(../images/site/radio.jpg) no-repeat;
    width: 232px;
    height: 32px;
    display: block;
    padding-left: 30px;
    text-align: left;
    /* padding-top: 5px; */
}

.chk_div input[type=radio]:checked+label {
    background: url("../images/site/radio-a.jpg") no-repeat;
}
.hqbj .chk_div input[type=radio]:checked+label {
    background-size: 17px 18px;
    background-position-y: 8%;
}
.mfsj-btn.getBKcal,
.hqbj-btn.getBKcal{
    font-size: 20px;
    width: 200px;
    color:#fff;
    border-radius: 30px;
}
/* .f-radio input:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.f-radio input:checked:before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #000000;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.f-radio input:checked:after {
    content: "";
    width: 9px;
    height: 9px;
    text-align: center;
    background: #000000;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 7px;
    left: 4px;
}

.f-radio input:checked+label {
    color: #edd19d;
} */

.zxjsq-form div input {
    outline: none;
    border: none;
    height: 54px;
    width: 370px;
}

.zxjsq-form div img {
    width: 25px;
    height: 25px;
    margin-right: 19px;
    margin-left: 21px;
}

.zxjsq-form form div:first-child {
    border: none;
}

.zxjsq-form form div:first-child input {
    width: auto;
}

.zxjsq-form form div {
    width: 437px;
    border-bottom: 1px solid #D7D7D7;
}

.zxjsq-btn {
    width: 413px;
    line-height: 60px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 21px;
    font-size: 15px;
    font-weight: 400;
    color: #101010;
    text-align: center;
    cursor: pointer;
    margin-left: 12px;
    margin-top: 40px;
}

.zxjsq-right {
    position: absolute;
    right: 41px;
    top: 240px;
    width: 400px;
    text-align: center;
}

.zxjsq-right h2 {
    font-size: 21px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 48px;
}

.zxjsq-right h4 {
    font-size: 13px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #E1E1E1;
    margin-top: 44px;
}

.zxjsq-right h2 span {
    color: #FACE94;
}

.zxjsq-right ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 21px;
    font-weight: 400;
    color: #FFFFFF;
    width: 400px;
}

.zxjsq-right li {
    width: 50%;
    height: 86px;
}

.zxjsq-right li:nth-child(1) {
    border-right: 1px dashed #EBBE70;
    border-bottom: 1px dashed #EBBE70;
}

.zxjsq-right li:nth-child(2) {
    border-bottom: 1px dashed #EBBE70;
}

.zxjsq-right li:nth-child(3) {
    border-right: 1px dashed #EBBE70;
    padding-top: 20px;
}

.zxjsq-right li:nth-child(4) {
    padding-top: 20px;
}

.cggd-box {
    width: 1189px;
    height: 571px;
    margin: auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.17);
    position: relative;
    /* margin-top: 200px; */
    padding: 35px 60px 63px 60px;
    position: relative;
}

.cggd-close-img {
    position: absolute;
    width: 40px;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.cggd-box {
    display: flex;
}

.cggd-box h2 {
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #454545;
}

.cggd-box ul {
    display: flex;
    margin-top: 115px;
    gap: 75px;
    width: 645px;
}

.cggd-box ul li {
    min-width: 140px;
    text-align: center;
}

.cggd-box ul li img {
    width: 120px;
}


.cggd-box ul li h3 {
    font-size: 21px;
    font-weight: 500;
    color: #101010;
    margin-top: 23px;
    margin-bottom: 14px;
}

.cggd-box ul li p {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #9E9E9E;
    line-height: 24px;
}

.cggd-right h1 {
    font-size: 30px;
    font-weight: 500;
    color: #E4B47C;
    line-height: 33px;
    padding-top: 54px;
    margin-bottom: 60px;
    position: relative;
}

.cggd-right h1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -17px;
    width: 68px;
    height: 2px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

.cggd-right input {
    outline: none;
    padding-left: 22px;
    font-size: 15px;
    font-weight: 300;
    width: 417px;
    height: 57px;
    background: #FAFAFA;
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    margin-bottom: 28px;
}

.cggd-btn {
    width: 413px;
    line-height: 60px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 21px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #101010;
}

.cggd-right p {
    font-size: 15px;
    font-weight: 400;
    color: #101010;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 3px;
}

.cggd-right p span:first-child {
    color: #FF0000;
}

.cggd-right p span:last-child {
    color: #E4B47C;
}

.yysjs-box {
    width: 711px;
    height: 450px;
    background: #FFFFFF;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.2);
    margin: auto;
    position: relative;
    padding: 25px 50px 0 50px;
    /* margin-top: 200px; */
    border-radius: 10px;
}

.yysjs-close-img {
    position: absolute;
    width: 40px;
    top: 22px;
    right: 22px;
    cursor: pointer;
}

.yysjs-box h2 {
    font-size: 21px;
    font-weight: 400;
    color: #2E2E2E;
    padding-bottom: 16px;
    border-bottom: 1px solid #CCCCCC;
}

.yysjs-box>p {
    font-size: 14px;
    font-weight: 400;
    color: #898989;
    margin-top: 21px;
    margin-bottom: 42px;
}

.yysjs-box form div {
    width: 599px;
    height: 51px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin-bottom: 42px;
    display: flex;
    overflow: hidden;
}

.yysjs-box form div img {
    width: 145px;
    height: 49px;
    margin-right: 5px;
}

.yysjs-box form div input {
    outline: none;
    border: none;
    height: 50px;
    width: 460px;
    font-size: 13px;
}

.yysjs-box>div {
    display: flex;
    align-items: center;
}

.yysjs-btn {
    width: 207px;
    line-height: 57px;
    background: #E4B47C;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    border-radius: 10px;
    cursor: pointer;
}

.yysjs-box>div p {
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    margin-left: 35px;
    letter-spacing: 2px;
}

.sjbl-box {
    width: 1070px;
    height: 469px;
    position: relative;
    display: flex;
    margin: auto;
    /* margin-top: 200px; */
}

.sjbl-close-img {
    position: absolute;
    width: 40px;
    top: 9px;
    right: 9px;
    cursor: pointer;
    z-index: 2;
}

.sjbj-left-tab {
    width: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.sjbj-left-tab li {
    width: 35px;
    height: 148px;
    background: #FFFFFF;
    writing-mode: vertical-rl;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #000000;
    cursor: pointer;
    letter-spacing: 3px;
}
.sjbj-left-tab li:first-child{
    border-top-left-radius: 10px;
}
.sjbj-left-tab li:last-child{
    border-bottom-left-radius: 10px;
}
.sjbj-left-tab .sjbj-tab-active {
    background: #E4B47C;
    color: #FFFFFF;
}

.sjbj-content {
    width: 1197px;
    height: 469px;
    background: #FFFFFF;
    box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    overflow: hidden;
    object-fit: cover;  /* 或 contain */
}

.hqbj,
.mfsj {
    width: 100%;
    height: 100%;
    position: relative;
}

.hqbj>img:first-child {
    width: 1055px;
    height: 491px;
    position: absolute;
    right: -11px;
    top: -10px;
    border-radius: 30px;
}
.hqbj.sjbj-tab-item.getBKcal-w{
    border-radius: 10px;
}

.hqbj form {
    padding-top: 52px;
    padding-left: 92px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #858585;
}

.hqbj form img {
    width: 252px;
    margin-bottom: 15px;
    margin-left: 80px;
}

.hqbj.mfsj  form .layui-inline,
.hqbj form .layui-inline {
    margin-bottom: 15px;
}
.hqbj form div {
    /* margin-bottom: 14px; */
    display: flex;
    align-items: center;
}

.hqbj form div span {
    margin-right: 12px;
}

.hqbj form div input,
.hqbj form div select {
    width: 278px;
    height: 39px;
    background: #FFFFFF;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    outline: none;
    padding-left: 10px;
}

.hqbj-btn,
.mfsj-btn {
    width: 147px;
    line-height: 44px;
    background: #E4B47C;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    color: #2E2E2E;
    position: relative;
    margin-left: 170px;
    margin-top: 18px;
}

.hqbj-right {
    position: absolute;
    z-index: 1;
    width: 458px;
    text-align: center;
    right: 49px;
    top: 84px;
}

.hqbj-right h2 {
    font-size: 30px;
    font-weight: 400;
    color: #2E2E2E;
    margin-bottom: 30px;
}

.hqbj-right span {
    color: #E4B47C;
}

.hqbj-right ul {
    display: flex;
    flex-wrap: wrap;
    width: 458px;
    height: 184px;
    background: rgba(255, 255, 255, 0.85);
    padding: 7% 0;
    border: 1px dashed #ccc;
    border-radius: 10px;
    align-items: center;
}

.hqbj-right ul li {
    width: 50%;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    text-align: left;
    padding-left: 59px;
    height: 50px;
    line-height: 50px;
}

.mfsj>p {
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #969595;
    margin-left: 178px;
    margin-top: 14px;
}

.mfsj label {
    width: 300px;
    margin-left: 170px;
    margin-top: 22px;
    margin-bottom: 14px;
    cursor: pointer;
    display: flex;
    /* align-items: center; */
}

.mfsj label img {
    width: 14px;
    margin-right: 8px;
}

.mfsj-btn {
    margin-top: unset;
}

.mfsj>img {
    position: absolute;
    right: 73px;
    top: 52px;
    width: 501px;
}

.dbbj {
    position: fixed;
    height: 118px;
    width: 100%;
    bottom: 0;
    background-image: url("../images/index/dbbj-img.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99;
}

.dbbj-box {
    width: 100%;
    height: 118px;
    max-width: 1420px;
    margin: auto;
    position: relative;
}

.dbbj-close {
    position: absolute;
    right: 0;
    top: 22px;
    width: 22px;
    cursor: pointer;
}

.dbbj-box {
    display: flex;
    align-items: center;
}

.dbbj-img {
    width: 102px;
    margin-right: 23px;
}

.dbbj-box div h2 {
    font-size: 31px;
    font-weight: 400;
    color: #FFFFFF;
}

.dbbj-box div p {
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
}

.dbbj-box>p {
    font-size: 19px;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 20px;
}

.dbbj-box ul {
    display: flex;
}

.dbbj-box ul li {
    width: 83px;
    line-height: 58px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #BABABA;
    cursor: pointer;
    border-right: 1px solid #BABABA;
}

.dbbj-box ul li:last-child {
    border: none;
}

.dbbj-box ul .dbbj-active-liitem {
    color: #FFFFFF;
}

.dbbj-box form {
    display: flex;
}

.dbbj-box form div {
    width: 174px;
    height: 64px;
    border: 1px solid #BABABA;
    border-radius: 4px;
    margin-right: 17px;
    color: #FFFFFF;
}

.dbbj-box form div input {
    width: 140px;
    outline: none;
    border: none;
    height: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #FFFFFF;
    padding-left: 18px;
    background: transparent;
}

.dbbj-box form div input::placeholder {
    color: #FFFFFF;
}

.dbbj-btn {
    width: 162px;
    line-height: 63px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}

.slide-nav {
    position: fixed;
    right: 0;
    top: 20%;
    /* right: 30px; */
    width: 70px;
    background: #FFFFFF;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.11);
    z-index: 99;
}

.slide-nav ul li img {
    width: 23px;
}

.slide-nav ul li img:nth-child(2),
.slide-nav ul li:hover img:nth-child(2) {
    display: none;
}

.slide-nav ul .s-n-active img:first-child,
.slide-nav ul li:hover img:first-child {
    display: none;
}

.slide-nav ul .s-n-active img:nth-child(2),
.slide-nav ul li:hover img:nth-child(2) {
    display: unset;
}

.slide-nav ul .s-n-active,
.slide-nav ul li:hover {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}

.slide-nav ul li {
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.slide-nav ul li::after {
    content: '';
    width: 58px;
    height: 1px;
    background: #E1E1E1;
    bottom: 0;
    position: absolute;
    left: 12px;
}

.slide-nav ul .s-n-active:after,
.slide-nav ul .backtop:after,
.slide-nav ul li:hover:after {
    display: none;
}

.slide-nav ul li p {
    font-size: 13px;
    font-weight: 400;
    color: #E4B47C;
    margin-top: 10px;
}

.slide-nav ul .s-n-active p,
.slide-nav ul li:hover p {
    color: #FFFFFF;
}

.s-n-active div {
    top: 5px;
    right: 20px;
    position: absolute;
    width: 14px;
    line-height: 15px;
    border-radius: 50%;
    text-align: center;
    background: #FFFFFF;
    color: #E4B47C;
}

.promotion {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

.promotion-top {
    position: relative;
    text-align: center;
    height: 1099px;
}

.promotion-top img {
    width: 100%;
    max-width: 1920px;
}

.promotion-top .brand-modal4 {
    height: unset;
    background-image: unset;
    position: absolute;
    bottom: 60px;
    left: calc(50% - 635px);
}

.promotion-top .brand-modal4 .brand-modal4-box {
    height: unset;
    padding-bottom: 33px;
}

.promotion-top .brand-modal4-box-left h1 {
    font-size: 27px;
    font-weight: 400;
    color: #000000;
}

.promotion-top .brand-modal4-box-right h1 {
    font-size: 22px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #000000;
}

.promotion-top .brand-modal4-box-right h1 span {
    font-size: 37px;
}

.promotion-top .brand-modal4-box-right>div {
    font-size: 18px;
    padding-top: 33px;
}

.promotion-top .brand-modal4-box-left h1 span {
    font-size: 14px;
    font-weight: 300;
    color: #000000;
}

.promotion-top .f-radio input {
    border: none;
    border-radius: unset;
}

.promotion-top .f-radio label:last-child {
    margin-left: 0;
}

.promotion-top .f-radio input:checked:after {
    top: 6px;
}

.promotion-modal2 {
    background-image: url("../images/promotion/bg2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 754px;
    text-align: center;
}

.promotion-modal2 h1 {
    font-size: 39px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    padding-top: 67px;
}

.promotion-modal2 h2 {
    font-size: 19px;
    font-weight: 300;
    color: #FFFFFF;
    margin-top: 26px;
    margin-bottom: 53px;
}

.promotion-modal2 ul {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.promotion-modal2 ul li img {
    width: 371px;
}

.promotion-modal3 {
    height: 641px;
}

.promotion-modal3-box {
    width: 1200px;
    margin: auto;
    text-align: center;
}

.promotion-modal3-box>h1 {
    font-size: 39px;
    font-weight: 400;
    color: #000000;
    padding-top: 52px;
}

.promotion-modal3-box>img {
    width: 28px;
    margin-top: 28px;
    margin-bottom: 38px;
}

.promotion-modal3-box ul {
    display: flex;
}

.promotion-modal3-box ul li {
    display: flex;
    cursor: pointer;
}

.promotion-modal3-box ul li>img {
    width: 0px;
    height: 418px;
    transition: all 0.5s;
}

.promotion-modal3-box ul .p-m3-active>img {
    width: 761px;
}

.promotion-modal3-box ul li div {
    width: 108px;
    height: 418px;
    writing-mode: vertical-rl;
    font-size: 36px;
    font-weight: 400;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    position: relative;
}

.promotion-modal3-box ul li div:after {
    content: '';
    width: 15px;
    height: 15px;
    background: #FAFBFD;
    position: absolute;
    bottom: 48px;
}

.promotion-modal3-box ul li div img {
    width: 51px;
    height: 51px;
    margin-bottom: 44px;
    margin-top: 52px;
}

.promotion-modal3-box ul li:nth-child(1) div {
    background: #EBBE70;
}

.promotion-modal3-box ul li:nth-child(2) div {
    background: #866148;
}

.promotion-modal3-box ul li:nth-child(3) div {
    background: #E46A4F;
}

.promotion-modal3-box ul li:nth-child(4) div {
    background: #9FA0A0;
}



.promotion-modal4 {
    background-image: url("../images/intelligent/bg8.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 1230px;
    position: relative;
}

.promotion-modal4>img {
    width: 100%;
    max-width: 1920px;
}

.p-m4-footer {
    position: absolute;
    bottom: 0;
    background-image: url("../images/promotion/bg3.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    height: 453px;
    width: 100%;
}

.p-m4-footer h1 {
    font-size: 39px;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 180px;
    margin-bottom: 35px;
}

.p-m4-footer p {
    margin-top: 29px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: #FFFFFF;
}

.p-m4-footer form {
    display: flex;
    gap: 11px;
    justify-content: center;
}

.p-m4-footer form input {
    outline: none;
    width: 304px;
    height: 58px;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 300;
    padding-left: 22px;
    border: none;
}

.p-m4-btn {
    width: 304px;
    line-height: 58px;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.41);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    cursor: pointer;
}

.aiprediction {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.aiprediction img {
    width: 100%;
    max-width: 1920px;
    margin: auto;
}

.aiprediction-box {
    position: absolute;
    width: 991px;
    height: 560px;
    bottom: 110px;
    left: calc(50% - 495px);
}

.aiprediction-box img {
    width: 991px;
    height: 560px;
}

.aiprediction-box input {
    width: 30px;
    height: 19px;
    appearance: none;
    position: relative;
    outline: none;
    cursor: pointer;
}

.aiprediction-box input:before {
    content: "";
    width: 13px;
    height: 13px;
    border: 1px solid #FFFFFF;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.aiprediction-box input:checked:before {
    content: "";
    width: 13px;
    height: 13px;
    border: 1px solid #FFFFFF;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.aiprediction-box input:checked:after {
    content: "";
    width: 7px;
    height: 7px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 7px;
    left: 4px;
}

.aiprediction-box label {
    color: #FFFFFF;
    font-size: 13px;
    cursor: pointer;
}

.ai-tab {
    display: none;
}

.ai-show-tab {
    display: unset;
}

.ai-tab>div {
    position: absolute;
    bottom: 172px;
    width: 100%;
    display: flex;
}

.ai-tab1>div {
    padding: 0 141px;
}

.ai-tab2>div {
    padding: 0 39px;
}

.ai-tab3>div:nth-child(2) {
    bottom: 295px;
    padding: 0 122px;
}

.ai-tab3>div:nth-child(3) {
    bottom: 136px;
    padding: 0 122px;
}

.ai-tab label {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-btn {
    width: 100%;
    justify-content: center;
    display: flex;
    gap: 12px;
    position: absolute;
    bottom: 98px !important;
}

.ai-tab3 .ai-btn {
    bottom: 80px !important;
}

.ai-tab4 .ai-btn {
    bottom: 226px !important;
}

.ai-btn div {
    width: 100px;
    line-height: 29px;
    background: linear-gradient(90deg, #767D83, #9BA0A6);
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}

.ai-tab4 input {
    position: absolute;
    width: 480px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #9BA0A6;
    border-radius: 0px;
    outline: none;
    font-size: 13px;
    padding-left: 24px;
    left: calc(50% - 240px);
    bottom: 338px;
}

.publicity {
    position: relative;
    min-width: 1900px;
}

.publicity .jjfk>div {
    position: relative;
}

.publicity .jjfk img {
    width: 100%;
}

.jjfk-form {
    position: absolute;
    top: 8px;
    left: 29.2%;
    height: 45%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.jjfk-form>div {
    justify-content: center;
}

.jjfk-form .brand-formitem1 {
    width: 400px;
}

.jjfk-form .brand-formitem1>div {
    width: 100%;
}

.jjfk-form .brand-formitem1>div input,
.jjfk-form .brand-formitem1>div select {
    height: 50px;
    width: 100%;
    padding-left: 10px;
}

.jjfk-form select {
    width: 49% !important;
    margin-right: 0;
}

.jjfk-form .formitem-flex {
    flex-wrap: nowrap !important;
    justify-content: space-between;
}

.jjfk .sz {
    position: absolute;
    color: #E4B47C;
    font-size: 24px;
}

.jjfk .sz-big {
    font-size: 40px;
    font-weight: bold;
    right: 28.1%;
    top: 11.5%;
}

.jjfk .sz2 {
    right: 27.3%;
    top: 31%;
}

.jjfk .sz3 {
    right: 37.5%;
    top: 31%;
}

.jjfk .sz4 {
    right: 37.5%;
    top: 41.5%;
}

.jjfk .sz5 {
    right: 27.3%;
    top: 41.5%;
}

.zzbj-btn {
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    margin-left: 0;
    position: absolute;
    bottom: -70px;
}

.publicity .sdjm>img {
    width: 100%;
}

.publicity .ly {
    position: relative;
}

.publicity .ly>img {
    width: 100%;
}

.btn-img {
    position: absolute;
    left: 0;
    bottom: 20%;
    left: 26%;
    width: unset !important;
    cursor: pointer;
}

.bm {
    display: flex;
    justify-content: center;
}

.bm .bm-box {
    margin: auto;
    position: relative;
    display: flex;
    align-items: center;
}

.bm .bm-btn-img {
    position: absolute;
    right: 3%;
    cursor: pointer;
}

.bm .bm-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    right: 0;
    right: 21%;
}

.bm .bm-form input {
    outline: none;
    width: 180px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 300;
    padding-left: 10px;
    border: none;
}

.publicity .sjal {
    display: flex;
    width: 100%;
    justify-content: center;
}

.publicity .brand-modal6 {
    position: absolute;
    top: 16%;
}

.publicity .brand-modal6 .brand-slide2 div img {
    width: 100%;
}

.sjal-box {
    position: absolute;
    bottom: 2%;
    display: flex;
    align-items: center;
}

.xzbm-btn-img {
    position: absolute;
    right: 10%;
    cursor: pointer;
}

.sjal-form {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 25%;
    gap: 10px;
}

.sjal-form input {
    outline: none;
    width: 250px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 300;
    padding-left: 10px;
    border: none;
}

.sjyx .brand-modal6,
.gyys .brand-modal6 {
    top: 25%;
    display: flex;
}

.sjyx .brand-swiper2,
.gyys .brand-swiper2 {
    width: 66%;
}

.brand-page-left,
.brand-page-left2 {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sjyx .brand-page-left li,
.gyys .brand-page-left2 li {
    font-size: 30px;
    width: 100%;
    background: #000000;
    color: #FFFFFF;
    height: 24%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.gyys .brand-page-left2 li {
    height: 18%;
}

.sjyx .brand-page-left-a,
.gyys .brand-page-left-a {
    background: linear-gradient(90deg, #E4B47C, #F6CA8F) !important;
    color: #000000 !important;
}

.gyys .brand-modal6 {
    top: 50% !important;
}

.gyys .brand-modal6 .brand-page-left2 li {
    background: #606060;
}

.gyys .brand-slide2>div {
    height: 610px;
}

.gyys .brand-slide2>div img {
    height: 100%;
}

.environment {
    min-width: 1900px;
}

.environment .top-banner img {
    width: 100%;
}

.environment .yy-hb {
    position: relative;
    height: 193px;
    background: #FFFFFF;
}

.environment .yy-hb-form {
    display: flex;
    width: 1440px;
    height: 168px;
    background: #FFFFFF;
    box-shadow: 0px 13px 12px 1px rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    margin: auto;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -59px;
}

.environment .yy-hb-form-text>p:first-child {
    font-size: 32px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    position: relative;
    border-left: 6px solid #CFB57F;
    padding-left: 13px;
}

.environment .yy-hb-form-text>p:last-child {
    font-size: 32px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    font-size: 24px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #666666;
    padding-left: 19px;
}

.environment .yy-hb-form-text>p:last-child span {
    color: #CFB57F;
}

.environment .yy-hb-form input {
    outline: none;
    width: 250px;
    height: 40px;
    background: #FAFAFA;
    border-radius: 5px;
    font-size: 24px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #666666;
    padding-left: 21px;
    border-radius: 40px;
    opacity: 1;
    border: 1px solid #D2D2D2;
}

.environment .yy-hb-form form {
    display: flex;
    gap: 16px;
    margin-left: 36px;
    margin-right: 16px;
}

.environment .yy-hb-btn {
    width: 240px;
    height: 50px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 24px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
}

.environment .yy-hb-btn:hover {
    opacity: 0.9;
}

.environment .yy-hb-btn:active {
    opacity: 0.8;
}

.environment .page-placeholder-img {
    width: 100%;
}

.ybfzj {
    display: flex;
    position: relative;
}

.environment .ybfzj-box {
    width: 1000px;
    position: absolute;
    top: 30%;
    left: calc(50% - 500px);
    display: flex;
}

.environment .ybfzj-form {
    margin-left: 30px;
    position: relative;
    display: flex;
    justify-content: center;
}

.environment .ybfzj-form form {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    bottom: 0;
    gap: 34px;
}

.environment .ybfzj-form input {
    outline: none;
    font-size: 16px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #FFFFFF;
    padding-left: 16px;
    width: 386px;
    height: 54px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #E4B57D;
}

.environment .ybfzj-form input::placeholder {
    color: #FFFFFF;
}

.environment .ybfzj-form-btn {
    width: 386px;
    height: 54px;
    background: linear-gradient(90deg, #E4B57D 0%, #F6D1A5 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 44px;
    font-size: 16px;
    font-family: Inter-Medium, Inter;
    font-weight: 500;
    color: #45584F;
    line-height: 54px;
    text-align: center;
    margin-bottom: 28px;
    cursor: pointer;
}

.environment .ybfzj-form-btn:hover {
    opacity: 0.9;
}

.environment .ybfzj-form-btn:active {
    opacity: 0.8;
}

.environment .ljbmwr {
    position: relative;
}

.environment .ljbmwr-btn {
    position: absolute;
    bottom: 80px;
    width: 408px;
    height: 64px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    line-height: 64px;
    text-align: center;
    font-size: 26px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
    left: calc(50% - 204px);
}

.environment .ljbmwr-btn:hover {
    opacity: 0.9;
}

.environment .ljbmwr-btn:active {
    opacity: 0.8;
}

.environment .ljbmwr-btn img {
    width: 8px;
    margin-left: 15px;
}

.environment .djyh {
    position: relative;
}

.environment .djyh .djyh-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.environment .djyh {
    display: flex;
    align-items: center;
    justify-content: center;
}

.environment .djyh ul {
    display: flex;
    gap: 113px;
    position: absolute;
}

.environment .djyh ul li {
    position: relative;
}

.environment .djyh ul li .li-content {
    width: 347px;
    height: 480px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.environment .djyh ul li:hover img {
    transform: scale(1.2);
}

.environment .djyh ul li img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.environment .djyh-jb {
    position: absolute;
    width: 95px;
    height: 33px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    right: -40px;
    top: -10px;
    transform: rotate(45deg);
    z-index: 1;
}

.environment .djyh-text {
    width: 233px;
    height: 241px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;

}

.environment .djyh-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.environment .djyh-text p:nth-child(1) {
    font-size: 34px;
    font-family: Inter-Bold, Inter;
    font-weight: bold;
    color: #FFFFFF;
}

.environment .djyh-text p:nth-child(2) {
    font-size: 24px;
    font-family: Inter-Medium, Inter;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 34px;
    margin-bottom: 16px;
}

.environment .djyh-text p:nth-child(3) {
    font-size: 24px;
    font-family: Inter-Medium, Inter;
    font-weight: 500;
    color: #FFFFFF;
}

.environment .ljhbcl {
    position: relative;
    display: flex;
    justify-content: center;
}

.environment .ljhbcl-btn {
    position: absolute;
    bottom: 80px;
    width: 408px;
    height: 64px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    line-height: 64px;
    text-align: center;
    font-size: 26px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    cursor: pointer;
    left: calc(50% - 204px);
}

.environment .ljhbcl-btn:hover {
    opacity: 0.9;
}

.environment .ljhbcl-btn:active {
    opacity: 0.8;
}

.environment .ljhbcl-btn img {
    width: 8px;
    margin-left: 15px;
}

.environment .ljhbcl-slideshow {
    width: 80%;
    position: absolute;
    bottom: 200px;
}

.environment .ljhbcl-slideshow img {
    width: 100%;
    display: none;
}

.environment .ljhbcl-slideshow .ljhbcl-slideshow-show {
    display: unset;
}

.environment .ljhbcl-slide-text {
    position: absolute;
    top: 240px;
    left: 48%;
}

.environment .ljhbcl-slide-text>div {
    display: none;
}

.environment .ljhbcl-slide-text .ljhbcl-slide-text-show {
    display: block;
    height: 250px;
}

.environment .ljhbcl-slide-text>div p {
    font-size: 24px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 50px;
}

.environment .ljhbcl-slide-text>div p:nth-child(1) {
    font-size: 26px;
    font-family: PingFang TC-Medium, PingFang TC;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 30px;
    line-height: normal;
}

.environment .ljhbcl-slide-text ul {
    display: flex;
    gap: 20px;
}

.environment .ljhbcl-slide-text ul li {
    width: 30px;
    height: 3px;
    background: #818181;
    border-radius: 1px;
    cursor: pointer;
}

.environment .ljhbcl-slide-text ul .ljhbcl-slide-a {
    background: #E4B57D;
}

.environment .ljhbcl-slide-jt {
    position: absolute;
    right: 56px;
    top: 50%;
    display: flex;
    gap: 13px;
}

.environment .ljhbcl-slide-jt div {
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.environment .ljhbcl-slide-jt div:hover {
    opacity: 0.8;
}

.environment .ljhbcl-slide-jt div img {
    width: 10px;
    display: unset;
}

.environment .ybfzj-form-select {
    width: 386px;
    display: flex;
    gap: 10px;
}

.environment .ybfzj-form-select select {
    flex: 1;
    height: 42px;
    border: 1px solid #BBBBBB;
    outline: none;
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    font-size: 16px;
    font-family: Inter-Medium, Inter;
    font-weight: 500;
    color: #45584F;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #E4B57D;
    color: #FFFFFF;
    padding: 0 16px;
}

.environment .ybfzj-form-select select option {
    color: #000;
}

.reunion {
    min-width: 1900px;
}

.reunion .reunion-page-img {
    width: 100%;
}

.reunion .xszx {
    position: relative;
    margin-top: -2px;
}

.reunion .xszx-form-box {
    position: absolute;
    min-width: 1332px;
    width: 70%;
    height: 42%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff36;
    left: 15%;
    top: 42%;
    backdrop-filter: blur(5px);
    gap: 5%;
}

.reunion .xszx-form-box>div {
    display: flex;
    justify-content: center;
    position: relative;
}

.reunion .xszx-form-box>div form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reunion .xszx-form-box .xszx-form-left {
    height: 78%;
}

.reunion .xszx-form-box .xszx-form-right {
    height: 100%;
}

.reunion form {
    position: absolute;
}

.reunion .xszx-form-select {
    width: 100%;
    display: flex;
    gap: 22px;
    height: 13%;
}

.reunion .xszx-form-select select {
    flex: 1;
    height: 100%;
    border: 1px solid #E4B57D;
    outline: none;
    font-size: 16px;
    font-family: Inter-Medium, Inter;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    padding: 0 16px;
}

.reunion .xszx-form-select select option {
    color: #000;
}

.reunion .xszx-form-box form input {
    width: 100%;
    height: 13%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px 2px 2px 2px;
    border: 1px solid rgba(228, 181, 125, 0.1);
    outline: none;
    color: #FFFFFF;
    padding: 0 16px;
    margin-top: 40px;
}

.reunion .xszx-form-box input::placeholder {
    color: #FFFFFF;
}

.reunion .xszx-form-box .xszx-form-btn {
    margin-top: 40px;
    width: 100%;
    height: 13%;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #D22C2B;
    line-height: 13%;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reunion .xszx-form-box .xszx-form-btn:hover {
    opacity: 0.9;
}

.reunion .xszx-form-box .xszx-form-btn:active {
    opacity: 0.95;
}

.reunion .xszx1 {
    position: relative;
    display: flex;
    justify-content: center;
}

.xszx1-page-img {
    width: 100%;
}

.reunion .xszx1 .xszx1-bottom-img {
    width: 98%;
    min-width: 1421px;
    margin-top: 60px;
}

.reunion .xszx1 .xszx1-btn {
    position: absolute;
    bottom: 3%;
    width: 464px;
    height: 64px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    font-size: 26px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    line-height: 64px;
    text-align: center;
    cursor: pointer;
}

.reunion .xszx1 .xszx1-btn:hover {
    opacity: 0.9;
}

.reunion .xszx1 .xszx1-btn:active {
    opacity: 0.95;
}
.reunion .xszx2{
    position: relative;
    display: flex;
    justify-content: center;
}
.reunion .xszx2 .xszx2-btn {
    position: absolute;
    bottom: 6%;
    width: 464px;
    height: 64px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    font-size: 26px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    line-height: 64px;
    text-align: center;
    cursor: pointer;
}

.reunion .xszx2 .xszx2-btn:hover {
    opacity: 0.9;
}

.reunion .xszx2 .xszx2-btn:active {
    opacity: 0.95;
}
.reunion .xszx1-box {
    position: absolute;
    width: 75%;
    min-width: 1438px;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 16%;
}

.reunion .xszx1-box img {
    min-width: 1438px;
    width: 100%;
}
.reunion .xszx1-box .s-img{
    display: none;
}
.reunion .xszx1-box .s-img-active {
    display: unset;
}
.reunion .xszx1-box ul {
    margin-bottom: 61px;
    display: flex;
    min-width: 1438px;
    width: 100%;
    justify-content: center;
    gap: 24px;
}

.reunion .xszx1-box ul li {
    flex: 1;
    height: 85px;
    line-height: 85px;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
    font-size: 40px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
}

.reunion .xszx1-box ul li:hover,
.reunion .xszx1-box .active-li {
    background: #AC0813;
}

.reunion .xstqyh {
    position: relative;
    display: flex;
    justify-content: center;
}

.reunion .xstqyh .xstqyh-content {
    position: absolute;
    top: 40%;
    display: flex;
    gap: 16px;
}


.reunion .xstqyh-form-select {
    width: 100%;
    display: flex;
    gap: 22px;
}

.reunion .xstqyh-form-select select {
    flex: 1;
    height: 54px;
    border: 1px solid #E4B57D;
    outline: none;
    font-size: 16px;
    font-family: Inter-Medium, Inter;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    padding: 0 16px;
}

.reunion .xstqyh-form-select select option {
    color: #000;
}
.reunion .xstqyh-content{
    width: 73%;
}
.reunion .xstqyh-content>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reunion .xstqyh-content form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.reunion .xstqyh-content form input {
    width: 100%;
    height: 13%;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px 2px 2px 2px;
    border: 1px solid rgba(228, 181, 125, 0.1);
    outline: none;
    color: #FFFFFF;
    padding: 0 16px;
    margin-top: 40px;
}

.reunion .xstqyh-content input::placeholder {
    color: #FFFFFF;
}

.reunion .xstqyh-form-btn {
    margin-top: 40px;
    width: 100%;
    height: 13%;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229, 181, 122, 0.2);
    border-radius: 40px;
    font-size: 18px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #D22C2B;
    line-height: 54px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reunion .xstqyh-form-btn:hover {
    opacity: 0.9;
}

.reunion .xstqyh-form-btn:active {
    opacity: 0.95;
}
.search-result-box .nav-search-input{
    color: #fff;
}
.search-result-content{
    width: 1440px;
    margin: auto;
    font-size: 14px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #999999;
    position: relative;
    box-sizing: border-box;
    padding: 24px 0;
}
.result-content-breadcrumb{
    padding-left: 16px;
}
.result-content-breadcrumb a{
    color: #E5B780;
}
.result-content-breadcrumb .search-total{
    position: absolute;
    right: 9px;
}
.result-content-breadcrumb .search-total span{
    color: #E5B780;
}
.search-result-content .search-hot{
    padding: 24px 0;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    padding-left: 16px;
}
.search-result-content .search-hot img{
    width: 16px;
    height: 16px;
}
.search-result-content .search-hot ul{
    display: flex;
    align-items: center;
    gap: 16px;
}
.search-result-content .search-hot ul li{
    border: 1px solid #EEEEEE;
    text-align: center;
    font-size: 14px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #666666;
    cursor: pointer;
}
.search-result-content .search-hot ul li a{
    display: inline-block;
    padding: 6px 16px;
}
.search-result-content .search-list{
    padding-bottom: 20px;
}
.search-result-content .search-list ul{
    display: flex;
    flex-wrap: wrap;
    gap: 24px 16px;
}
.search-result-content .search-list ul li{
    width: 24%;
    height: 428px;
    cursor: pointer;
}
.search-result-content .search-list ul li img{
    width: 100%;
    height: 348px;
}
.search-result-content .search-list .search-list-item-text{
    padding: 14px 16px;
    background: #F8F8F8;
}
.search-result-content .search-list .search-list-title{
    font-size: 16px;
    font-family: PingFang TC-Regular, PingFang TC;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
}
.search-result-content .search-list .search-list-tag{
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #999999;
}
.search-example-content .search-list{
    background: none;
}
.search-example-content .list-content-box{
    padding: 0;
    width: 100%;
}
.search-example-content .search-list ul{
    gap: 32px 16px;
}
.search-example-content .search-list ul li{
    width: 348px;
    height: 320px;
    cursor: pointer;
    box-shadow: none;
}
.search-example-content .search-list ul li,
.search-example-content .search-list ul li:hover{
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.24);
}
.search-example-content .search-list ul li .item-btn{
    color: #000;
    background: linear-gradient(90deg, #E4B47C, #F6CA8F);
}
.search-example-content .search-list ul li img{
    height: 320px;
}
.search-example-content .list-content .item-top {
    width: 100%;
}
.search-example-content .list-content .item-top .money::after {
    top: 0px;
    left: -8px;
}
.search-method-content .strategyList{
    background: none;
    padding: 0;
}
.search-method-content .strategyList-content{
    width: 100%;
    background: none;
    margin: 0;
    padding-bottom: 0;
    box-shadow: none;
    padding: 16px;
}
.search-method-content .strategyList-content-item{
    border-bottom-color: #eee;
}
.search-method-content .strategyList-content-item>div{
    width: calc(100% - 280px);
    margin-right: 16px;
}
.search-method-content .strategyList-content-item-btn>div:first-child{
    color: #E4B67F;
}
.search-method-content .strategyList-content-item-btn>div:last-child{
    color: #000;
}
.search-method-content .strategyList-hot{
    margin-bottom: 40px;
}
.search-method-content .strategyList-hot .strategyList-hot-title{
    padding-left: 24px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    position: relative;
    margin-bottom: 24px;
}
.search-method-content .strategyList-hot .strategyList-hot-title::after{
    content: " ";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    width: 4px;
    height: 16px;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229,181,122,0.2);
    border-radius: 40px 40px 40px 40px;
    opacity: 1;
}
.search-method-content .strategyList-hot .strategyList-hot-list{
    display: flex;
}
.search-method-content .strategyList-hot-list{
    background: none;
    padding: 0;
}
.search-method-content .strategyList-hot-list ul{
    justify-content: space-between;
}
.search-method-content .strategyList-hot-list ul li{
    height: 330px;
    background-color: #F9F9F9;
    cursor: pointer;
    box-shadow: none;
}
.search-method-content .strategyList-hot-list ul li .item-top:hover img{
    transform:none;
}
.search-method-content .strategyList-hot-list ul li .item-bottom{
    flex-direction: column;
}
.search-method-content .strategyList-hot-list ul li .item-bottom .img-info{
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
}
.search-method-content .strategyList-hot-list ul li .item-bottom .item-btn{
    margin-top: 16px; 
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229,181,122,0.2);
    font-size: 16px;
    font-weight: 400;
    height: 30px;
    line-height: 30px;
}
.search-sale-content .premises-content-box{
    padding-bottom: 0;
}
.search-sale-content .premises-content-box .premises-left{
    width: calc(100% - 500px);
}
.search-sale-content .premises-content-box .premises-left .premises-listitem{
    width: 100%;
    box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.06);
    border-radius: 8px;
    height: auto;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem:not(:last-child){
    margin-bottom: 24px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem>img{
    height: 220px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info{
    padding: 0 16px;
    font-size: 14px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-t{
    height: 30px;
    line-height: 30px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-t .cx-btn{
    top: 0;
    width: 144px;
    height: 30px;
    line-height: 30px;
    border-radius: 40px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-tj{
    height: 24px;
    line-height: 24px;
    margin: 16px 0;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-tj span{
    font-size: 16px;
    color: #DD8F31;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-dz{
    height: 24px;
    line-height: 24px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-ll{
    margin:16px 0 32px;
    height: 24px;
    line-height: 24px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-ll>img{
    width: 14px;
    height: 14px;
    margin-right: 10px;
}
.search-sale-content .premises-content-box .premises-left .premises-listitem .listitem-info .listitem-info-btnl>div{
    width: 124px;
    height: 28px;
    line-height: 28px;
    background: linear-gradient(89deg, #F9F0E5 0%, #FDF7EF 100%);
    border-radius: 4px;
    color: #8E4D00;
}
.search-sale-content .premises-content-box .premises-right{
    width: 430px;
}
.search-sale-content .premises-content-box .premises-right .premises-form-box{
    width: 430px;
    height: 476px;
    background: url('../images/index/search1-bg-form.png') no-repeat 0 0/contain;
}
.search-sale-content .premises-content-box .premises-right .premises-form{
    width: 298px;
    background-color: transparent;
    box-shadow: none;
    transform: translate(48px,150px);
    padding: 0;
}
.search-sale-content .premises-content-box .premises-right .premises-form form{
    width: 100%;
}
.search-sale-content .premises-content-box .premises-right .premises-form form input{
    width: 100%;
    font-size: 16px;
    background: #FAFAFA;
    border-radius: 2px;
    padding-left: 24px;
}
.search-sale-content .premises-content-box .premises-right .premises-form form input::placeholder{
    color: #999;
}
.search-sale-content .premises-content-box .premises-right .premises-form .premises-form-remark{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.search-sale-content .premises-content-box .premises-right .premises-form .premises-form-btn{
    width: 100%;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    margin-top: 32px;
    color: #000000;
    background: linear-gradient(89deg, #E4B57D 0%, #F8DBB3 100%);
    box-shadow: 0px 5px 10px 0px rgba(229,181,122,0.2);
    border-radius: 40px;
}
.search-designer-content .designer-list{
    width: 100%;
    padding: 0;
}
.search-designer-content .designer-list .designer-item {
    width: 710px;
    height: auto;
    padding: 24px 16px 24px 24px;
    box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.06);
    border-radius: 8px;
    border: 1px solid #EEEEEE;
}
.search-designer-content .designer-list .designer-i-left {
    width: 188px;
    height: 274px;
    margin-right: 10px;
}
.search-designer-content .designer-list .designer-i-left:hover img {
    transform: none;
}
.search-designer-content .designer-list .designer-i-left:hover .subscribe-design {
    opacity: 0;
}
.search-designer-content .designer-list .designer-i-right{
    flex: 1;
}
.search-designer-content .designer-list .designer-i-right .designer-right-top .designer-gw{
    font-size: 14px;
    margin-right: 8px;
}
.search-designer-content .designer-list .designer-i-right .designer-right-top .check-detail{
    flex: 1 !important;
}
.search-designer-content .designer-list .designer-i-right .designer-right-top .check-detail i{
    font-size: 12px;
}
.search-designer-content .designer-list .designer-i-right .designer-right-remark{
    height: 40px;
    margin-top: 16px;
    margin-bottom: 12px;
    font-size: 14px;
}
.search-designer-content .designer-list .designer-i-right .designer-right-title{
    color: #999;
    margin-bottom: 8px;
}
.search-empty-content .search1-empty-status{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.search-empty-content .search1-empty-status .search1-empty-status-title{
    height: 44px;
    line-height: 44px;
    font-size: 32px;
    font-weight: normal;
    color: #666666;
}
.search-empty-content .search1-empty-status .search1-empty-status-title span{
    color: #E4B57D;
}
.search-empty-content .search1-empty-status .form-box{
    width: 100%;
    height: auto;
    background: none;
    box-shadow: none;
    margin-top: 60px;
    padding: 0 30px;
}
.search-empty-content .search1-empty-status .form-style input{
    width: 270px;
}

.decoration-package-box{
    padding: 64px 0;
    background-image: url('../images/index/package-bg.jpg');
}

.decoration-package {
    width: 1420px;
    margin: auto;
    text-align: center;
    margin-bottom: 80px;
}

.decoration-package .dp-title1{
    /* font-weight: 600; */
    font-size: 39px;
    /* color: #333333; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.decoration-package .dp-title1 .icon-left,
.decoration-package .dp-title1 .icon-right{
    width: 60px;
    height: 3px;
    margin: 0 20px;
    background-color:#333;
}

.decoration-package .dp-title2{
    margin-top: 32px;
    font-weight: 500;
    font-size: 22px;
    /* color: #999999; */
    line-height: 28px;
    letter-spacing: 2px;
}

.decoration-package .dpc-top{
    margin: 48px 0 32px;
    display: flex;
    justify-content: center;
}

.decoration-package .dpct-tab{
    margin-left: 32px;
    padding: 16px;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    position: relative;
    color: #A9A49E;
    cursor: pointer;
}

.decoration-package .dpct-tab-active{
    font-weight: 600;
    color: #CA9B62;
}

.decoration-package .dpct-tab-active::after{
    content: ' ';
    width: 100%;
    height: 6px;
    background: linear-gradient( 88deg, #E5B77F 0%, #F8DAB2 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

.decoration-package .dpc-bottom{
    display: flex;
    justify-content: space-between;
}

.decoration-package .dpcb-left{
    width: 914px;
}

.decoration-package .dpcb-right{
    width: 440px;
    height: 560px;
    background-color: #fff;
}

.decoration-package .dpcbrt-title1{
    margin-top: 64px;
}

.decoration-package .dpcbrt-title1 span:first-child{
    font-weight: 600;
    font-size: 40px;
    color: #000000;
    line-height: 48px;
}

.decoration-package .dpcbrt-title1 span:nth-child(2){
    padding-top: 64px;
    font-weight: 500;
    font-size: 22px;
    color: #999999;
    line-height: 26px;
}

.decoration-package .dpcbrt-title2{
    margin-top: 24px;
    font-weight: 500;
    font-size: 28px;
    color: #999999;
    line-height: 33px;
}

.decoration-package .dpcbrb-icons{
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
}

.decoration-package .dpcbrb-icon{
    margin-top: 64px;
    width: 116px;
    height: 156px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    border-radius: 4px;
}

.decoration-package .dpcbrb-icon img{
    width: 40px;
    height: 40px;
    margin: 8px 0 24px;
}

.decoration-package .dpcbr-btns{
    margin-top: 64px;
    padding: 0 32px;
    display: flex;
    justify-content: space-between;
}

.decoration-package .dpcbr-btn1{
    width: 180px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    color: #333333;
    border-radius: 78px;
    cursor: pointer;
    background: linear-gradient( 88deg, #E5B77F 0%, #F8DAB2 100%);
}

.decoration-package .dpcbr-btn2{
    width: 180px;
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    color: #333333;
    border: 1px solid #000000;
    border-radius: 78px;
}