html, body {
    scroll-behavior: smooth;
}

.enterprise-container {
    width: 100%;
}

.box-one {
    width: 100%;
    height: 900rem;
    position: relative;
}
.screen-banner {
    width: 100%;
    height: 900rem;
    position: relative;
}
.screen-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.screen-banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 900rem;
    background: rgba(0,0,0,0.7);
}

.banner-info {
    position: absolute;
    top: 50%;
    z-index: 3;
    right: 0;
    transform: translate(-50%, -50%);
    left: 50%;
}

.info-text-box {
    text-align: center;
    color:#fff;
    position: relative;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transition: transform 2s cubic-bezier(.19,1,.22,1);
    -webkit-transition: transform 2s cubic-bezier(.19,1,.22,1);
}

.fade-out {
    animation: fadeOut 1s forwards;
}

.animation-content {
    opacity: 0;
    animation: 1200ms ease 300ms bottom-fade-in;
    -webkit-animation: 1200ms ease 300ms bottom-fade-in;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}


.banner-info-title {
    color: #FFFFFF;
    font-size: 68rem;
    line-height: 93rem;
    margin-bottom: 10rem;
}
.banner-info-desc {
    font-size: 24rem;
    color: rgba(255,255,255,0.6);
    line-height: 33rem;
}
.second-screen-container {
    width: 100%;
    margin-top: 80rem;
    /* padding-left: 345rem; */
    box-sizing: border-box;
    position: relative;
}
.second-swiper {
    /* width: calc(100% + 40px); */
    height: 560rem;
    position: relative;
}

.second-item {
    width: 1160rem;
    height: 560rem;
    /* border: 1px solid lightcyan; */
    box-sizing: border-box;
}
.swiper-slide.second-item.swiper-slide-next::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.second-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.good-project-information {
    position: absolute;
    top: 186rem;
    z-index: 3;
    min-width: 580rem;
    min-height: 400rem;
}
.project-info {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30rem 40rem;
    box-sizing: border-box;
}
.good-project-information::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(10px);
    z-index: 3;
}

.project-info.active {
    opacity: 1;
    /* transition: opacity 2s; */
}
.project-info .small-title  {
    font-size: 20rem;
    font-weight: 400;
    color: #FF7E30;
    line-height: 1.5;
    margin-bottom: 20rem;
    position: relative;
    z-index: 4;
}
.project-info .second-item-title  {
    font-size: 36rem;
    color: #222;
    line-height: 1.5;
    margin-bottom: 22rem;
    position: relative;
    z-index: 4;
}
.project-info .second-item-desc  {
    font-size: 24rem;
    color: rgba(34,34,34,0.6);
    line-height: 33rem;
    width: 500rem;
    word-wrap: break-word;
    white-space: pre-wrap;
    position: relative;
    z-index: 4;
}

.swiper-pagination-bullet {
    border-radius: 0 none  !important;
}
.second-swiper-pagination.swiper-pagination-bullets {
    display: flex;
    align-items: flex-end;
    margin-bottom: 40rem;
}
.swiper-pagination-bullets.second-swiper-pagination .swiper-pagination-bullet
{
    background: none;
    display: block;
    margin-right: 40rem;
    background: none;
    width: fit-content;
    min-width: 240rem;
    height: auto;
    opacity: 1;
    border-radius: 0;
}

.second-swiper-pagination .swiper-pagination-bullet .pagination-bullet-text {
    font-size: 24rem;
    color: rgba(34,34,34,0.6);
    line-height: 33rem;
    position: relative;
}

.second-swiper-pagination .swiper-pagination-bullet .pagination-bullet-text::before {
    content: '';
    position: absolute;
    bottom: -10rem;
    left: 2px;
    width: 100%;
    height: 2px;
    background: #EBEBEB;
}

.second-swiper-pagination .swiper-pagination-bullet .pagination-bullet-text .process {
    display: block;
    position: absolute;
    bottom: -10rem;
    left: 2px;
    width: 0;
    opacity: 0;
    height: 2px;
    background: #FF7E30;
    transition-property: width;
    transition-timing-function: linear;
}
.second-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-bullet-text .process {
    opacity: 1;
    width: 100%;
}



.second-swiper-pagination .swiper-pagination-bullet .pagination-icon {
    opacity: 0;
    display: block;
    background: url(https://boyu-new.oss-cn-shenzhen.aliyuncs.com/pc/enterprise/arrow-orange.svg) no-repeat center;
    width: 16rem;
    height: 8rem;
    margin-top: 20rem;
    background-size: cover;
}
.second-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: none;
}
/* .second-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 1;
} */
.second-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-bullet-text {
    color: #FF7E30;
}


.second-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .pagination-icon {
    opacity: 1;
}


.third-screen-container {
    width: 100%;
    height: 750rem;
    margin-top: 120rem;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.screen-image, .image-cover {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.image-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.container-inner {
    position: relative;
    z-index: 2;
    max-width: 1400px;

}
.third-title {
    height: 72rem;
    font-size: 48rem;
    color: #FFE0B1;
    line-height: 72rem;
    margin-bottom: 92rem;
}
.third-desc {
    height: 34rem;
    font-size: 24rem;
    color: rgba(255,255,255,0.6);
    line-height: 33rem;
    margin-bottom: 117rem;
}

.equity-list-box {
    display: flex;
    align-items: center;
}

.equity-box {
    width: 190rem;
    height: 118rem;
    display: flex;
    padding-top: 50rem;
    /* align-items: center; */
    justify-content: flex-start;
    padding-left: 20rem;
    box-sizing: border-box;
    margin-right: 12rem;
    position: relative;
}
.equity-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 43, 37, 0.5);
    -webkit-backdrop-filter: blur(10rem);
    -moz-backdrop-filter: blur(10rem);
    -ms-backdrop-filter: blur(10rem);
    backdrop-filter: blur(10rem);
}

.equity-title {
    height: 42rem;
    font-size: 18rem;
    color: #FFE0B1;
    line-height: 42rem;
    position: relative;
}
.equity-img {
    position: absolute;
    z-index: 4;
    top: -17rem;
    left: 20rem;
    width: 40rem;
    height: 40rem;
    object-fit: cover;
}

.container-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 128rem;
    height: 120rem;
    background: url('../png/quote.png') no-repeat;
    background-size: cover;
    z-index: 3;
}

.seven-screen-container {
    width: 100%;
    background: #FBFCFD;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 80rem 0 145rem;
}
.seven-top-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.seven-title, .seven-container-summary {
    display: flex;
    align-items: center;
    justify-content: center;
}
.seven-title {
    height: 65rem;
    font-size: 48rem;
    color: #222222;
    line-height: 65rem;
    margin-bottom: 10rem;
}

.seven-container-summary {
    font-size: 24rem;
    color: rgba(34,34,34,0.6);
    line-height: 33rem;
    text-align: center;
}

.seven-content {
    width: 100%;
    box-sizing: border-box;
    margin-top: 65rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.complete-image-list {
    /* width: 100%; */
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.seven-img {
    display: block;
    width: 182rem;
    height: 90rem;
    background: #FFFFFF;
    box-shadow: 0px 4rem 5rem 0px rgba(0,0,0,0.05);
    border-radius: 8rem;
    object-fit: cover;
    object-position: center;
    margin-right: 20rem;
    margin-bottom: 40rem;
}
.seven-img:nth-child(7n) {
    margin-right: 0;
}

.contact-cooperation-container {
    padding-top: 100rem;
    padding-bottom: 108rem;
    box-sizing: border-box;
    position: relative;
    margin-left: 260rem;
}

.contact-cooperation-image-box {
    position: absolute;
    top: 50%;
    right: 0;
    /* right: -260rem; */
    transform: translateY(-50%);
    width: 580rem;
    height: 660rem;
}
.contact-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-cooperation-box {
    width: 1040rem;
}

.contact-cooperation-title {
    height: 72rem;
    font-size: 48rem;
    color: #222222;
    line-height: 72rem;
    margin-bottom: 20rem;
}

.contact-cooperation-box-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.contact-cooperation-box-form .form-group {
    flex: 1 0 20%;
    height: 80rem;
    /* padding-top: 25rem;
    padding-bottom: 22rem; */
    box-sizing: border-box;
    text-align: left;
    border-bottom: 2px solid rgba(34,34,34,0.05);
    margin-right: 40rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-group.has-value {
    border-bottom: 2rem solid #222222; /* 有值时的边框颜色 */
}
.contact-cooperation-box-form .form-group:nth-child(1),
.contact-cooperation-box-form .form-group:nth-child(9) {
    flex: 1 0 100%; /* 第一行和第五行的宽度 */
    max-width: 680rem;
}

.contact-cooperation-box-form .form-group:nth-child(2),
.contact-cooperation-box-form .form-group:nth-child(3),
.contact-cooperation-box-form .form-group:nth-child(7),
.contact-cooperation-box-form .form-group:nth-child(8) {
    flex: 1 0 50%; /* 第二行和第四行的宽度 */
    max-width: 320rem;
}
.contact-cooperation-box-form .form-group:nth-child(6) {
    margin-right: 0;
}
.contact-cooperation-box-form .form-group:nth-child(4),
.contact-cooperation-box-form .form-group:nth-child(5),
.contact-cooperation-box-form .form-group:nth-child(6) {
    flex: 1 0 33.33%; /* 第三行的宽度 */
    max-width: 320rem;
}

.contact-cooperation-box-form .form-group input,
.contact-cooperation-box-form .form-group textarea {
    width: 100%;
}
.contact-cooperation-box-form .form-group.error {
    border-bottom: 2px solid  #F34747;
    position: relative;
}
.contact-cooperation-box-form .form-group.error .error-message {
    font-size: 14rem;
    font-weight: 400;
    color: #F34747;
    position: absolute;
    right: 0;
}
.contact-cooperation-box-form .form-group.error select ~ .error-message {
    right: 40rem;
}


input, select, textarea, button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    background: none;
}


/* 移除IE和Edge中的清除按钮 */
input::-ms-clear {
    display: none;
}

input, select, textarea {
    font-size: 24rem;
    color: #222222;
}
input::placeholder, textarea::placeholder {
    font-size: 24rem;
    color: rgba(34, 34, 34, 0.3);
    opacity: 1;
}

::-ms-input-placeholder, ::-ms-textarea-placeholder {
    color: rgba(34, 34, 34, 0.3);
}

/* Microsoft Edge */
::-ms-input-placeholder {
    color: rgba(34, 34, 34, 0.3);
}

.form-submit {
    margin-top: 40rem;
    display: flex;
    align-content: center;
    justify-content: flex-start;
}
.form-submit button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.submit-btn {
    width: 400rem;
    height: 80rem;
    /* background: #222222; */
    font-size: 24rem;
    color: #FFFFFF;
    line-height: 33rem;
    margin-right: 20rem;
    background: #222;
    transition: background 1s;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #222 50%, #FF7E30 50%);
}
.submit-btn:active, .submit-btn.button-disabled {
    background: #FF7E30;
}

.submit-btn:hover {
    background-position: -100% 0;
}

.phone-contact-btn {
    width: 220rem;
    height: 80rem;
    border: 1px solid #222222;
    font-size: 24rem;
    color: #222222;
}

.select2-container .select2-selection--single {
    border: none;
    background: url('https://boyu-new.oss-cn-shenzhen.aliyuncs.com/pc/assets/icon-bottom.svg') no-repeat right center;
    background-size: 19rem 10rem;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-size: 24rem;
    color: rgba(34, 34, 34, 0.3);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 24rem;
    color: #222;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container.select2-container--open.select2-container--focus .select2-selection--single {
    background: none;
}
.select2-container.select2-container--open.select2-container--focus {
    border: none;
    background: url('https://boyu-new.oss-cn-shenzhen.aliyuncs.com/pc/assets/icon-top.svg') no-repeat right center;
    background-size: 21rem 12rem;
}
.select2-container.select2-container--open.select2-container--focus .select2-selection__placeholder {
    color: #222;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}
.select2-container--open .select2-dropdown--below {
    border-top: 2rem solid #222222;
    top: 20rem
}
.select2-dropdown {
    border: 2rem solid #222222;
    padding: 6rem;
    height: 236rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.select2-dropdown::-webkit-scrollbar {
    display: none;
}
.select2-results__option {
    padding: 9rem 10rem;
    font-size: 16rem;
    color: rgba(34,34,34,0.6);
    height: 22rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 236rem;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    display: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected=false]  {
    background: #FFF9F5;
    color: rgba(34,34,34,0.6);
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true]::after,
.select2-container--default .select2-results__option[aria-selected=true]::after {
    content: url('https://boyu-new.oss-cn-shenzhen.aliyuncs.com/pc/assets/selected.svg');
    position: absolute;
    right: 9px;
    width: 12rem;
    height: 21rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
    color: #FF7E30;
    background-color: #fff;
    position: relative;
}

.side-fixed-box {
    position: fixed;
    /* bottom: 10vh; */
    bottom: 72rem;
    right: 30rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 10;
}
.go-contact {
    background-image: url('https://boyu-new.oss-cn-shenzhen.aliyuncs.com/pc/enterprise/go-contact.svg');
}
.go-top {
    background-image:url('https://boyu-new.oss-cn-shenzhen.aliyuncs.com/pc/enterprise/go-top.svg');

}
.side-fixed {
    width: 54px;
    height: 54px;
    background-size: 34px 34px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #161616;
}
.side-fixed:hover, .side-fixed.active {
    background-color: #FF7E30;
}


.modal .modal-content {
    width: 620rem;
    background: linear-gradient(151deg, rgba(255, 232, 218, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%), #FFFFFF;
    border-radius: 8rem;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30rem 0 38rem 40rem;
    box-sizing: border-box;
}

.modal-title {
    font-size: 24rem;
    color: #222222;
    line-height: 33rem;
    margin-bottom: 8px;
}

.phone-number-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.list-item {
    margin-top: 16rem;
    flex: 1 0 48%;
}
.list-item:nth-child(1) {
    flex: 1 0 100%;
}
.list-item:nth-child(2n){
    margin-right: 16rem;
}

.item-label {
    color: rgba(34, 34, 34, 0.6);
    font-size: 16rem;
    line-height: 22rem;
}
.item-phone {
    overflow-wrap: break-word;
    color: rgba(34, 34, 34, 1);
    font-size: 20rem;
    white-space: nowrap;
    line-height: 27rem;
    font-weight: bold;
}


.global-error-toast {
    position: absolute;
    bottom: 88rem;
    left: 15%;
    color: #fff;
    padding: 12px 20px;
    background: #FEF0F0;
    border-radius: 4px;
    border: 1px solid #FFD3D3;
    display: flex;
    align-items: center;
    min-width: 300rem;
    z-index: 999;
    display: none;
  }
  .global-error-toast .toast-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('https://boyu-new.oss-cn-shenzhen.aliyuncs.com/pc/homepage/error-arrow.svg') no-repeat center;
    background-size: 14px 14px;
    margin-right: 10px;
    vertical-align: middle;
  }
  .global-error-toast .toast-content {
    font-size: 14px;
    line-height: 20px;
    color: #F34747;
    vertical-align: middle;
  }

.none {
    display: none !important;
}

@keyframes fill {
    0% {
        background-size: 0% 100%;
    }
    100% {
        background-size: 100% 100%;
    }
}



/* 缩放中间带适配 */
@media screen and (max-width: 1200px) {
    .banner-info-desc {
        font-size: 14px;
        line-height: 1.5;
    }
    .second-swiper-pagination .swiper-pagination-bullet .pagination-bullet-text,
    .project-info .second-item-desc,
    .project-info .small-title,
    .third-desc,
    .seven-container-summary,
    input, select, textarea,
    input::placeholder, textarea::placeholder,
    .select2-results__option,
    .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .select2-results__option
    {
        font-size: 12px;
    }
}
/* 适配iMac */
@media screen and (min-width: 1400px) {
    .seven-img {
        width: 182px;
        height: 90px;
        box-sizing: border-box;
        margin-right: 20px;
    }
    .complete-image-list,
    .equity-list-box{
      width: 1400px;
    }

}

@media screen and (max-width: 1400px) {
    .second-screen-container {
        padding-left: 100rem;
    }
    .project-info, .container-arrow {
        right: 100rem;
    }
    .equity-info-box {
        width: calc(100% - 200rem);
        left: 100rem;
    }

    .container-inner {
        width: calc(100% - 200rem);
    }
    .seven-img:nth-child(7n) {
        margin-right: 20rem;
    }
    .contact-cooperation-container {
        width: calc(100% - 100rem);
        margin-left: 100rem;
    }
}

@media screen and (max-width: 965px),
       screen and (min-device-width: 720px) and (max-device-width: 1366px),
       screen and (min-device-width: 768px) and (max-device-width: 1024px){

        .second-swiper-pagination .swiper-pagination-bullet .pagination-bullet-text,
        .project-info .second-item-desc,
        .project-info .small-title,
        .third-desc,
        .seven-container-summary,
        input, select, textarea,
        input::placeholder, textarea::placeholder,
        .select2-results__option,
        .select2-container--default .select2-selection--single .select2-selection__placeholder,
        .select2-results__option
        {
            font-size: 12px;
        }
        .select2-results__option {
            line-height: 1.5;
            height: 22px;
        }
        .project-info {
            padding: 10px;
        }
        .second-item-desc {
            line-height: 1.2;
        }
        .container-arrow {
            right: 100rem;
        }
        .contact-cooperation-box {
            min-width: 518px;
        }
        .contact-cooperation-image-box {
            width: 200rem;
            height: 300rem;
        }
        .submit-btn, .phone-contact-btn {
            font-size: 14px;
        }
        .equity-info-box {
            top: 100rem;
            left: 100rem;
        }
        .second-screen-container {
            padding-left: 100rem;
        }
}
@media screen and (min-width: 1980px){
    .contact-cooperation-container{
        width: 1400rem;
        margin: 0 auto;
    }
    .contact-cooperation-image-box{
        right: -260rem;
    }
}