.banner-pc,
.banner-pad {
    transform-origin: center;
    transition: 2s all ease-in-out;
}

.banner-pc.active {
    transform: scale(1.15);
}

.banner-pc.BigActive {
    transform: scale(1.15);
}

.banner-pad.active {
    transform: scale(1.3);
}


.dimBlack {
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    z-index: 999;
}




/* 鍔ㄦ€佸彉鑹插瓧浣� */
#home-banner-slogan {
    font-size: 72px;
    height: auto;
    line-height: normal;
    user-select: none;
    text-align: center;
    margin: auto;
}

.container-glizWQ {
    position: relative;
}

.container-glizWQ .AXU2Ec1 {
    background-image: conic-gradient(from 0deg at 50% -10%,
            rgb(255, 70, 16) -86.58deg,
            rgb(255, 188, 16) 99.21deg,
            rgb(255, 0, 53) 203.39deg,
            rgb(255, 155, 16) 273.42deg);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-position-x: -50%;
    color: transparent;
}

.overlay-uXun_R {
    /* -webkit-filter: blur(10px); */
    /* filter: blur(10px); */
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
}

.overlay-uXun_R .AXU2Ec2 {
    background-image: conic-gradient(from 0deg at 50% -10%,
            rgb(255, 70, 16) -86.58deg,
            rgb(255, 188, 16) 99.21deg,
            rgb(255, 0, 53) 203.39deg,
            rgb(255, 155, 16) 273.42deg);
    mask-image: linear-gradient(90deg,
            transparent -15.5556%,
            black,
            transparent 84.4444%);
    -moz-background-clip: text;
    -o-background-clip: text;
    -webkit-background-clip: text;
    background-clip: text;
    background-position-x: -50%;
    color: transparent;
}


/* 鍒囨崲鍥剧墖 */
.MouseScrolling-title h2 span {
    background: linear-gradient(90deg, #FF0035 0.05%, #FFBC10 111.67%, #FFE145 195.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.MouseScrolling-content ul {
    background: rgba(0, 0, 0, 0.06);
}

.MouseScrolling-content ul li.active {
    background-color: #fff;
}

.MouseScrolling-content ul li.active h5 {
    color: var(--Color-Text-Title);
}


.PictureExpansion-content.active {
    width: 100%;
}

#PictureExpansion h2 span {
    background: linear-gradient(90deg, #FF0035 0.05%, #FFBC10 111.67%, #FFE145 195.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#IntelligentPartitioning h2 span {
    background: linear-gradient(90deg, #FF0035 0.05%, #FFBC10 111.67%, #FFE145 195.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#Customisation h2 span {
    background: linear-gradient(90deg, #FF0035 0.05%, #FFBC10 111.67%, #FFE145 195.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#AbnormalAlarms h2 span {
    background: linear-gradient(90deg, #FF0035 0.05%, #FFBC10 111.67%, #FFE145 195.57%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 鍜ㄨ妗� */
.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));
}

/* pad绔� */
@media screen and (min-width: 1024px) and (max-width: 1199px) {

    .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: 48px;
    }

    .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;
    }

    .Customisation-left {
        width: 364px;
    }

    .Customisation-right {
        width: 484px;
        margin-left: 48px;
    }

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

    .Automation-inquiry {
        width: 100%;
    }

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

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

/* 灏弍ad */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .line {
        width: 100% !important;
    }

    .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;
    }

    .banner {
        height: auto;
    }

    .banner_title {
        padding-top: 148px;
    }

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

    .Automation-inquiry {
        width: 100%;
    }

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

    #dynamic-text {
        height: 600px;
    }

    .PictureExpansion-content,
    .PictureExpansion-content img {
        width: 100%;
        height: auto;
    }

    /* 瀹氬埗鍖栫Щ鍔ㄧ */
    #Customisation {
        padding: 48px 0;
    }

    .Customisation-left {
        width: 100%;
    }

    .Customisation-right {
        display: none;
    }

    .Customisation-left ul {
        margin-top: 32px;
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(auto-fill, minmax(216px, 1fr));
    }

    .Customisation-left img {
        border-radius: 8px;
    }

    .Customisation-left ul li {
        padding: 16px;
        display: block;
    }

    .Customisation-left ul li .ml-20 {
        margin-left: 0;
        margin-top: 16px;
    }

    .Customisation-left ul li h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }

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

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

/* 绉诲姩绔� */
@media (max-width: 767px) {


    .banner_title h1 {
        font-size: 9.067vw;
        line-height: 11.200vw;
        margin-bottom: 3.200vw;
    }

    .banner_title p {
        font-size: 3.733vw;
        line-height: 5.867vw;
        letter-spacing: 1.333vw;
        margin-bottom: 8.533vw;
    }

    .banner_title .bannerBtn {
        width: fit-content;
        padding: 2.667vw 6.400vw;
    }

    .bannerBtn svg {
        margin-left: 2.133vw;
    }

    .PageHeader {
        position: relative;
    }

    .banner {
        height: auto;
    }

    .banner_title {
        padding-top: 24.000vw;
    }

    /* 鍔ㄦ晥鏂囨 */
    #dynamic-text {
        height: 80vw;
    }

    .dynamic-text h2 {
        background: linear-gradient(90deg, #FF3C13 17.41%, #FE7C56 61.28%, #FFBB86 109.86%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        width: fit-content;
        font-size: 7.467vw;
        line-height: 9.6vw;
        margin: auto;
    }

    /* 婊氬姩 */
    #MouseScrolling {
        padding: 10.667vw 4.267vw;
    }

    .MouseScrolling-title {
        margin-bottom: 6.400vw;
    }

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

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

    .MouseScrolling-mySwiper {
        margin-bottom: 6.400vw;
    }

    .MouseScrolling-mySwiper .swiper-slide {
        border-radius: 2.133vw;
        overflow: hidden;
    }

    .MouseScrolling-MdSwiper {
        width: 100%;
        padding: 1.067vw;
        border-radius: 2666.400vw;
        background: rgba(0, 0, 0, 0.06);
    }

    .MouseScrolling-MdSwiper .swiper-slide {
        width: auto;
    }

    .MouseScrolling-MdSwiper .swiper-slide .slide-name {
        padding: 1.067vw 3.200vw;
        border-radius: 2666.400vw;
        text-align: center;
        width: auto;
    }

    .MouseScrolling-MdSwiper .swiper-slide .slide-name h5 {
        font-size: 3.200vw;
        line-height: 5.333vw;
        color: var(--Color-Text-T2);
    }

    .MouseScrolling-MdSwiper .swiper-slide.swiper-slide-active .slide-name {
        background-color: #fff;
    }

    .MouseScrolling-MdSwiper .swiper-slide.swiper-slide-active .slide-name h5 {
        color: var(--Color-Text-Title);
    }

    /* 鍥剧墖灞曞紑绉诲姩绔� */
    #PictureExpansion {
        padding: 10.667vw 4.267vw;
    }

    .PictureExpansion-title {
        margin-bottom: 6.400vw;
    }

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

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

    .PictureExpansion-content {
        width: 100%;
        height: auto;
        border-radius: 2.133vw;
    }

    .PictureExpansion-content img {
        width: 100%;
        height: auto;
    }

    /* 鏅鸿兘鍒嗗尯 */
    #IntelligentPartitioning {
        padding: 10.667vw 4.267vw;
    }

    .IntelligentPartitioning-title {
        margin-bottom: 6.400vw;
    }

    .IntelligentPartitioning-title h2 {
        font-size: 6.400vw;
        line-height: 8.533vw;
        margin-bottom: 4.267vw;
        text-align: center;
    }

    .IntelligentPartitioning-title p {
        font-size: 3.733vw;
        line-height: 5.867vw;
        text-align: center;
    }

    .IntelligentPartitioning-content {
        width: 100%;
        height: auto;
        border-radius: 2.133vw;
    }

    .IntelligentPartitioning-content img {
        width: 100%;
        height: auto;
    }

    /* 瀹氬埗鍖栫Щ鍔ㄧ */
    #Customisation {
        padding: 10.667vw 4.267vw;
    }

    .Customisation-title {
        margin-bottom: 6.400vw;
    }

    .Customisation-title h2 {
        font-size: 6.400vw;
        line-height: 8.533vw;
        margin-bottom: 4.267vw;
        text-align: center;
    }

    .Customisation-title p {
        font-size: 3.733vw;
        line-height: 5.867vw;
        text-align: center;
    }

    .Customisation-left {
        width: 100%;
    }

    .Customisation-right {
        display: none;
    }

    .Customisation-left ul {
        margin-top: 6.400vw;
    }

    .Customisation-left img {
        border-radius: 2.133vw;
    }

    .Customisation-left ul li {
        padding: 4.267vw;
    }

    .Customisation-left ul li h5 { 
        font-size: 4.267vw; 
        line-height: 6.400vw;
        margin-bottom: 1.6vw;
    }

    .Customisation-left ul li p {
        font-size: 3.733vw;
        line-height: 5.867vw;
    }

    /* 寮傚父鎶ヨ */
    #AbnormalAlarms {
        padding: 10.667vw 4.267vw;
    }

    .AbnormalAlarms-title {
        margin-bottom: 6.400vw;
    }

    .AbnormalAlarms-title h2 {
        font-size: 6.400vw;
        line-height: 8.533vw;
        margin-bottom: 4.267vw;
        text-align: center;
    }

    .AbnormalAlarms-title p {
        font-size: 3.733vw;
        line-height: 5.867vw;
        text-align: center;
    }

    .AbnormalAlarms-content {
        width: 100%;
        height: auto;
        border-radius: 2.133vw;
    }

    .AbnormalAlarms-content img {
        width: 100%;
        height: auto;
    }


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

    .Automation-inquiry {
        width: 100%;
    }

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

    .Automation-inquiry-content {
        padding: 6.400vw 4.267vw;
    }

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

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

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

    /* 瀹氬埗鎴戠殑璁惧 */
    #Customization {
        margin: 0;
        height: 80vw;
        width: 100%;
    }

    #Customization .h-400 {
        height: 80vw;
    }

    #Customization h3 {
        font-size: 8.533vw;
        line-height: 10.667vw;
        margin-bottom: 6.4vw;
        text-align: center;
    }

    #Customization .pt-133 {
        padding-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

    #Customization .w-440 {
        width: 51.2vw;
    }

    #Customization .w-160.h-40 {
        width: 25.6vw;
        height: 10.667vw;
    }

    #AbnormalAlarms ul {
        display: grid;
        gap: 2.400vw;
        grid-template-columns: repeat(auto-fill, minmax(44.533vw, 1fr));
        margin-top: 3.200vw;
    }

    #AbnormalAlarms ul li {
        padding: 3.200vw 4.267vw;
        border-radius: 1.600vw;
    }

    #AbnormalAlarms ul li span {
        width: 8.533vw;
        height: 2.667vw;
    }

    #AbnormalAlarms ul li h5 {
        font-size: 3.200vw;
        line-height: 5.333vw;
    }

    .exegesis {
        font-size: 2.667vw;
        line-height: 4.800vw;
        margin-top: 1.600vw;
    }

}