.banner-box{
    margin-top: 130px;
}
@media (min-width: 899px) {
    .banner-pc{
        display: block;
    }
    .banner-m{
        display: none;
    }
}
@media (max-width: 900px) {
    .banner-pc{
        display: none;
    }
    .banner-m{
        display: block;
    }
    .banner-box{
        margin-top: 60px;
    }
}
.prod{
    width: 100%;
    background: #EAF5FD;
    padding-top: 30px;
    padding-bottom: 80px;
}
.prod-con{
    width: 1200px;
    margin: 0 auto;
}
.prod-con h3{
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1px; /* 字间距微调，贴近原图 */
    background: linear-gradient(to right, #002558, #0161DB, #002D64);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

}
.pro-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 40px auto 60px;
    width: 100%;
}
.pro-card{
    width: 383px;
    height: 472px;
    padding: 20px 56px 30px;
    background-image:url("img/BIA/bg.png") ;
    display: flex;
}

.pro-item .pro-card:nth-child(4){
    display: none;
}
.prod-desc{
    padding-top: 60px;
    padding-left: 30px;
}
.prod-desc h5{
    color: #FFFAC0;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
}
.prod-text{
    width: 100%;
    height: 224px;
}
.prod-desc p{
    color: #ffffff;
    font-size: 18px;
    font-weight: initial;
    margin-bottom: 14px;
    line-height: 22px;
}
.prod-btn{
    width: 158px;
    height: 30px;
    border-radius: 30px;
    background: linear-gradient(90deg, #ffffff, #FFFAC0);;
    padding: 0px 20px;
    display: inline-flex;
    align-items: center;
    gap: 12px;

}
.prod-btn img{
    width: 26px;
}
.prod-btn a{
    font-size: 16px;
    font-weight: bold;
}
.prod-f{
    width: 108px;
    height: 290px;
    margin-top: 134px;
}
.prod-con>h4{
    text-align: center;
    color:#002D64 ;
    font-size: 20px;
}
.icon-box{
    width: 1200px;
    height: 492px;
    margin: 40px auto 0;
    padding: 4px;
    border-radius: 14px;
    background: #ffffff;
}
.icon-con{
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #B7CBF2,#EEFDFF);
    border-radius: 20px;
    padding-top: 34px;
}
.icon-ul{
    display: flex;
    flex-wrap: wrap;
    gap: 20px 20px;
}
.icon-li{
    width: calc((100% - 100px) / 6); /* 6个元素总间隙5个×20px=100px，均分宽度 */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px; /* 图标和文字间距 */
}
.icon-li div{
    width: 93px;
    height: 93px;
}
.icon-li span{
    font-size: 16px;
    color: #123282;
}
.icon-ul>li:nth-child(1)>div{
    background: url("img/BIA/icon.png") 0 0 no-repeat;
}
.icon-ul>li:nth-child(2)>div{
    background: url("img/BIA/icon.png") 0 -95px no-repeat;
}
.icon-ul>li:nth-child(3)>div{
    background: url("img/BIA/icon.png") 0 -191px no-repeat;
}
.icon-ul>li:nth-child(4)>div{
    background: url("img/BIA/icon.png") 0 -288px no-repeat;
}
.icon-ul>li:nth-child(5)>div{
    background: url("img/BIA/icon.png") 0 -384px no-repeat;
}
.icon-ul>li:nth-child(6)>div{
    background: url("img/BIA/icon.png") 0 -479px no-repeat;
}
.icon-ul>li:nth-child(7)>div{
    background: url("img/BIA/icon.png") 0 -574px no-repeat;
}
.icon-ul>li:nth-child(8)>div{
    background: url("img/BIA/icon.png") 0 -670px no-repeat;
}
.icon-ul>li:nth-child(9)>div{
    background: url("img/BIA/icon.png") 0 -766px no-repeat;
}
.icon-ul>li:nth-child(10)>div{
    background: url("img/BIA/icon.png") 0 -862px no-repeat;
}
.icon-ul>li:nth-child(11)>div{
    background: url("img/BIA/icon.png") 0 -957px no-repeat;
}
.icon-ul>li:nth-child(12)>div{
    background: url("img/BIA/icon.png") 0 -1054px no-repeat;
}
.icon-ul>li:nth-child(13)>div{
    background: url("img/BIA/icon.png") 0 -1150px no-repeat;
}
.icon-ul>li:nth-child(14)>div{
    background: url("img/BIA/icon.png") 0 -1246px no-repeat;
}
.icon-ul>li:nth-child(15)>div{
    background: url("img/BIA/icon.png") 0 -1343px no-repeat;
}
.icon-ul>li:nth-child(16)>div{
    background: url("img/BIA/icon.png") 0 -1438px no-repeat;
}
.icon-ul>li:nth-child(17)>div{
    background: url("img/BIA/icon.png") 0 -1535px no-repeat;
}
.icon-ul>li:nth-child(18)>div{
    background: url("img/BIA/icon.png") 0 -1631px no-repeat;
}
.point{
    width: 100%;
    height: 949px;
    background-color: transparent;
    background-image: url(img/BIA/0.jpg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.point-img-m{
    display: none;
}
.point-con{
    width: 1300px;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px;
}
.point-con h3,.robot-con h3{
    font-size: 50px;
    font-weight: 700;
    background: linear-gradient(to right, #FFFFFF, #E0F1FF, #ADD8FF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    letter-spacing: 1px;
}
.point-con p{
    width: 58%;
    margin: 0 auto 10px;
    color: #FFFFFF;
    font-size: 16px;
}
.robot{
    width: 100%;
    height: 949px;
    background-color: transparent;
    background-image: url(img/BIA/8.jpg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.robot-con,.data-con,.use-con{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px;
}
.robot-desc{
    width: 900px;
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 90px;
    margin-left: 20px;
    text-align: left;
    letter-spacing: 1px;
}
.robot-text{
    width: 508px;
    margin-top: 62px;
}
.robot-text h4{
    color: #FFFFFF;
    font-size: 32px;
    font-weight: bold;
}
.robot-ul{
    padding-left: 40px;
    padding-right: 70px;
    display: flex;
    flex-direction: column;
    gap: 28px; /* 每条内容垂直间距，可按需调整 */
    margin-top: 40px;
}
.robot-li{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.robot-li img{
    margin-top: 5px;
}
.robot-li-img{
    display: inline-block;
}
.robot-li-m{
    display: none;
}
.robot-li span{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
}
.report{
    width: 100%;
    height: 790px;
    background-color: transparent;
    background-image: url(img/BIA/report.jpg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.report-con{
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto;

}
.report-con .title{
    padding-top: 55px;
    margin-left: 350px;
}
.report-m{
    display: none;
}
.report-box{
    width: 662px;
    margin-top: 20px;
    position: relative;
    text-align: center;
    margin-left: 450px;
}
.report-box h4{
    position: absolute;
    top: 20px;
    left: 152px;
    color: #071F59;
    font-size: 16px;
}
.report-title{
    position: absolute;
    top: 100px;
    left: 88px;
    display: flex;
}
.report-title div{
    width: 33.3%;
    color: #071F59;
    font-size: 16px;
    text-align: left ;
    overflow: hidden;
}
.report-title div:nth-child(1){
    padding-right: 40px;
}
.report-title div:nth-child(2){
    padding-left: 20px;
    padding-right: 40px;
}
.report-title div:nth-child(3){
    font-size: 14px;
    padding-left: 38px;
    padding-right: 40px;
    line-height: 1.2;
}
.report-desc{
    position: absolute;
    top: 200px;
    left: 69px;
    display: flex;
}
.report-desc li{
    width: 33.3%;
    color: #0156E3;
    font-size: 16px;
    text-align: left ;
    overflow: hidden;
    font-weight: bold;
}
.report-desc li:nth-child(2){
    padding-left: 7px;
    padding-right: 45px;
}
.report-desc li:nth-child(3){
    padding-left: 15px;
    padding-right: 35px;
}
.data{
    width: 100%;
    height: 852px;
    background-color: transparent;
    background-image: url(img/BIA/data.jpg);
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.title{
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1px;
    background: linear-gradient(to right, #0C5AAD, #4293E4, #014D94);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.desc{
    width: 70%;
    margin: 0 auto;
    color: #071F59;
    font-size: 16px;
}
.data-text{
    width: 960px;
    margin: 190px auto 0;
    display: flex;
    justify-content: space-between;

}
.data-li{
    width: 33%;
}
.data-li p{
    color: #071F59;
    font-size: 18px;
    font-weight: bold;
    margin-top: 6px;
}
.data-li div{
    font-size: 16px;
    color: #071F59;
}
.data-li2{
    margin-top: -180px;
}
.data-li2 span{
    display: inline-block;
    width: 138px;
    margin-left: 100px;
    text-align: left;
    font-size: 13px;
}
.data-li2 span:nth-child(1){
    margin-top: 21px;
}
.data-li2 span:nth-child(2){
    margin-top: 40px;
}
.data-text2{
    margin-top: 176px;
}
.use-ul{
    display: flex;
    gap: 14.4px; /* 6个卡片之间的横向均分间距 */
    background: #e8f4ff;
    padding: 20px;
    box-sizing: border-box;
    margin: 20px 0 40px;
}
.use-li{
    width: calc((100% - 72px) / 6);
    display: flex;
    flex-direction: column;
    align-items: center; /* 内部所有元素水平居中对齐 */
    justify-content: space-between;
    gap: 21px; /* 卡片内 对勾/产品图/文字 垂直间距 */
    padding: 24px 10px;
    background: url("img/BIA/use-bg.png");
    box-sizing: border-box;
}
.use-li div{
    color: #071F59;
    font-size: 16px;
    font-weight: 600;
}
.map-con{
    width: 1400px;
    height: 560px;
    margin: 0 auto;
    position: relative;
}
.map-box{
    display: flex;
    gap: 12px;
}
.map-item{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #071F59;
    font-weight: bold;
    font-size: 16px;
}
.map-item img{
    display: none;
}
.map-img{
    position: absolute;
    bottom: 0;
}
.map-img2{
    position: absolute;
    bottom: 64px;
}
.map-item-m{
    display: none;
}
.map-item:nth-child(1) { margin-top: 428px; } /* English */
.map-item:nth-child(2) { margin-top: 344px; } /* Thai */
.map-item:nth-child(3) { margin-top: 282px; } /* Italian */
.map-item:nth-child(4) { margin-top: 242px; } /* Spanish */
.map-item:nth-child(5) { margin-top: 206px; } /* French */
.map-item:nth-child(6) { margin-top: 180px; } /* Russian */
.map-item:nth-child(7) { margin-top: 160px; } /* Arabic */

.map-item:nth-child(8) { margin-top: 154px; } /* Albanian */
.map-item:nth-child(9) { margin-top: 164px; } /* German */
.map-item:nth-child(10) { margin-top: 184px; } /* Czech */
.map-item:nth-child(11) { margin-top: 207px; } /* Portuguese */
.map-item:nth-child(12) { margin-top: 244px; } /* Persian */
.map-item:nth-child(13) { margin-top: 278px; } /* Korean */
.map-item:nth-child(14) { margin-top: 347px; } /* Bulgarian */
.map-item:nth-child(15) { margin-top: 422px; } /* Malay */
.map-more{
    margin-top: -11px;
}
.detail-con,.customer-con{
    padding-top: 50px;
}
.datail-ul{
    width: 927px;
    margin: 0 auto;
}
.detail-item{
    width: 100%;
    height: 353px;
    background: url("img/BIA/detail.png") 0 0 no-repeat;
    display: flex;
    padding: 40px 12px 40px 18px;
    margin-bottom: -26px;
}
.detail-left{
    width: 55%;
    padding: 54px;
}
.detail-right{
    width: 45%;
    background: linear-gradient(
            45deg,
            #DAEBFC 0%,
            #FAFCFF 50%,
            #D0E8FB 100%
    );
    border-radius:0 34px 34px 0;
}
.detail-img1-m{
    display: none;
}
.detail-item h4{
    color: #000000;
    font-weight: bold;
    font-size: 32px;
    text-align: right;
}
.detail-item p{
    color: #000000;
    font-size: 20px;
    text-align: right;
}
.detail-img1{
    width: 80%;
    margin-top: 20px;
    margin-left: 20px;
}
.detail-img2{
    margin-left: 112px;
    width: 37%;
}
.detail-right2{
    border-radius: 24px 0 0 34px;
}
.detail-right3,.detail-right4,.detail-right5{
    width: 45%;
    background: linear-gradient(
            0,
            #59AFF5 0%,
            #A0CFFC 50%,
            #D3E7FF 100%
    );
    margin-top: 1px;
}
.detail-right3,.detail-right5{
    margin-right: 3px;
    margin-top: 1px;
    border-radius:0 26px 34px 0;
}
.detail-right4{
    border-radius: 24px 0 0 34px;
}
.detail-right4 img{
    width: 72%;
    margin-left: 60px;
}
.detail-right3 img{
    width: 76%;
    margin-left: 40px;
}
.detail-right5 img{
    width: 66%;
    margin-left: 60px;
}
.cus-ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 40px auto 60px;
    width: 100%;
}
.cus-item{
    width: calc((100% - 72px) / 4);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-radius: 84px 0 0 0;
    background-color: #F4F5F5;
    box-shadow: 0 8px 16px 0 #C2DDFA;
}
.cus-item>img{
    border-radius: 84px 0 0 0;
}
.cus-desc{
    width: 100%;
    height: 280px;
    padding: 12px 20px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cus-desc>p{
    line-height: 1.4;
}
.cus-name{
    display: flex;
    gap: 10px;
}
.prod-click{
    width: 504px;
    height: 44px;
    border-radius: 30px;
    background: linear-gradient(90deg, #0C5AAE, #3F8FDE, #0C5AAE);
    padding: 0px 20px;
    margin: 0 auto;
    text-align: center  ;
    line-height: 42px;
}
.prod-click a{
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
}
.sh{
    width: 100%;
    height: 502px;
    background-image: url(img/BIA/about.jpg);
    background-position: center center;
}
.sh-con{
    width: 1200px;
    margin: 0 auto;
}
.sh-text{
    width: 50%;
    margin-left: 50%;
    padding-top: 66px;
}
.sh-text h4{
    text-align: left;
}
.factory{
    width: 100%;
    background: #E9F5FD;
    padding-bottom: 100px;
}
.factory-con{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.factory-con>h4{
    position: absolute;
    top: -54px;
    left: 62px;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
}
.factory-title-m{
    display: none;
}
.factory-box{
    width: 100%;
    padding:25px;
    background: #FCFDFD;
    border-radius: 11px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}
.factory-box img{
    flex: 1;
}
.factory-box img:nth-child(2){
    flex: 1.5
}
.factory-title{
    width: 356px;
    height: 54px;
    background: url("img/BIA/title.png") 0 0 no-repeat;);
    padding-top: 4px;
}
.factory-title1{
    background: url("img/BIA/title.png") 0 0 no-repeat;);
}
.factory-title2{
    background: url("img/BIA/title2.png") 0 0 no-repeat;
}
.factory-title>h4{
    color: #FFFFFF;
    font-size: 26px;
    font-weight: bold;
    margin-left: 62px;
}
.factory-box3{
    padding: 40px 44px;

}
.factory-item{
    width: 270px;
}
.foot1{
    width: 100%;
    height: 188px;
    background: linear-gradient(180deg, #2074F1 0%, #0027C0 100%);
    padding: 40px 0;
}
@media (max-width: 900px) {
    .prod-con{
        width: 100%;
        padding: 12px;
    }
    .prod-con h3{
        font-size: 24px;
    }
    .prod-con>h4{
        font-size: 16px;
    }
    .pro-item{
        max-width: 100%;
        margin: 20px auto;
        flex-wrap: wrap;
    }
    .pro-card{
        width: calc(100% / 2 - 6px);
        height: auto;
        aspect-ratio: 333 / 412;
        margin-bottom: 10px;
        padding: 20px 10px;
        background-image: url(img/BIA/bg-m.png);
        background-size: contain;    /* 完整展示原图、等比例缩放、不裁切 */
        background-position: center; /* 图片在盒子水平垂直居中 */
        background-repeat: no-repeat;/* 禁止图片重复平铺 */
    }
    .pro-item .pro-card:nth-child(4){
        display: flex;
    }

    .prod-img1{
        width: 19%;
        height: auto;
    }
    .prod-desc{
        padding-top: 4px;
        padding-left: 10px;
        display: flex;
        flex-direction: column;  /* 垂直方向排列 */
        height: 100%;            /* 关键！必须给它一个固定高度，或者让它的父容器高度为100% */
        justify-content: space-between; /* 将第一个和最后一个元素推到上下两端 */

    }
    .prod-desc h5{
        font-size: 18px;
        margin-bottom: 0px;
        line-height: 1.5;
    }
    .prod-text{
        height: auto;
        flex: 1;                 /* ⭐️ 核心属性：自动撑满剩余的所有空白空间！ */
        display: flex;           /* 将内部的 p 标签也变成 flex */
        flex-direction: column;
        justify-content: center; /* 让多行文字在中间剩余的空间里垂直居中 */
        row-gap: 4px;
    }
    .prod-desc p{
        font-size: 10px;
        margin-bottom: 4px;
        line-height: 1.4;
    }
    .prod-desc4{
        padding-left: 0;
    }
    .prod-btn {
        width: 100px;
        height: 24px;
        border-radius: 30px;
        padding: 0px 10px;
        gap: 4px;
    }
    .prod-btn img {
        width: 20px;
    }
    .prod-btn a{
        font-size: 12px;
    }
    .prod-f {
        width: 57px;
        height: 100px;
        margin-top: 50% ;
    }
    .prod-img4{
        width: 31.8%;
    }
    .icon-box{
        width: 100%;
        height: auto;
        margin: 20px auto 0;
    }
    .icon-ul{
        gap: 0;
    }
    .icon-li{
        width: 25%;
        margin-bottom: 12px;
        gap: 4;
    }
    .icon-li div{
        width: 50px;
        height: 50px;

    }
    .icon-ul>li:nth-child(1)>div{
        background: url("img/BIA/icon-m.png") 0 0 no-repeat;
    }
    .icon-ul>li:nth-child(2)>div{
        background: url("img/BIA/icon-m.png") 0 -51px no-repeat;
    }
    .icon-ul>li:nth-child(3)>div{
        background: url("img/BIA/icon-m.png") 0 -103px no-repeat;
    }
    .icon-ul>li:nth-child(4)>div{
        background: url("img/BIA/icon-m.png") 0 -155px no-repeat;
    }
    .icon-ul>li:nth-child(5)>div{
        background: url("img/BIA/icon-m.png") 0 -206px no-repeat;
    }
    .icon-ul>li:nth-child(6)>div{
        background: url("img/BIA/icon-m.png") 0 -258px no-repeat;
    }
    .icon-ul>li:nth-child(7)>div{
        background: url("img/BIA/icon-m.png") 0 -309px no-repeat;
    }
    .icon-ul>li:nth-child(8)>div{
        background: url("img/BIA/icon-m.png") 0 -359px no-repeat;
    }
    .icon-ul>li:nth-child(9)>div{
        background: url("img/BIA/icon-m.png") 0 -412px no-repeat;
    }
    .icon-ul>li:nth-child(10)>div{
        background: url("img/BIA/icon-m.png") 0 -464px no-repeat;
    }
    .icon-ul>li:nth-child(11)>div{
        background: url("img/BIA/icon-m.png") 0 -515px no-repeat;
    }
    .icon-ul>li:nth-child(12)>div{
        background: url("img/BIA/icon-m.png") 0 -567px no-repeat;
    }
    .icon-ul>li:nth-child(13)>div{
        background: url("img/BIA/icon-m.png") 0 -619px no-repeat;
    }
    .icon-ul>li:nth-child(14)>div{
        background: url("img/BIA/icon-m.png") 0 -670px no-repeat;
    }
    .icon-ul>li:nth-child(15)>div{
        background: url("img/BIA/icon-m.png") 0 -722px no-repeat;
    }
    .icon-ul>li:nth-child(16)>div{
        background: url("img/BIA/icon-m.png") 0 -774px no-repeat;
    }
    .icon-ul>li:nth-child(17)>div{
        background: url("img/BIA/icon-m.png") 0 -826px no-repeat;
    }
    .icon-ul>li:nth-child(18)>div{
        background: url("img/BIA/icon-m.png") 0 -877px no-repeat;
    }

    .icon-li span{
        font-size: 12px;
        text-align: center;
    }
    .point{
        width: 100%;
        height: 0;
        padding-bottom:101% ;
        background-color: transparent;
        background-image: url(img/BIA/0-m.jpg);
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
    }
    .point-con{
        width: 100%;
        padding-top: 20px;
    }
    .point-con h3, .robot-con h3{
        font-size: 18px;
    }
    .point-con p{
        display: none;
    }
    .point-img-pc{
        display: none;
    }
    .point-img-m{
        display: block;
        width: 90%;
        margin-left: 5%;
        margin-top: 20px;
    }
    .robot{
        width: 100%;
        height: 0;
        padding-bottom:126% ;
        background-color: transparent;
        background-image: url(img/BIA/8.png);
        background-size: contain;
    }
    .robot-con, .data-con, .use-con{
        width: 100%;
        padding-top: 20px;
    }
    .robot-desc{display: none}
    .robot-text {
        width: 100%;
        margin-top: 12px;
    }
    .robot-text h4 {
        font-size: 16px;
    }
    .robot-ul {
        padding-left: 20px;
        padding-right: 0px;
        gap: 8px;
        margin-top: 72%;
    }
    .robot-li{
        width: 50%;
    }
    .robot-li-img{
        display: none;
    }
    .robot-li-m{
        display: inline-block;
    }
    .robot-li span {
        color: #053CA9;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        line-height: 1.2    ;
    }

    .data {
        width: 100%;
        height: 0px;
        padding-bottom: 76%;
        background-color: transparent;
        background-image: url(img/BIA/40.jpg);
        background-size: contain;
    }
    .title{
        font-size: 18px;
    }
    .data-con>p{
        display: none;
    }
    .data-text {
        display: none;
    }
    .data-li p {
        font-size: 10px;
        font-weight: bold;
        margin-top: 6px;
    }
    .data-li div {
        display: none;
    }
    .data-text2{
        margin-top: 54px;
    }
    .data-li2 {
        margin-top: -78px;
    }
    .data-li2 span {
        display: inline-block;
        width: 60px;
        margin-left: 47px;
        text-align: left;
        font-size: 6px;
    }
    .data-li2 span:nth-child(2) {
        margin-top: 10px;
    }
    .data-text>li:nth-child(1){
        margin-left: 10px;
    }
    .prod{
        padding-top: 0;
        padding-bottom: 40px;
    }
    .use-con>p{
        display: none;
    }
    .use-ul {
        gap: 10px;
        padding: 12px;
        margin:0;
        flex-wrap: wrap;
    }
    .use-li {

        padding: 0px;
        width: calc((100% - 20px) / 3);
        aspect-ratio: 224 / 297;
        background-image: url(img/BIA/use-m.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        gap: 0;
    }
    .use-li>img:nth-child(1){
        display: none;
    }
    .use-li>img:nth-child(2){
        height: 46.7%;
        margin-top: 20%;
    }
    .use-li div {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .map-con {
        width: 100%;
        height: auto;
        padding-top: 28px;
    }
    .map-img,.map-img2{
        display: none;
    }
    .map-box{
        flex-wrap: wrap;
        gap: 8px;
        justify-content: space-between;
        margin-top: 30px;
        padding: 0 12px;
    }
    .map-box>.map-item{
        width: calc((100% - 40px) / 6);
        margin-top: 0;
        flex: auto;
    }
    .map-item-m{
        display: flex;
    }
    .map-item{
        font-size: 12px;
        font-weight: normal;
    }
    .map-item img{
        display: block;
    }
    .map-more{
        display: none;
    }
    .map-more-m{
        margin-top: 20px;
    }
    .datail-ul{
        width: 100%;
        padding: 0 10px;
        margin-top: 20px;
    }
    .detail-item {
        width: 100%;
        height: auto;
        aspect-ratio: 696 / 272;
        background-image: url(img/BIA/detail-m.png);
        display: flex;
        padding: 12px;
        margin-bottom: 8px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .detail-left {
        width: 57%;
        padding: 12px;
    }
    .detail-item h4{
        font-size: 16px;
    }
    .detail-item p{
        font-size: 14px;
    }
    .detail-right{
        width: 43%;
        border-radius: 0 12px 12px 0;
    }
    .detail-img1{
        display: none;
    }
    .detail-img1-m{
        display: block;
    }
    .detail-img2{
        width: 47%;
        margin-left: 37%;
    }
    .detail-right2,.detail-right4{
        border-radius:  12px  0 0 12px;
    }
    .detail-right3 img {
        width: 93%;
        margin-left: 3%;
    }
    .detail-right3, .detail-right5 {
        margin-right: -5px;
        margin-top: 1px;
        border-radius: 0 13px 13px 0;
    }
    .detail-right4 img{
        width: 90%;
        margin-left: 3%;
    }
    .detail-right5 img{
        width: 80%;
        margin-left: 8%;
    }
    .cus-ul {
        max-width: 100%;
        margin: 20px auto 30px;
        width: 100%;
        padding: 0 12px;
        flex-wrap: wrap;
    }
    .cus-item {
        width: calc((100% - 12px) / 2);
        gap: 8px;
        border-radius: 42px 0 0 0;
        margin-bottom: 20px;
    }
    .cus-item>img{
        border-radius: 42px 0 0 0;
    }
    .cus-desc{
        height: auto;
        min-height: 200px;
        padding: 12px;
    }
    .prod-click {
        width: 80%;
        height: 34px;
        border-radius: 30px;
        padding: 0px 20px;
        line-height: 34px;
        margin-top: 20px;
    }
    .prod-click a {
        font-size: 16px;
    }
    .sh {
        width: 100%;
        height: auto;
        padding-top: 20px;
        background-image: none;
        background: linear-gradient(180deg, #B5C8FD, #CBE7FC);;
    }
    .sh-con{
        position: relative;
        width: 100%;
    }
    .sh-text {
        width: 100%;
        margin-left: 0;
        padding-top: 0;
    }
    .sh-text p{
        font-size: 14px;
        line-height: 1.2;
        padding: 12px;
    }
    .sh-text h4{
        padding-left: 12px;
    }
    .factory-con{
        width: 100%;
        padding: 20px 12px 0;
        margin-top: 0px !important;
    }
    .factory-box {
        padding: 12px;
        border-radius: 11px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 8px;
    }
    .factory-con>h4{
        display: none;
    }
    .factory-title-m{
        display: block;
        height: auto;
        background-image: url("img/BIA/title.png");
        background-repeat: no-repeat;
        background-position: left center;
        /* 宽度缩放到父容器50%，高度自动等比 */
        background-size: 60% auto;
    }
    .sp-item{
        width: 40%;
    }
    .factory-title1 {
        height: auto;
        background-image: url("img/BIA/title.png");
        background-repeat: no-repeat;
        background-position: left center;
        /* 宽度缩放到父容器50%，高度自动等比 */
        background-size: 60% auto;
    }
    .factory-title>h4 {
        font-size:18px;
        font-weight: bold;
        margin-left: 42px;
        margin-top: -4px;
    }
    .gc-item {
        width: calc(100% / 3 - 6px);
        margin-bottom: 0px;
    }
    .factory-title2 {
        height: auto;
        background-image: url("img/BIA/title2.png");
        background-repeat: no-repeat;
        background-position: left center;
        /* 宽度缩放到父容器50%，高度自动等比 */
        background-size: 60% auto;
    }
    .factory-item{
        width: calc(100% / 2 - 6px);
    }
    .report{
        height: auto;
        background-color: #EAF5FD;
        background-image: none;

    }
    .report-con {
        min-width: 100%;
        width: 100%;
        margin: 0 auto;
    }
    .report-con .title {
        padding-top: 35px;
        margin-left: 0px;
    }
    .report-box{
        display: none;
    }
    .report-m{
        display: block;
        padding: 0 12px 30px;
        position: relative;
    }
    .report-desc {
        position: absolute;
        top: 11%;
        left: 12%;
        display: flex;
    }
    .report-desc li {
        font-size: 9px;
    }
    .report-desc li:nth-child(2) {
         padding-left: 0px;
        padding-right: 36px;
    }
    .report-desc li:nth-child(3){
        padding-left: 0;
    }
    .factory{
        padding-bottom: 30px;
    }
}