.mainContentBox {
    /* border: 1px solid #FFF; */
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.dimBlack {
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    z-index: 999;
}

.mainContentBox.after {
    background-image: url(../img/bg-0.webp);
}

.mainContentBox.active {
    height: 456px;
    background-image: url(../img/bg.webp);
}

.mainContentBox.active .mainContentBox_title {
    /* border-bottom: 1px solid var(--Color-Fill-3, #E5E6EB); */
}

.mainContentBox.active .mainContentBox_title h3 {
    color: var(--Color-Brand-Normal);
}

.mainContentBox.active .mainContentBox_title p {
    color: var(--Color-Text-Title);
}

.mainContentBox.active .mainContentBoxSvg {
    transform: rotateZ(180deg);
    display: none;
}

.mainContentBox_title {
    border-bottom: 1px solid var(--Color-Fill-3, #E5E6EB);
}

.mainContentBox ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(509px, 1fr));
    gap: 20px;
}


/* 鍜ㄨ妗� */
.Automation-inquiry-content-left-content {
    border: 2px solid #fff;
    background: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
}

.layui-form input:hover {
    border-color: #ff4610;
}

.layui-form input:focus {
    border-color: #ff4610;
    box-shadow: 0px 0px 0px 1.5px rgba(255, 70, 16, 0.2);
}

.layui-form input {
    height: 48px;
    border-radius: 4px;
    border: 1px solid;
    border-color: rgb(205, 205, 205);
    margin-bottom: 24px;
    padding-left: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid#F2F4F7;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

input::placeholder {
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 16px;
    color: #b4b8c1;
    letter-spacing: 0;
}

.layui-btn.formBtn1 {
    border: none;
    height: 48px;
    width: 133px;
}

.layui-btn.formBtn1:hover {
    background: #000000;
    color: #fff;
}

.layui-btn.formBtn2 {
    width: 100%;
    height: 60px;
    background: #828898;
    border-radius: 8px;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    border: none;
}

.layui-btn.formBtn2:hover {
    background: #ff4610;
}

.layui-form-mid {
    margin-right: 0;
}

#AbnormalAlarms ul {
    display: grid;
    gap: 9px;
    grid-template-columns: repeat(auto-fill, minmax(273.25px, 1fr));
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {

    .h-630 {
        height: auto;
    }

    .w-1152,
    .w-1120 {
        width: 888px;
    }

    .pt-80 {
        padding-top: 68px;
    }

    .pb-80 {
        padding-bottom: 68px;
    }

    .fs-28 {
        font-size: 24px;
    }

    .lh-36 {
        line-height: 32px;
    }

    .fs-48 {
        font-size: 28px;
    }

    .fs-40 {
        font-size: 28px;
    }

    .lh-48 {
        line-height: 36px;
    }

    .w-550 {
        width: 436px;
    }

    .mr-20 {
        margin-right: 16px;
    }

    .mb-20 {
        margin-bottom: 16px;
    }

    .mb-64 {
        margin-bottom: 32px;
    }

    .mb-24 {
        margin-bottom: 20px;
    }

    .fs-18 {
        font-size: 16px;
    }

    .lh-26 {
        line-height: 24px;
    }

    .w-560 {
        width: 456px;
    }

    .mr-64 {
        margin-right: 48px;
    }

    .pt-40 {
        padding-top: 24px;
    }

    .pb-40 {
        padding-bottom: 24px;
    }

    .w-800 {
        width: 588px;
    }

    .h-560 {
        height: 444px;
    }

    .lh-60 {
        line-height: 36px;
    }

    .mainContentBox {
        padding: 24px 32px;
        height: 72px;
    }

    .mainContentBox_title {
        padding-bottom: 20px;
        margin-bottom: 24px;
    }

    .mainContentBox_title img {
        width: 32px;
        height: 32px;
        margin-right: 16px;
    }

    .mainContentBox_Text h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .mainContentBox_Text span {
        margin-left: 12px;
        margin-right: 12px;
    }

    .mainContentBox_Text p {
        font-size: 18px;
        line-height: 26px;
    }

    .mainContentBoxSvg svg {
        width: 18px;
        height: 18px;
    }

    .mainContentBox.active .mainContentBoxSvg {
        display: block;
    }

    .mainContentBox ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(403px, 1fr));
        gap: 16px;
    }

    .mainContentBox ul li {
        padding: 16px;
        display: block;
    }

    .mainContentBox ul li img {
        width: 28px;
        height: 28px;
        margin-bottom: 12px;
    }

    .mainContentBox ul li h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .mainContentBox ul li p {
        font-size: 14px;
        line-height: 22px;
    }

    .mainContentBox.active {
        height: 388px;
    }

    #Automation-inquiry {
        padding-left: 36px;
        padding-right: 36px;
    }

    .Automation-inquiry {
        width: 100%;
    }

    .Automation-inquiry-content .w-496 {
        width: 48%;
    }
}

/* 灏弍ad */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .banner_title {
        padding-top: 112px;
    }

    .banner_title p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 6px;
    }

    .banner_title h1 {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 24px;
    }

    .bannerBtn {
        font-size: 16px;
        line-height: 24px;
        width: 130px;
    }

    .line {
        width: 100% !important;
    }

    .banner {
        height: auto;
    }

    .h-630 {
        height: auto;
    }

    .w-1152,
    .w-1120 {
        width: 680px;
    }

    .pt-40 {
        padding-top: 16px;
    }

    .pb-40 {
        padding-bottom: 16px;
    }

    .pt-80 {
        padding-top: 48px;
    }

    .pb-80 {
        padding-bottom: 48px;
    }

    .fs-16 {
        font-size: 14px;
    }

    .fs-28 {
        font-size: 20px;
    }

    .lh-24 {
        line-height: 22px;
    }

    .lh-36 {
        line-height: 28px;
    }

    .fs-48 {
        font-size: 28px;
    }

    .fs-40 {
        font-size: 28px;
    }

    .lh-48 {
        line-height: 36px;
    }

    .lh-60 {
        line-height: 36px;
    }

    .w-550 {
        width: 332px;
    }

    .mr-20 {
        margin-right: 16px;
    }

    .mb-20 {
        margin-bottom: 16px;
    }

    .mb-48 {
        margin-bottom: 32px;
    }

    .mb-64 {
        margin-bottom: 32px;
    }

    .mb-24 {
        margin-bottom: 20px;
    }

    .fs-18 {
        font-size: 16px;
    }

    .lh-26 {
        line-height: 24px;
    }

    .w-560 {
        width: 348px;
    }

    .mr-64 {
        margin-right: 32px;
    }

    .w-800 {
        width: 480px;
    }

    .h-560 {
        height: 340px;
    }


    .mainContentBox {
        padding: 24px 32px;
        height: 72px;
    }

    .mainContentBox_title {
        padding-bottom: 20px;
        margin-bottom: 24px;
    }

    .mainContentBox_title img {
        width: 32px;
        height: 32px;
        margin-right: 16px;
    }

    .mainContentBox_Text h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .mainContentBox_Text span {
        margin-left: 12px;
        margin-right: 12px;
    }

    .mainContentBox_Text p {
        font-size: 18px;
        line-height: 26px;
    }

    .mainContentBox.active .mainContentBoxSvg {
        display: block;
    }

    .mainContentBoxSvg svg {
        width: 18px;
        height: 18px;
    }

    .mainContentBox ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(298px, 1fr));
        gap: 16px;
    }

    .mainContentBox ul li {
        padding: 16px;
        display: block;
    }

    .mainContentBox ul li img {
        width: 28px;
        height: 28px;
        margin-bottom: 12px;
    }

    .mainContentBox ul li h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .mainContentBox ul li p {
        font-size: 14px;
        line-height: 22px;
    }

    .mainContentBox.active {
        height: 388px;
    }

    #Automation-inquiry h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 8px;
    }


    #Automation-inquiry {
        padding-left: 36px;
        padding-right: 36px;
    }

    .Automation-inquiry {
        width: 680px;
    }

    .Automation-inquiry-content-right {
        width: 100%;
    }
    .Automation-inquiry-content {
        padding: 0;
        background-color: #fff;
    }
    .layui-form input {
        background: #FAFAFB;
    }
}

/* 绉诲姩绔� */
@media (max-width: 767px) {
    .banner {
        height: auto;
    }

    #main {
        width: 100%;
        padding: 10.667vw 4.267vw;
    }

    #main h2 {
        font-size: 6.400vw;
        line-height: 8.533vw;
        margin-bottom: 6.400vw;
    }

    .banner_title {
        padding-top: 22.400vw;
    }

    .banner_title p {
        font-size: 3.733vw;
        line-height: 5.867vw;
        margin-bottom: 1.600vw;
    }

    .banner_title h1 {
        font-size: 8.533vw;
        line-height: 10.667vw;
        margin: auto;
        margin-bottom: 6.400vw;
    }

    .bannerBtn {
        font-size: 4.267vw;
        line-height: 6.400vw;
        width: 34.667vw;
        height: 11.733vw;
    }

    #Automation-inquiry {
        padding: 10.667vw 4.267vw;
    }

    #Automation-inquiry h2 {
        font-size: 6.400vw;
        line-height: 8.533vw;
        margin-bottom: 2.133vw;
    }

    .Automation-inquiry {
        width: 100%;
    }

    .Automation-inquiry-content-right {
        width: 100%;
    }

    .Automation-inquiry-content {
        padding: 0;
        background-color: #fff;
    }

    .md-Automation-inquiry-content-right-text {
        margin-bottom: 6.400vw;
    }

    .md-Automation-inquiry-content-right-text h2 {
        font-size: 4.267vw;
        line-height: 6.400vw;
        margin-bottom: 2.133vw;
    }

    .md-Automation-inquiry-content-right-text p {
        font-size: 3.733vw;
        line-height: 5.867vw;
    }

    .mainContentBox {
        padding: 4.267vw;
        border-radius: 2.133vw;
        margin-bottom: 3.200vw;
        height: 21.400vw;
    }

    .mainContentBox:first-child {
        height: 21.400vw;
    }

    .mainContentBox:first-child.active {
        height: 154.667vw;
    }

    .mainContentBox.active {
        height: 154.467vw;
    }

    .mainContentBox_title {
        padding-bottom: 4.267vw;
        margin-bottom: 6.400vw;
        width: 100%;
        align-items: flex-start;
    }

    .mainContentBox_title .df-fs {
        width: 90%;
        align-items: flex-start;

    }

    .mainContentBox_title img {
        width: 6.933vw;
        height: 6.933vw;
        margin-top: 0.533vw;
        margin-right: 3.200vw;
    }

    .mainContentBox_title span {
        display: none;
    }

    .mainContentBox.active .mainContentBoxSvg {
        display: block;
    }

    .mainContentBox_title h3 {
        font-size: 4.800vw;
        line-height: 6.933vw;
        margin-bottom: 1.067vw;
    }

    .mainContentBox_title p {
        font-size: 3.733vw;
        line-height: 5.867vw;
    }

    .mainContentBox_Text {
        display: block;
    }

    .mainContentBoxSvg svg {
        width: 4.800vw;
        height: 4.800vw;
    }

    .mainContentBox ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: 8.533vw;
    }

    .mainContentBox ul li {
        padding: 0 10.133vw;
        border-radius: 3.200vw;
        display: block;
        background-color: initial;
    }

    .mainContentBox ul li img {
        width: 7.467vw;
        height: 7.467vw;
        margin-right: 0;
        margin-bottom: 3.200vw;
    }

    .mainContentBox ul li h4 {
        font-size: 3.733vw;
        line-height: 5.867vw;
        margin-bottom: 1.600vw;
    }

    .mainContentBox ul li p {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .Automation-title {
        font-size: 6.400vw;
        line-height: 8.533vw;
        margin-bottom: 6.400vw;
    }

    .layui-input-inline div {
        font-size: 3.733vw;
        line-height: 5.867vw;
        margin-bottom: 1.600vw;
    }

    .layui-form input {
        height: 12.267vw;
        border: 0.267vw solid;
        border-color: rgb(205, 205, 205);
        margin-bottom: 4.267vw;
        padding-left: 4.267vw;
        box-sizing: border-box;
        border-radius: 2.133vw;
        border: 0.267vw solid#F2F4F7;
        background: #FAFAFB;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
}