@charset "utf-8";
html, body {margin: 0;padding: 0;}
/*IMG {border-width:0;}*/
/** {list-style-type: none;margin: 0;padding: 0;font-family: "SourceHanSansCN-Normal" }*/
/** {list-style-type: none;margin: 0;padding: 0;font-family: "" }*/
a { text-decoration: none !important;color: #555}
a:hover {
    text-decoration: none;
}

/*@font-face {*/
/*    font-family: SourceHanSansCN-Normal;*/
/*    src: url(../font/SourceHanSansCN-Normal.otf);*/
/*}*/
.banner{width: 100%;margin:0 auto}
.banner img{display: block;width: 100%;height: auto}
.banner1 .swiper-pagination-bullet{background:#fff!important;width:.6rem!important;height:.6rem!important}
.banner1  .swiper-pagination-bullet-active{background:#ce232c!important;}
.row{padding: 0}
.searchBox{
    display:none;}
.vertical-indicator-item{padding: 0!important;}
.result{text-align:center;font-size:1.1rem;min-height:400px}
/*.nav-r a.active{border-bottom:solid 2px #ce232c}*/
#CB_TG{display: flex!important; margin-top: .8rem}
#CB_Text{height:auto!important;}
#CB_Thumbs2{display: none}
@media (min-width: 768px) {
    .nav-link{font-size: 1.05rem!important;color: #fff!important;}
    .top-r{display: flex;align-items: center;justify-content: flex-end;font-size: .9rem!important;width: 100%;flex-wrap: nowrap;margin-bottom: .5rem;line-height: 1.5}
    .stock{background: #211614;border-radius: 2rem;color: #fff!important;flex-wrap: nowrap;padding: 0 .5rem}
    .search-bg{background: #bd1a35!important;color: #fff;padding: 0 .5rem;
        display: flex;align-items: center;justify-content: center;border-radius:1.5rem;margin: 0 .5rem}
    .search-bg img{height:15px;width: auto;margin-right: .3rem}
    .language a{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
    .language img{height: 1rem;width: auto;margin-right: .2rem}
    .language a{color: #fff}

    /*  top-search*/
    #aa{
        cursor:pointer;border: none;background: none;
    }
    .searchBox{
        display:none;
        position:fixed;
        width: 100%;background:rgba(255,255,255,.8);
        padding: 1.5rem 0 0;
        border-radius:6px;
        box-shadow:0 4px 5px rgba(0,0,0,.05);
        z-index: 9;
    }
    .search-content{position: relative}
    .searchBox   .search-content .close{
        position:absolute;
        right:10px;
        top:-5px;
        background:none;
        border:none;
        color:#000;
        font-size:2.5rem;
        cursor:pointer;
    }
    .search-form{width: 100%;}
    .search-form .input-box{width: 70%;height:2.3rem; border-bottom: solid 1px #555;display: flex;align-items: center;font-size: 1rem}
    .search-form .input-box img{width: 1.2rem;height: 1.2rem;margin-right: .5rem ;
        filter: grayscale(100%) invert(1);
    }
    .search-form .input-box input{width: 100%;background: none;height:2rem;outline:none;border: none;font-size: 1rem;}
    .search-form .input-box input:focus{outline: none;--tw-ring-color:none!important}

    .search-info{margin:3rem auto 2rem;display: flex;justify-content: space-between}
    .search-info-l{width:35%;}
    .search-info-l h2{font-size: 1.1rem}
    .search-info-l li{font-size: .95rem;line-height:1.5;display:inline-block}
    .search-info-l li a{color: #444;padding: .3rem .5rem;display: block}
    .search-info-r{width: 60%;display: flex;justify-content: flex-end}
    .search-info-r ul,.search-info-l ul{margin-top: 1rem;padding: 0}
    .search-info-r .about{padding: 0 1rem}
    .search-info-r .about h2{font-size: 1.1rem}
    .search-info-r .about li a{padding: .3rem 0;font-size: .95rem}

    /*product*/
    .pro-bg{background: url(../images/firstbg.jpg) no-repeat top center;background-size: cover}
    .home-h2{color: #fff;text-shadow:0 2px 3px rgb(0 0 0 / 60%);}
    .home-p{color: #fff!important;width: 100%;font-size: 1.1rem!important;text-shadow:0 2px 3px rgb(0 0 0 / 60%);}
    .pro-li{background: linear-gradient(-130deg,#fff, #d8d8d8,#fff,#d8d8d8)!important;padding-bottom: 1.5rem}
    .pro-gap{gap:3rem}
    /*app*/
    .app-bg{background: url(../images/appbg.jpg) no-repeat top center;background-size: cover;display: flex;height: 100vh;align-items: center}
    .app-scroll{width:100%;margin: 3rem auto 0;}
    .app-scroll .wrapper-box{width:calc(100% - 120px);margin:0 auto;position: relative;overflow: hidden}
    .app-scroll .swiper-slide{height: auto!important;border-radius:1rem}
    .app-scroll .app-li{overflow: hidden;border-radius:1rem;position: relative}
    .app-scroll .app-li img{transition: all .3s;width:100%;aspect-ratio:36/55;object-fit:cover}
    .app-scroll .app-text{font-size:1.1rem;position: absolute;background: rgba(0,0,0,.7);padding: .8rem 0;
        width: 100%;border-radius: 1rem;color: #fff;z-index: 10;bottom: 0;left: 0;text-align: center}
    .app-scroll .app-li:hover img{transform: scale(1.1);}
    .app-scroll .swiper-button-next{width: 43px;height: 43px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .app-scroll .swiper-button-prev{width: 43px;height: 43px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .app-scroll .swiper-button-next:after, .swiper-button-prev:after{display: none}

    /*partner*/
    .partner-bg{background: url(../images/partnerbg.jpg) no-repeat top center;background-size: cover;}
    .partner-scroll{margin:1rem auto;position: relative;overflow: hidden}
    .partner-scroll .swiper{height: auto!important}
    .partner-scroll .swiper-wrapper{height: 250px}
    .partner-scroll .swiper-slide img{display: block;margin: 0 auto;max-width: 100%;height: auto}
    .partner-li{border-radius: .5rem;background: #fff;padding:.8rem .5rem}
    .swiper-button-next:after, .swiper-button-prev:after{display: none}
    /*news*/
    .news-bg{background: url(../images/newsbg.jpg) no-repeat top center;background-size: cover;}
    .news-box{width: 100%;display: flex;justify-content: space-between;align-items:stretch}
    .news-l{width:36%;background: #fff;border-radius: 1.2rem;overflow: hidden;position: relative}
    .news-l:hover img{transform:scale(1.09);}

    .news-l .time{position: absolute;bottom: 0;background: #ce232c;color: #fff;padding:1rem 0;border-radius: 1.1rem;
        display: flex;width: 90px;flex-direction: column;align-items: center}
    .news-l .time .year{font-size:1.5rem}
    .news-l .time .year::after{display:block;width: 20px;height: 2px;background: #eee;content: ""}
    .news-l .time .date{font-size:1.1rem}
    .news-l .title-box{background:rgba(0,0,0,.6);position: absolute;bottom: 0;width: 100%;padding: .3rem 0 .8rem;display: block}
    .news-l .title{width:calc(100% - 100px);float:right}
    .news-l .title h2{font-size: 1.2rem;color: #fff;font-weight: 700;
        overflow:hidden;width: 100%;text-overflow: ellipsis;line-height:1.5;padding: .3rem 0;white-space: nowrap}
    .news-l .title p{font-size: 1rem;color: #ddd;overflow:hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
    .news-l img{width: 100%;margin: 0 auto;aspect-ratio: 4/2.8;object-fit: cover;transition: all .3s}
    .news-m {width: 30%;background: #fff;border-radius:1.2rem;padding:2.5rem 2rem;}
    .news-m  a{width: 100%;height:100%;display: flex;justify-content: space-between;flex-flow: column nowrap}
    .news-m h2{font-size: 1.3rem;font-weight: bold;line-height: 1.6;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;min-height: 2.3rem}
    .news-m:hover h2{color:#ce232c}
    .news-m p{font-size: 1rem;color: #666;margin: 1rem auto ;line-height:1.8;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .news-m time{border-top: solid 1px #eee;margin: 2.5rem auto 0;width: 100%;
        display: flex;justify-content: space-between;align-items: center;padding-top:1rem}
    .news-m .date{font-size: .95rem;color: #666;display: flex}
    .news-m .date img{height:1.2rem;width: auto}
    .news-m .icon img{transition: all .3s}
    .news-m:hover .icon img{transform: translateX(.5rem)}

    .side-menu{display: none}
    #navToggle{display: none;}
    /*在线留言*/
    .message-box{display: flex;justify-content: space-between;margin:1rem auto}
    .message-l{width:calc(100% - 195px);display: flex;justify-content: space-between;}
    .message-l .form-l{width: 32%;display: flex;flex-direction: column}
    .message-l .form-l input{width:100%;border: solid 1px #5c5c5c;border-radius: .5rem;background: #202020;margin: 0.5rem 0}
    .message-l .form-textarea{border: solid 1px #5c5c5c;background: #202020;width: 100%;height: 100%;border-radius:.5rem}
     .message-l .vertical-box{width: 100%;display: flex;align-items:center}
    ..message-l .vertical{width: 55%;border: solid 1px #dedede;font-size: .9rem}
    .message-l .vertical-box img{height:2.5rem;width: auto;margin-left:.2rem}
     .message-l input:-internal-autofill-selected{background:none!important}
    .message-r{width: 185px;}
    .form-button{width: 100%;border-radius:.5rem;background: #df0615;color:#fff;text-align: center;border: none;padding: 1rem 0;margin-top: 30%}
    .container-full{margin:.5rem auto;border-top: solid 1px #403e3f;border-bottom: solid 1px #403e3f;padding:1rem 0;width: 100%}
    /*bottom*/
    .bottom{display: flex;justify-content: space-between;margin-top: 2rem;padding-top:1.5rem!important}
    .bottom-logo{width: 190px;height: auto;margin-bottom: 1.5rem}
    .bottom-l{width: calc(100% - 240px);display: grid;grid-template-columns:repeat(5,1fr);gap: 1rem}
    .end-menu h2{font-size: 1.1rem;color: #ccc;margin:0 auto 1rem}
    .end-menu ul{padding: 0;margin: 0}
    .end-menu li{font-size: .9rem;padding: .2rem 0}
    .end-menu li a{color: #bfbfbf;line-height: 1.6}
    .social{margin:1rem auto 0;display: flex;}
    .wechat{background: #121011;border-radius: 45px;width: 42px;height: 42px;border: solid 1px #b1b1b1;display: flex;align-items: center;justify-content: center;margin-right: 1.5rem;position:relative;cursor:pointer}
    .wechat:last-of-type{margin-right:0}
    
    .wechat-float{position:absolute;top:-105px;left:-25px;width:100px;height:100px;border-radius:10px;background:#fff;padding:5px;display:none}
    .wechat-float img{width:100%;height:auto}
    .wechat:hover .wechat-float{display:block}
    
    .bottom-r{width: 230px}
    .bottom-r .phone-text{font-size: 1rem;color: #eee}
    .bottom-r .phone-num{font-size:1.1rem;color: #eee}
    .bottom-r .QR{width: 110px;border-radius: .8rem;height: 110px;background: #fff;display: flex;align-items: center;margin:.5rem 0}
    .bottom-r .QR img{width:100px;height: 100px;display: block;margin:0 auto}
    .bottom-r .QR-text{font-size: .95rem;color: #eee;width: 115px;text-align: center;line-height: 1.5}
    .copyright{font-size: .9rem;color: #979797;justify-content: space-between;display:flex;margin:.5rem 0 1.5rem;margin-bottom: 0;padding-bottom: .8rem}
    .copyright .r{display: flex;align-items: center;padding-bottom: .5rem}
    .bottom-space{padding:3rem 0 0 0}

    /*banner*/
    .slide-box{max-width: 1700px;position: relative;display:flex;margin: 0 auto;justify-content: space-between;padding: 0 2%}
    .slide-box .l{width: 50%}
    .slide-box .r{width: 48%;height: 100vh}
    .slide-box .r1{width: 48%;height: 100vh}
    .slide-text {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        color: #fff;
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 1s ease, transform 1s ease;
    }

    .swiper-slide-active .slide-text {
        opacity: 1;
        transform: translateY(0);
    }

    .slide-title {
        font-size: clamp(2rem, 5vw, 4rem);
        margin: 0;

        text-shadow: 3px 0 8px rgb(0 18 40 / 40%);
    }

    .slide-subtitle {
        font-size: clamp(1rem, 3vw, 1.5rem);
        margin-top: 10px;
    }
    .swiper-slide:nth-child(even) .slide-box .r{width: 48%;height: 100vh;order: -1}
    .swiper-slide:nth-child(odd) .slide-box .r{width: 48%;height: 100vh;order: 1}
    .honor-bg{width: 100%;height: 8rem;background: linear-gradient(180deg,rgba(77,129,165,.9),transparent);position: absolute;top: 0;border: 0}
    .inner-banner{width: 100%;}
    .inner-banner img{width: 100%;max-height:600px;object-fit: cover}


    /*内页面包屑*/
    .inner-position{background: #f4f5f6;line-height: 1.5;}
    .inner-position .nav{display: flex;justify-content: space-between;align-items: center;font-size: 1rem;}
    .inner-position .bread{font-size: 1rem;padding:.6rem 0;color: #555}
    .inner-position .bread a{color: #555}
    .inner-position .bread .bi{color:#ce0924;font-size: 1.3rem;margin-right: .2rem}
    .inner-position .classify ul,.app-position .classify ul{display: flex; }
    .inner-position .classify li a, .app-position .classify li a{padding:1rem 2rem;display: block;color: #555}
    .inner-position .classify li a.active,.app-position .classify li a.active{background: #ce0924;color: #fff; font-weight:700}
    /*about*/
    .topNavBg{background: none!important;position: relative;}
    .topNavBg .logo-select{display: block}
    .topNavBg .logo-select1{display: none}
    .topNavBg.xz{background: #fff!important;position:fixed;top: 0;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;}
    .topNavBg.xz .nav-link{color: #333!important;}
    .topNavBg.xz .language{filter: grayscale(100%) invert(1);opacity: .6}
    .topNavBg.xz .logo-select{display: none}
    .topNavBg.xz .logo-select1{display: block;}
    .topNavBg2{background: none!important;position: relative;}
    .topNavBg2 .nav-link{color: #333!important;}
    .topNavBg2  .language{filter: grayscale(100%) invert(1);opacity: .6}
    .topNavBg2.xz{background: #fff!important;position:fixed;top: 0;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;animation: ease-in nav .4s;}
    .container{padding: 0 3%;max-width: 1700px!important;margin:0 auto}
    .inner-space{margin:2.5rem auto}
    .about-h2{font-size: 2rem;font-weight: bold}
    .about-h2 .en{font-size:1.4rem;text-transform:uppercase;color: #999;font-weight:normal;margin-left: .5rem}
    .about-content{font-size: 1.05rem;line-height:2.2;color: #555;margin:1.5rem auto;padding: .5rem 1rem;}
    .about-pic{width: 100%;margin: 2rem auto;background: url(../images/culture.jpg) no-repeat left center;background-size:cover;
        border-radius: 1rem;box-shadow: 0 .2rem .2rem rgba(var(--bs-body-color-rgb), .15) !important;overflow: hidden}
    .about-pic .left{background:rgb(211 11 38 / 90%);width:40%;min-width:500px;padding:5rem 2rem;border-right: solid 10px rgb(255 255 255 / 22%)}
    .about-pic h3{font-size:1.8rem;font-weight: bold;color: #fff;margin-bottom: .2rem}
    .about-pic  .en{font-size: .8rem;font-weight:normal;color: #ddd;margin:0 auto}
    .about-pic ul{padding: 0;margin: 1.5rem auto 0}
    .about-pic ul li{font-size: 1.3rem;color: #fff;margin-top: 1.5rem;display: flex;line-height: 1.8;font-weight: 700;align-items:center}
    .about-pic ul li span{background: rgba(255,255,255,.2);border-radius: .3rem;padding:0 1rem;flex:1;margin-left:1rem;font-weight: normal;font-size: 1.2rem;}

    /*数字*/
    .jsbox{width: 100%;background: url(../images/num-bg.jpg) no-repeat top center;
        padding:55px 0;background-size:cover;margin:0 auto 0;border-top: solid 1px #eee;border-bottom: solid 1px  #eee}
    .jsk{max-width: 1700px;overflow: hidden;margin:0 auto;padding: 0 3%}
    .jsk ul{margin: 0;padding: 0}
    .jsk li{display: flex;align-items: center;padding-left: 1.5rem;justify-content: center;transition: all .3s;cursor: pointer}
    .jsk li img{max-width: 50px;margin-right: 10px }

    .jsz{font-size:2.8rem;color:#000;font-weight: bold;font-weight: bold;font-family: "Segoe UI"}
    .jszx{font-size: 1rem;color: #666;font-weight: normal;padding-left: 10px}
    .jszx1{font-size: 1rem;color: #666;font-weight: normal;}
    .jsk li:hover .jsz{color: #ce0924;}
    .jsk li:hover{transform:translateY(-.5rem) }



    .develop-box{margin:1.8rem auto;
        height: 300px;  background-image: url(../images/develop-bg.jpg), url('../images/bg-arrow.png');
        background-position: left center, center right; /* 分别设置每张图片的位置 */
        background-repeat: repeat-x, no-repeat;}
    .develop{display: flex;flex-direction: column;height: 300px; transition: all .3s;cursor: pointer}
    .develop-text{font-size: 1rem;line-height: 1.8;color: #666;margin-top: 1.5rem;}
    .develop:hover{transform: translatex(.5rem);}
    .develop-top{height: 50%;display: flex;align-items: center;flex-direction: column;justify-content: center;position: relative;}
    .develop-top:after{content:"";display: block;width: 20px;height: 20px;background: #fff;
        border-radius: 30px;border: solid 5px #ce0924;position: absolute;bottom: -8px}
    .develop-top h3{font-size:1.25rem;color:#333;font-weight: bold;margin-bottom: .8rem }
    .develop-top p{font-size: 1rem;color: #666; text-align: center; display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .develop-end{height: 50%;display: flex;align-items: center;justify-content: center;}
    .develop-end .time{width:170px;text-align:center;font-size: 1.2rem;font-weight: 700;padding: .5rem 0;
        background: #ce0924;border-top-right-radius: 20px;border-bottom-left-radius: 20px;color: #fff}
    .develop-box .swiper-slide:nth-of-type(even) .develop-end{order: -1}
    .develop-box .swiper-slide:nth-of-type(even) .develop-top:after{top: -8px}
    .develop-box .swiper-slide:nth-of-type(even) .develop-end .time{background: #333}
    .develop-box .swiper-wrapper{padding-bottom: 20px}
    .develop-box .swiperbutton{height: 50px}

    .develop-box .swiper-button-next{background: url(../images/develop-l.png) no-repeat center center;height: 40px;width: 80px;
        border-radius: 50px;top:90%!important;border: solid 2px #ce0924;background-size: 40%;
        left:calc(50% - 60px)!important;}
    .develop-box .swiper-button-prev{background: url(../images/develop-r.png) no-repeat center center ;height: 40px;width: 80px;border-radius: 50px;left:calc(50% + 60px)!important;
        top:90%!important;border: solid 2px #ce0924;background-size: 40%;
    }
    .develop-bg{width: 100%; background: url(../images/develop-fullbg.jpg) no-repeat center center;padding:2rem 0 4rem;background-size: cover}
    .bottom-full{background: #020617;padding: 1rem 0}
    .bottom-full .container-full{border-top: none}
    .bottom-full .bottom-logo{margin-bottom: 2rem}
    .bottom-full .copyright{padding: .5rem  3%}
    /*新闻*/
    .listNews-rec {background: #f8f8f8;padding: 1.5rem ;border-radius: .5rem;display:flex;justify-content: space-between;align-items: center;}
    .listNews-rec time{font-size:1.2rem;color: #666}
    .listNews-rec .left{width:55%;padding: 1rem 1.5rem }
    .listNews-rec .left .title{font-size: 1.2rem;font-weight: 700;margin:.5rem auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s}
    .listNews-rec .left .summary{font-size: 1rem;color: #666;display: -webkit-box;line-height: 1.8;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .listNews-rec .right{width: 38%;overflow: hidden;border-radius: .5rem}
    .listNews-rec .right img{width: 100%;aspect-ratio:4/2;object-fit:cover;border-radius: .5rem;transition: all .3s}
    .listNews-rec .more{background: #ce0924;color: #fff;width: 180px;margin:1rem 0;padding:.5rem 0;display: flex;align-items: center;justify-content: center;
        text-align: center;font-size: .95rem;border-radius: 1.5rem;transition: all .5s}
    .listNews-rec .more img{width:20px;    filter: brightness(0) invert(1);margin-left: 5px}
    .listNews-rec .right:hover img{transform:scale(1.07)}
    .listNews-rec .left:hover .more{transform:translateX(.5rem)}
    .listNews-rec .left:hover  .title{color: #ce0924;}
    .listNews-box{margin:1.5rem auto 2rem; display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:2.5rem;overflow: hidden;}
    .listNews-box .news{border-radius: .5rem;background: #f8f8f8}
    .listNews-box .img-box{width: 100%;overflow: hidden;border-radius: .5rem;}
    .listNews-box .news .img-box img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;border-radius: .5rem;transition: all .3s}
    .listNews-box .news-info{padding: 1rem}
    .listNews-box .news h2{font-size: 1.1rem;font-weight: bold;line-height: 1.6;display: -webkit-box;overflow: hidden;color: #333;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .listNews-box .news p{font-size: .9rem;color: #888;margin: .5rem auto 1.2rem ;line-height:1.6;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .listNews-box .news time{border-top: solid 1px #eee;margin: .5rem auto 0;width: 100%;
        display: flex;justify-content: space-between;align-items: center;padding-top:.2rem}
    .listNews-box .news .date{font-size: .9rem;color: #666;display: flex;align-items: center}
    .listNews-box .news .date img{height:1.1rem;width: auto}
    .listNews-box .news .icon img{transition: all .3s;height: 1.5rem;margin-top: .3rem}
    .listNews-box .news:hover .icon img{transform: translateX(.5rem)}
    .listNews-box .news:hover h2{color: #ce0924;}
    .listNews-box .news:hover .img-box img{transform: scale(1.07)}
    /* 导航栏样式 */
    .fluid-navbar {
        width: 320px;
        background-color: #f8f8f8;
        border-right: 1px solid #eee;
    }

    .nav-banner {
        background-color: #c00;
        color: white;
        padding:1.5rem  20px 1rem;
        font-size:1.6rem;
        font-weight: 600;
        text-align: left;
        letter-spacing: 1px;
    }

    .nav-menu {
        list-style: none;
    }

    .nav-item-pro {
        /*border-bottom: 1px solid #f0f0f0;*/
        position: relative;
    }
    .nav-item-href{
        position: absolute;z-index: 9;
        width: 50%;top:0; left:0;height: 60px;cursor: pointer
    }

    .nav-item-pro:last-child {
        border-bottom: none;
    }

    .nav-link-pro {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        text-decoration: none;
        color: #333;
        font-size: 1.2rem;
        transition: all 0.2s ease;
        position: relative;
        font-weight: 700;
        border-left: solid 5px #cecece;
        border-bottom: solid 1px #eee;

    }
    .nav-link-pro:hover {
        background-color: #f9f9f9;
        color: #c00;
    }

    .nav-link-pro.has-dropdown {
        cursor: pointer;
    }
    .dropdown-arrow {
        color: #999;
        font-size: 1rem;
        transition: transform 0.3s ease;
    }
    .nav-link-pro.active{color: #ce232c}
    .nav-link-pro.active:before{content: "";display: block;width: 5px;height: 100%;background: #ce232c;position:absolute;top:0;bottom: 0;left: -5px}
    .nav-link-pro.active .dropdown-arrow {
        transform: rotate(90deg);
        color: #c00;
    }

    .right-arrow {
        color: #999;
        font-size: 1rem
    }
    .nav-link-pro:hover .right-arrow {
        color: #c00;
    }
    /* 下拉菜单样式 */
    .dropdown-menu-pro {
        max-height: 0;
        overflow: hidden;
        background-color: #fafafa;
        transition: max-height 0.4s ease;
        list-style: none;
    }
    .dropdown-menu-pro.show {
        max-height: 300px;
    }
    .dropdown-item {
        padding: 14px 20px 14px 40px;
        border-top: 1px solid #f0f0f0;
        border-left: 5px solid #cecece;
        border-bottom: 1px solid #f0f0f0;
    }
    .dropdown-item a {
        text-decoration: none;
        color: #555;
        display: block;
        font-size: 1.05rem;
        transition: color 0.2s ease;
    }
    .dropdown-item a.active{color: #ce232c}
    .dropdown-item a:hover {
        color: #c00;
    }
    .left-search{width: 100%;border-left: solid 5px #cecece;
        padding: 1rem }
    .left-form{width: 95%;margin:0 auto}
    .search-banner {
        background-color: #333;
        color: white;
        padding:1.5rem  20px 1rem;
        font-size:1.4rem;
        font-weight: 600;
        text-align: left;
        letter-spacing: 1px;
    }
    .left-input{width: 100%;border: solid 1px #ddd;margin: .5rem auto;outline: none;font-size: .95rem}
    .left-search .button{width: 100%;margin:.8rem auto;
        background: #ce232c;color: #fff;font-size: 1rem;padding: .5rem 0;border-radius: .5rem}
    .left-search .button .bi{font-size: 1.2rem;margin-right: .2rem}
    .left-search  input:focus{outline: none;--tw-ring-color:none!important}

    /*    产品列表*/
    .listPro-box{display: flex;justify-content: space-between;align-items: flex-start}
    .list-pro-layer{width:calc(100% - 360px)}
    .list-pro{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 2.5rem;width:100%}
    .list-pro-search{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2.5rem;width:100%;min-height:400px}
    /*.list-pro{width: calc((100% - 2rem * 2) / 3)}*/
    .list-pro .pro-box{background: #fafafa;border-radius: .5rem;padding:1.5rem 1rem;box-shadow: 0 0 6px 0 #dfdfdf}
    .list-pro .pro-img{width: 100%;overflow: hidden;border-radius: .5rem;}
    .list-pro .pro-img img{display: block;width: 100%;aspect-ratio: 4/2.5;object-fit:cover;margin:1rem auto;transition: all .3s}
    .list-pro .pro-box h2{font-size: 1.3rem;color: #222;font-weight: 700;margin: .5rem auto}
    .list-pro .pro-box h3{font-size: 1rem;font-weight: normal;color: #222;}
    .list-pro .pro-info{font-size: .9rem;color: #555;margin:1rem auto .5rem;line-height: 1.6;}
    .list-pro .pro-info li{display: flex;justify-content: space-between;margin:.5rem auto}
    .list-pro .pro-info li .l{font-size: .95rem;width:5rem;}
    .list-pro .pro-info li .r{font-size: .95rem; width: calc(100% - 5rem);display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .list-pro .consult{display: flex;justify-content: space-between;margin: 1rem auto .5rem;font-size: .95rem;}
    .list-pro .consult-l{width: 48%;background: #fff;border-radius: .3rem;padding: .3rem 0;transition: all .5s;
        border:solid 1px #dedede;display: block;
        text-align: center}
    .list-pro .more{width: 48%;background:#fff;color: #ce0924;text-align: center;display: block;padding: .3rem 0;border-radius: .3rem; border:solid 1px #dedede;transition: all .5s}
    .list-pro .consult-l:hover{background: #ce232c;color: #fff;transform: translateY(-3px)}
    .list-pro .more:hover{background: #333;color: #fff;transform: translateY(-3px)}
    .list-pro .pro-box:hover .pro-img img{transform:scale(1.05)}
    .list-pro .pro-box:hover  h2{color: #ce232c}
    .list-pro-about{width: 100%;margin:2rem auto 3rem;overflow: hidden}
    .list-pro-about h1{font-size: 2rem;text-align: center;font-weight: 700;margin-bottom: .7rem}
    .list-pro-about p{font-size: 1rem;color: #555;line-height: 1.5;text-align: center}
    /*    App*/

    .app-position{width: 100%;background: url(../images/position-bg.jpg) no-repeat left center;background-size: cover;}
    .app-position-box{justify-content: space-between;align-items: center;display: flex;padding: 1rem 0;position: relative}
    .app-head{font-size: 2rem;font-weight: 700;padding-left:1.5rem}
    .app-head:before{content: "";position:absolute;background: url("../images/position-icon.png") no-repeat;width: 12px;height: 33px;left: 0;
        top:50%;transform: translateY(-50%)}
    .app-position-box .bread .bi{color:#ce232c;font-size: 1.2rem;margin-right: .2rem}
    .app-head .en{font-size: 1rem;color: #666;font-weight: lighter;text-transform: uppercase}
    .list-app{width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);gap:3rem}
    .list-app .app{border-radius: .5rem;background: #f8f8f8;transition: all .3s}
    .list-app .img-box{width: 100%;overflow: hidden;border-radius: .5rem;}
    .list-app .app .img-box img{width: 100%;aspect-ratio: 4/2;object-fit: cover;border-radius: .5rem;transition: all .3s}
    .list-app .app-info{padding: 0 0 1rem}
    .app-title{width: 100%;display: flex;justify-content: space-between;align-items: center;
        padding: 1rem .5rem 1rem 1.5rem;border-bottom:solid 1px #dedede;position: relative}
    .app-title:before{content:"";display: block;top:25%;height:50%;width:5px;position: absolute;left: 0;background: #ce232c;border-radius: .5rem;transition: all .3s}
    .list-app .app h2{font-size: 1.2rem;font-weight: bold;line-height: 1.6;display: -webkit-box;overflow: hidden;color: #333;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;width: calc(100% - 100px)}
    .list-app .app p{font-size: 1rem;color: #4a4a4a;margin: 1rem auto .5rem ;line-height:1.8;width:95%;padding:0 0 1rem 0;
        display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .list-app .icon img{width: 50px;height: auto}
    .list-app .app:hover .img-box img{transform: scale(1.05)}
    .list-app .app:hover h2{color: #ce232c}
    .list-app .app:hover .app-title:before{transform: translateY(.1rem);height:100%;top:0}

    @keyframes nav{
        0%{transform: translateY(-20px);opacity: 0;}
        100%{transform: translateY(0);opacity: 1;}
    }
    .product{width: 100%;display: flex;justify-content: space-between}
    .product-introduce{width: 50%}
    .product-h2{font-size: 2rem;color:#222;font-weight: 700;}
    .product-h3{font-size: 1.3rem;color: #222;line-height: 1.5;font-weight: 700;margin:.2rem auto 2rem}
    .product-li{font-size: 1.1rem;display: flex;justify-content: space-between;margin:1.5rem auto;line-height: 1.6}
    .product-li .l{width: 6rem;}
    .product-li .r{width: calc(100% - 7rem);font-size: 1.05rem}
    .product-consult{width: 100%;margin:3rem auto;display: flex;justify-content: space-between;font-size: 1.1rem}
    .product-consult .consult1{width:48%;background: #ce232c;display: block;border-radius: .5rem;text-align: center;color: #fff;padding:.8rem 0}
    .product-consult .consult2{width:48%;background: #333;color: #fff;display: block;border-radius: .5rem;text-align: center;padding: .8rem 0}
    .product-pic{width:43%;position: relative}
    .product-phone{font-size:1.2rem;width: 100%;
        color: #333;font-weight: 700;text-align: right;position: relative;right: 0;z-index: 9;
        /* 核心：背景模糊，数值越大越模糊（单位px） */
        /*backdrop-filter: blur(10px);*/
        /* 可选：加边框让效果更清晰 */
        border: 1px solid rgba(255, 255, 255, 0.6);
        padding: 0 1rem}
    .product-phone span{display: block;color: #ce232c;font-size: 1.3rem}
    .product-pic .swiper-wrapper{height:auto!important;width: 100%}
    .product-pic .swiper-slide img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover}
    .product-pic .mySwiper{height: auto!important;margin-top:1rem}
    .product-pic .mySwiper  .swiper-slide-fully-visible{border-radius: .1rem;border:solid 1px #ddd}
    .product-pic .mySwiper  .swiper-slide-thumb-active{border-radius: .1rem;border:solid 1px #ce232c}
    .product-mid{width: 100%;background: #ededed;text-align: center;padding: 1rem 0;margin:1rem auto;font-size: 1.1rem }
    .product-mid .menu{display: inline-block;padding: .5rem 3rem;background: #fff;border: solid 1px #dddddd;color: #333;
        border-radius: 2rem;text-align: center}
    .product-mid .menu.active{background: #ce232c;border: solid 1px #ce232c;text-align: center;color: #fff}
    .product-data{margin:2.5rem auto;font-size: 1rem;line-height: 1.8}
    .product-data img{max-width: 100%;height: auto}
    /* 表格样式优化 */
    .table-custom thead th {
        background-color: #f1f1f1;
        border-bottom: 2px solid #ddd;
        vertical-align: middle;
        text-align: center;
        font-size:1rem;
    }
    .table-custom tbody td {
        vertical-align: middle;
        text-align: center;
        font-size: 1rem;
    }
    .table-custom tbody tr td:first-child{min-width:150px}
    /* 确保表格在小屏幕横向滚动 */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    /*similar*/
    .similar-box{
        width: 100%; background: url(../images/develop-fullbg.jpg) no-repeat center center;padding:2rem 0 1rem;
        background-size: cover;border-bottom: solid 1px #dedede;border-top: solid 1px #dedede;overflow: hidden;
        margin-top: 2rem;
    }
    .similar-box .swiper-wrapper{height: auto}
    .similar-h2{text-align: center;font-size: 1.8rem;font-weight: 700;}
    .similar-scroll{margin:2rem auto;max-width:1700px;padding: 0 2%}
    .similar-pro{background: #fff;box-shadow: 0 0 8px 1px #ccc}
    .similar-pro .img{width:100%;display: flex;align-items: center;aspect-ratio:1/1;overflow: hidden}
    .similar-pro .img img{max-width: 100%;height: auto;display: block;transition: all .3s}
    .similar-pro .title-box{border-top: solid 1px #dedede;width: 92%;margin: .5rem auto;padding: 1rem 0}
    .similar-pro .title{font-size: 1.1rem;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .similar-pro .subtitle{font-size: 1rem;color: #555}

    .similar-box .wrapper-box{width:calc(100% - 120px);margin:0 auto;position: relative;overflow: hidden}
    .similar-box .swiper-slide{height: auto!important;border-radius:1rem}
    .similar-box .swiper-button-next{width: 43px;height: 43px;background:url(../images/similar-arrowr.png) no-repeat center center;background-size: 100%}
    .similar-box .swiper-button-prev{width: 43px;height: 43px;background:url(../images/similar-arrowl.png) no-repeat center center;background-size: 100%}
    .similar-box .swiper-button-next:after, .swiper-button-prev:after{display: none}
    .similar-pro:hover .img img{transform:scale(1.05)}
    .similar-pro:hover .title{color: #ce232c}
    /*    pro-contact*/
    .pro-contact{width: 100%;background: linear-gradient(to right, #f8f8f8 50%, #ffffff 50%);padding: 3rem 0}
    .pro-contact-box{display: flex;justify-content: space-between; }
    .pro-contact-l{width: 46%;}
    .pro-contact-l h2{font-size: 1.8rem;margin:1.5rem 0 1rem;font-weight: 700}
    .pro-contact-l h3{font-size:1.1rem;margin-bottom:1.5rem}
    .pro-contact-l .phone{width: 85%;margin-bottom: 2rem;
        background: linear-gradient(to right, #000 50%, #ce232c 50%);display: flex;justify-content: space-between;border-radius: 2rem }
    .pro-contact-l .phone span{width: 48%;font-size: 1.6rem;font-weight: 700;color: #fff;text-align:right;
        padding: .5rem 0;}
    .pro-contact-l .phone span:last-child{text-align: left;padding-left: .5rem}
    .pro-contact-l .phone .bi{margin-right: .5rem}
    .pro-contact-l .phone-info{font-size: 1.2rem;line-height: 2.5;justify-content: space-between;display: flex;padding-left: 1rem}
    .pro-contact-l .phone-info .l{width: 6rem}
    .pro-contact-l .phone-info .r{width: calc(100% - 7rem)}
    .pro-contact-r{width: 46%;}

    .pro-contact-r h2{font-size: 1.8rem;margin:1.5rem 0 1rem;font-weight: 700}
    .pro-contact-r h3{font-size:1.1rem;margin-bottom:1.5rem}
    .pro-contact-form{margin:1rem auto}
    .pro-contact-form .input-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: 1rem;padding-left: 1rem;margin:.3rem 0}
    .pro-contact-form .textarea-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: 1rem;height:6rem;
    padding-left: 1rem;margin:.3rem 0}
    .pro-contact-form .vertical-box{width: 100%;display: flex}
    .pro-contact-form .vertical{width: 60%;border: solid 1px #dedede;}
    .vertical-box img{height:2.5rem;width: auto}
    .pro-contact-form button{margin:1.5rem auto;color: #fff;font-size: 1.1rem;
        background: #ce232c;text-align: center;padding: .8rem 0;display:block;width: 100%;border-radius: .5rem}
    /*    研发*/
    .list-tech{margin:1.5rem auto 2rem; display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:2.5rem;overflow: hidden;}
    .list-tech .tech{border-radius: .5rem;background: #f8f8f8}
    .list-tech  .img-box{width: 100%;overflow: hidden;border-radius: .5rem;}
    .list-tech  .tech .img-box img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;border-radius: .5rem;transition: all .3s}
    .list-tech  .news-info{padding: 1rem}
    .list-tech   h2{font-size: 1.1rem;font-weight: normal;line-height: 1.6;display: -webkit-box;overflow: hidden;color: #555;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;text-align: center}
    .list-tech .tech:hover .img-box img{transform: scale(1.05)}
    .inner-box {
        max-width: 1600px;
        padding: 0 1rem;
        margin: 30px auto
    }

    .inner-title {
        font-size: 1.2rem;
        text-align: center;
        font-weight: 700;
        color: #444;
        margin-bottom: 1rem
    }

    .inner-content {
        font-size: 1rem;
        line-height: 2;
        color: #555;
    }

    .inner-content h2 {
        font-weight: 700;
        font-size: 1.1rem;
        line-height: 2.2;
        margin-bottom: 0
    }

    .inner-content h3 {
        font-weight: 700;
        font-size: .95rem;
        line-height: 2.3rem;
        margin-bottom: 3px;
    }

    .inner-content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 5px auto;
        min-width: 900px;
        border-radius: 8px;
    }
    .next {
        width: 100%;
        font-size: .95rem;
        color: #333;
        background: #fafafa;
        padding: 5px 0
    }

    .next a {
        color: #555
    }

    .next ul {
        overflow: hidden;
        max-width: 1600px;
        margin: 15px auto;
        padding: 0 1rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .next li {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 5px 0;
        white-space: nowrap;
    }
    .detail-title {
        font-size: 1.8rem;
        text-align: left;
        font-weight: 700;
        color: #444;
        margin-bottom: .8rem
    }
    .detail-subtitle {
        font-size: 1rem;
        color: #666;
        line-height: 27px;
        border-bottom: solid 1px #dedede;
        padding: 0 0 .5rem;
        text-align: left;
        margin-bottom: 1rem;

        span {
            margin: 0 2px 0 4px
        }
    }
    .detail-subtitle .bi{color: #ce0924;}
    .down{width: 100%;margin:2rem auto;}
    .down h2{font-size: 1.6rem;color: #333;margin-top:3rem;align-items: center;display: flex;
        font-weight: 700;padding-bottom: 1rem;border-bottom: solid 1px #dedede}
    .down img{margin-right: .5rem}
    .down li{margin:1rem auto}
    .down li a{display: flex;align-items: center;font-size: 1.1rem}
    .down li a .bi{color: #ce232c;margin-right: .5rem}
    .honor-box{margin:1.5rem auto 2rem; display: grid;grid-template-columns: repeat(4, 1fr);grid-gap:2.5rem;overflow: hidden;min-height: 400px}
    .honor-box .honor{border-radius: .5rem;background: #f8f8f8;box-shadow: 0 0 5px 3px #eee;padding:1rem .5rem;}
    .honor-box .honor a{display: flex;align-items: flex-end;flex-flow: row wrap;height: 100%}
    .honor-box  .img-box{width: 100%;overflow: hidden;transition: all .3s;padding:1rem 0}
    .honor-box  .honor .img-box img{max-width: 100%;height: auto;transition: all .3s}
    .honor-box  .news-info{padding:.5rem 1rem 0;width: 100%}
    .honor-box   h2{font-size: 1rem;font-weight: normal;line-height: 1.6;font-weight: 700;
    display: -webkit-box;overflow: hidden;color: #222;text-align: center;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .honor-box .honor:hover .img-box img{transform: scale(1.05)}
/*    application*/
    .application{width: 100%;display: flex;justify-content: space-between}
    .application-r{width: 50%}
    .application-h2{font-size: 2rem;color:#222;font-weight: 700;margin-top:1rem}
    .application-h3{font-size: 1.2rem;color: #222;line-height: 1.5;margin:.2rem auto 1.5rem;overflow: hidden;display: -webkit-box;overflow: hidden; -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .application-summary{margin:0 auto 2rem;padding-top:1.5rem;border-top:solid 1px #dedede;position: relative;}
    .application-summary:before{content:"";width:25px;height:5px;background:#ce232c;display:block;position:absolute;left:0;top:-3px;border-radius:20px}
   .application-summary .article{ font-size: 1rem;color: #555;line-height: 1.8;overflow: hidden;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}
        
    .application-l{width:43%;position: relative}
    .application-l img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;object-position: center;border-radius:5px}
    .application-phone{font-size:1.5rem;width: 100%;background: #fafafa;border-radius: 1rem;
        color: #333;font-weight: 700; border-left:solid 5px #ce232c;
        /* 核心：背景模糊，数值越大越模糊（单位px） */
        /*backdrop-filter: blur(10px);*/
        /* 可选：加边框让效果更清晰 */
        border: 1px solid rgba(255, 255, 255, 0.6);
        padding: 0.5rem 1rem}
    .application-phone span{color: #ce232c;font-size: 1.6rem;margin-left:1rem}
    .application-phone .bi{font-size:1.7rem;margin-right:.3rem}
    
    .app-pro{background: #fff;box-shadow: 0 0 8px 1px #ccc;border-radius:5px;height:99%}
    .app-pro .img{width:100%;display: flex;align-items: center;overflow: hidden;border-radius:5px;overflow:hidden}
    .app-pro .img img{max-width: 100%;display: block;transition: all .3s;aspect-ratio:4/2.2;object-fit:cover;border-radius:5px}
    .app-pro .title-box{width: 92%;margin: .5rem auto;padding: 1rem 0}
    .app-pro .title{font-size: 1.1rem;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align:center}
    .app-pro .subtitle{font-size: 1rem;color: #555;overflow: hidden;text-align:center;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
     .app-pro:hover .img img{transform: scale(1.05)}
     /*联系*/
     .contact-box{width:100%;background:#f8f8f8;}
     .contact-box1{max-width:1700px;padding:0 2%;display:flex;justify-content:space-between;margin:0 auto;align-items:center}
     .contact-left{width: 50%;overflow:hidden}
     .contact-right{width:50%}
     .contact-info{width:85%;padding:1rem 2rem;box-shadow: 0 0 5px 2px #eee;transition: all .3s;
     background:#fff;margin:1.5rem auto;border-radius:8px;display:flex;justify-content:space-between;align-items:center}
     .contact-info .head-box{width:130px;border-radius:8px;padding:3px;border:solid 3px #eee}
     .head-box img{width: 100%;height:auto}
     .contact-info .head-right{width:calc(100% - 180px)}
     .head-right h2{font-size:1.2rem;font-weight:700;color:#222;margin-bottom:.5rem}
     .head-right p{font-size:1rem;color: #555;line-height:1.5;margin:0 0 .2rem 0}
     .head-right .code-box{background:#222;color:#fff;display:inline-block;padding:.2rem 1rem;font-size:.9rem;
     border-radius:2rem;margin-top:.3rem}
      .contact-info:hover{box-shadow: 0 0 5px 2px #eee; transform:translateY(-3px);background:#eee}
      .contact-info:last-of-type .head-right .code-box{background:#ce0924}
      
      .news-article-box{display:flex;justify-content:space-between}
      .news-article-l{width:calc(100% - 460px)}
      .news-article-r{width:410px;}
      .news-right-rec{width:100%;margin:10px auto;background:#f8f8f8;padding:1.5rem}
      .news-right-rec .headline{font-size:1.8rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}
      .news-right-rec .headline:hover a{transform:translateX(-5px)}
       .news-right-rec .headline a{background:#ce232c;border-radius:20px;font-size:.9rem;color:#fff;padding:0.2rem 1.5rem;border:solid 1px #ce232c;font-weight:normal;transition:all .3s}
      .news-right-rec li{margin:1rem auto;border-bottom:solid 1px #dedede}
      .news-right-rec li .title{font-size:1.1rem;font-weight: 700;color: #333;
      overflow: hidden;text-align:left;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;line-height: 1.5;
          
      }
      .news-right-rec li:hover .title{color:#ce232c}
     .news-right-rec li time{font-size:.9rem;color:#666;margin:.8rem auto;display:block;width:96%;}
     .contact-content .phone{margin-bottom:.5rem}
     .contact-consult{padding:1.1rem 1.5rem; background:#fafafa;border-radius:1rem;width:95%;margin-top:1rem;border:dashed 1px #dedede}
     .contact-consult .phone-info{font-size:1rem;line-height:1.8}
     .contact-content{padding:2rem 0}
     .logo-img{width:200px;height:auto}

}
@media (max-width: 1500px) {
    .slide-box{max-width: 1700px;position: relative;display:flex;margin: 0 auto;justify-content: space-between;padding: 0 3%}
    .slide-text h1{font-size: 3.1rem}
    .slide-text p{font-size: 1.2rem}
    .section-container .container{max-width: 1700px!important;padding: 0 4%}
    .partner-scroll .swiper-wrapper{height: 250px}
    .nav-link{font-size: 1rem!important;}
    .about-content{font-size: 1rem;}
}
@media (max-width: 1300px) {
    .fluid-navbar {
        width: 280px;
        background-color: #f8f8f8;
        border-right: 1px solid #eee;
    }
    .nav-link-pro{font-size: 1.1rem}
    .list-pro{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:1.8rem;width:100%}
    .list-pro-layer{width:calc(100% - 310px)}
    .product-introduce{width: 48%}
    .product-pic{width:45%;position: relative}
    .product-li{font-size: 1rem;display: flex;justify-content: space-between;margin:1rem auto;line-height: 1.6}
    .pro-contact-l .phone span{width: 48%;font-size: 1.3rem;}
    
        .about-pic ul li span{background: rgba(255,255,255,.2);border-radius: .3rem;padding:0 .7rem;flex:1;margin-left:.8rem;font-weight: normal;font-size: 1.05rem;}
    
    /*application*/
.application{width: 100%;display: flex;justify-content: space-between}
    .application-r{width: 50%}
    .application-h2{font-size: 1.8rem;color:#222;font-weight: 700;margin-top:1rem}
    .application-h3{font-size: 1rem;color: #222;line-height: 1.5;margin:.2rem auto 1.2rem;overflow: hidden;display: -webkit-box;overflow: hidden; -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .application-summary{margin:0 auto 1.5rem;padding-top:1rem;border-top:solid 1px #dedede;position: relative;}
    .application-summary:before{content:"";width:25px;height:5px;background:#ce232c;display:block;position:absolute;left:0;top:-3px;border-radius:20px}
   .application-summary .article{ font-size: .95rem;color: #555;line-height: 1.8;overflow: hidden;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}
        
    .application-l{width:43%;position: relative}
    .application-l img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;object-position: center;border-radius:5px}
    .application-phone{font-size:1.3rem;width: 100%;background: #fafafa;border-radius: 1rem;
        color: #333;font-weight: 700; border-left:solid 5px #ce232c;
        /* 核心：背景模糊，数值越大越模糊（单位px） */
        /*backdrop-filter: blur(10px);*/
        /* 可选：加边框让效果更清晰 */
        border: 1px solid rgba(255, 255, 255, 0.6);
        padding: 0.5rem 1rem}
    .application-phone span{color: #ce232c;font-size: 1.3rem;margin-left:1rem}
    .application-phone .bi{font-size:1.4rem;margin-right:.3rem}
     .app-head{font-size:1.8rem;font-weight: 700;padding-left:1.5rem}
   


}



@media (max-width: 1024px) {
    /*    Advantages*/
    .advantages{width: 100%;background:url(../images/advantage-bg.png) no-repeat 20% 10% #faf6f1;padding: 50px 0}
    .advantages .head{font-size:2.5rem;text-align: center;margin-bottom:1rem;font-family:majalla;text-transform: uppercase}
    .advantages .large{color: #957127}
    .advantages .info-box{width: 100%;margin:1rem auto 0;display: flex;justify-content: space-between}
    .advantages .info{margin:2rem auto; width: 32%}
    .advantages .info-head{font-size: 1.2rem;color: #957127;
        text-overflow:ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 1.2rem}
    .advantages .info-article{font-size: .95rem;line-height:1.5;color: #3f3f3f;}
    .phone-nav{width: 100%;margin:0 auto;height:3.4rem}
    .phone-top{position: fixed;width: 100%;padding: .2rem 1rem;box-shadow: 0 0 5px 2px #eee;
        top:0;left: 0;background: #fff;display: flex;justify-content: space-between;align-items: center;z-index: 20}
    .phone-l{display: flex;align-items: center}
    .phone-logo img{height:2.8rem;width: auto}

    .nav-toggle{font-size:1.2rem;background: #bd1a35!important;color: #fff;border-radius:.3rem;padding:0 .5rem;margin-right:.5rem;display: block}



    .sub-classify{width: 96%;margin:1rem auto;border-bottom: solid 1px #dedede}
    .sub-classify a{color:#333}
    .sub-classify h2{font-size:1rem;margin-bottom:1rem}
    .sub-classify ul{display: flex;padding:0;font-size: .9rem;justify-content: space-between;align-items: center;flex-wrap: wrap;}
    .sub-classify li{width: 48%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .sub-classify li a{display: flex;align-items: center;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;padding: .3rem 0}
    .sub-classify .stone{font-size: .85rem}
    .sub-classify .stone img{width: 1.2rem;height: auto;}
    .back-btn{border: none;background: none;font-size: 1rem;padding:.5rem .3rem}
    .back-btn .bi-arrow-left{font-size: 1.2rem;}
    .sub-menu.active {
        left: 0;
    }
    .gap-14{gap: 2rem!important;}
    .nav-link{font-size: 1rem!important;}

    /*phone-search*/
    .search-form1{width: 96%;margin:.5rem auto}
    .search-form1 .input-box{width: 100%;height:2.8rem; border-bottom: solid 1px #ccc;display: flex;align-items: center;font-size: 1rem}
    .search-form1 .input-box img{width: 1.2rem;height: 1.2rem;margin-right: .5rem }
    .search-form1 .input-box input{width: 80%;background: none;height:2.3rem;outline:none;border: none;font-size: 1rem;}
    .search-form1 .input-box button{width: 20%;font-size: .95rem;text-align: center;color: #fff;border: none;line-height: 2rem;
        border-radius: .5rem;background: #957127}
    .listNews-rec .left .summary{font-size: .9rem;color: #666;display: -webkit-box;line-height: 1.8;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}

    /* 导航栏样式 */
    .fluid-navbar {
        width: 260px;
        background-color: #f8f8f8;
        border-right: 1px solid #eee;
    }
    .listPro-box{display: flex;justify-content: space-between;align-items: flex-start}
    .list-pro{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 2.5rem;width:100%}
        .list-pro-layer{width:calc(100% - 300px)}
        /*application*/
.application{width: 100%;display: flex;flex-direction:column}
    .application-r{width: 100%}
    .application-h2{font-size: 1.8rem;color:#222;font-weight: 700;margin-top:1rem}
    .application-h3{font-size: 1rem;color: #222;line-height: 1.5;margin:.2rem auto 1.2rem;overflow: hidden;display: -webkit-box;overflow: hidden; -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .application-summary{margin:0 auto 1.5rem;padding-top:1rem;border-top:solid 1px #dedede;position: relative;}
    .application-summary:before{content:"";width:25px;height:5px;background:#ce232c;display:block;position:absolute;left:0;top:-3px;border-radius:20px}
   .application-summary .article{ font-size: .95rem;color: #555;line-height: 1.8;overflow: hidden;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}
        
    .application-l{width:100%;position: relative}
    .application-l img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;object-position: center;border-radius:5px}
    .application-phone{font-size:1.3rem;width: 100%;background: #fafafa;border-radius: 1rem;
        color: #333;font-weight: 700; border-left:solid 5px #ce232c;
        /* 核心：背景模糊，数值越大越模糊（单位px） */
        /*backdrop-filter: blur(10px);*/
        /* 可选：加边框让效果更清晰 */
        border: 1px solid rgba(255, 255, 255, 0.6);
        padding: 0.5rem 1rem}
    .application-phone span{color: #ce232c;font-size: 1.3rem;margin-left:1rem}
    .application-phone .bi{font-size:1.4rem;margin-right:.3rem}
    /*contact us*/
     
        .contact-info{width:90%;padding:1rem 1.5rem;box-shadow: 0 0 5px 2px #eee;transition: all .3s;
     background:#fff;margin:1.5rem auto;border-radius:8px;display:flex;justify-content:space-between;align-items:center}
     .contact-info .head-box{width:110px;border-radius:8px;padding:3px;border:solid 3px #eee}
     .head-box img{width: 100%;height:auto}
     .contact-info .head-right{width:calc(100% - 130px)}
     .head-right h2{font-size:1rem;font-weight:700;color:#222;margin-bottom:.5rem}
     .head-right p{font-size:.9rem;color: #555;line-height:1.5;margin:0 0 .2rem 0}
     .head-right .code-box{background:#222;color:#fff;display:inline-block;padding:.2rem 1rem;font-size:.9rem;
     border-radius:2rem;margin-top:.3rem}
      .contact-info:hover{box-shadow: 0 0 5px 2px #eee; transform:translateY(-3px)}
      .contact-info:last-of-type .head-right .code-box{background:#ce0924}

}
@media (max-width: 767.98px) {
    .nav-link{font-size: 1.1rem!important;color: #fff!important;}
    .phone-icon{flex:1;text-align: right;display: flex;justify-content: flex-end;margin-bottom: 5px}
    .phone-icon  .icon{padding: 0 5px;margin-left: 5px}
    .phone-icon  .icon img{width:1.4rem;height:1.4rem}
    .nav-toggle{font-size:1.2rem;background: #bd1a35!important;color: #fff;border-radius:.3rem;padding:0 .5rem;margin-right:.5rem}
    .topNavBg2{background:#fff!important}
    .logo-img{z-index:99999}
    .side-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background:rgba(255,255,255,.9);
        transition: right 0.3s ease;
        z-index: 10;
     
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: hsla(0,0%,97%,.5);
  

    }
    .side-menu .right-menu{width:70%;float:right;height:100%;padding-top:3.5rem;background:#fff;}
    .side-menu .right-menu .bi{color:#888;font-size:.9rem}
    .side-menu ul{padding: 0;width: 90%;margin: 0 auto;}
    .side-menu.active {
        right: 0;
    }
    .close-btn{font-size: 1.8rem;border:none;padding-left: 1rem;margin-top: .5rem;background: none;position:absolute;right:1rem}
    .side-menu li{display: flex;justify-content: space-between;align-items: center;border-bottom: solid 1px #dedede;padding: .8rem 0}
    .side-menu li .classify{color: #333;font-size:.9rem}
    .side-menu li a{color: #333;font-size: 1rem;display: flex;justify-content: space-between;align-items: center;width: 100%}
    .menu-item{font-size: 1.2rem}
    .side-menu .phone{background:#222;padding:.5rem 1rem;font-size: 1.1rem;margin:0 auto;color: #fff;border-radius: .5rem;}
    .side-menu .phone .bi{font-size: 1.2rem;color: #fff}
    .side-menu .phone a{color: #fff}
    /* submenu */
    .sub-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: #f5f5f5;
        transition: left 0.3s ease;
        z-index: 1001;
    }
    .search-info-phone{width:95%;margin:1rem auto}
    .search-info-phone h2{font-size:1rem;font-weight:700;margin-bottom:.5rem}
    .search-info-phone .pro{width:46%;margin:1% 1.5%;font-size:.9rem;float:left;background:#eee;text-align:center;border-radius:5px;}
    .search-info-phone .pro a{display: block;padding:.2rem 0}
    /*phone-search*/
    .search-form1{width: 96%;margin:.5rem auto}
    .search-form1 .input-box{width: 100%;height:2.8rem; border-bottom: solid 1px #ccc;display: flex;align-items: center;font-size: 1rem}
    .search-form1 .input-box img{width: 1.2rem;height: 1.2rem;margin-right:0;filter: grayscale(80%) invert(1); }
    .search-form1 .input-box input{width: 80%;background: none;height:2.3rem;outline:none;border: none;font-size: .92rem;}
    .search-form1 .input-box button{width: 20%;font-size: .9rem;text-align: center;color: #fff;border: none;line-height: 2rem;
        border-radius: .5rem;background: #bd1a35}

    .top-r{display: flex;align-items: center;justify-content: flex-end;font-size: .9rem!important;width: 100%;flex-wrap: nowrap;margin-bottom: 0;line-height: 1.5}
    .stock{background: #211614;border-radius: 2rem;color: #fff!important;flex-wrap: nowrap;padding: 0 .5rem;display: none}
    .search-bg{background: #bd1a35!important;color: #fff;width:1.6rem;height: 1.6rem;display: none;
        align-items: center;justify-content: center;border-radius:2rem;margin: 0 .5rem}
    .search-bg img{height:15px;width: auto;display: block;margin: 0 auto;}
    .search-bg span{display: none;}
    .language a{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;font-size:1rem}
    .language img{height: 1.2rem;width: auto;margin-right: .1rem}
    .language a{color: #fff}
    .logo-img{width: 65%;height: auto}
    /*banner*/
    .slide-text h1{font-size:2rem}
    .slide-text p{font-size: 1rem;width: 80%}
    .section-container .container{max-width: 1700px!important;padding: 0 2%}

    /*  top-search*/
    #aa{
        cursor:pointer;border: none;background: none;
    }
    .searchBox{
        display:none;
        position:fixed;
        width: 100%;background:rgba(255,255,255,.9);
        padding: 1.5rem 0 0;
        border-radius:6px;
        box-shadow:0 4px 5px rgba(0,0,0,.05);
        z-index: 10;
    }
    .search-content{position: relative}
    .searchBox   .search-content .close{
        position:absolute;
        right:10px;
        top:-5px;
        background:none;
        border:none;
        color:#000;
        font-size:2.5rem;
        cursor:pointer;
    }
    .search-form{width: 100%;}
    .search-form .input-box{width: 70%;height:2.3rem; border-bottom: solid 1px #555;display: flex;align-items: center;font-size: 1rem}
    .search-form .input-box img{width: 1.2rem;height: 1.2rem;margin-right: .5rem ;
        filter: grayscale(100%) invert(1);
    }
    .search-form .input-box input{width: 100%;background: none;height:2rem;outline:none;border: none;font-size: 1rem;}
    .search-form .input-box input:focus{outline: none;--tw-ring-color:none!important}

    .search-info{margin:3rem auto 2rem;display: flex;justify-content: space-between}
    .search-info-l{width:95%; margin:0 auto}
    .search-info-l{width:95%; margin:0 auto}
    .search-info-l h2{font-size: 1.1rem}
    .search-info-l li{font-size: .95rem;line-height:1.5;display:inline-block}
    .search-info-l li a{color: #444;padding: .3rem 0;display: block}
    .search-info-r{display: none}
    .search-info-r ul,.search-info-l ul{margin-top: 1rem;padding: 0}
    .search-info-r .about{padding: 0 1rem}
    .search-info-r .about h2{font-size: 1.1rem}
    .search-info-r .about li a{padding: .3rem 0;font-size: .95rem}

    /*product*/
    .pro-bg{background: url(../images/firstbg.jpg) no-repeat top center;background-size: cover;padding: 0 4%}
    .home-h2{color: #fff;text-shadow:0 2px 3px rgb(0 0 0 / 60%);font-size: 1.6rem!important;margin-bottom: 0!important;}
    .mb-4{margin-bottom: .8rem!important;}
    .home-p{color: #fff!important;width: 100%;font-size:.9rem!important;text-shadow:0 1px 1px rgb(0 0 0 / 60%);}
    .pro-li{background: linear-gradient(-130deg,#fff, #d8d8d8,#fff,#d8d8d8)!important;padding-bottom: .5rem}
    .pro-gap{gap:1rem}
    /*app*/
    .app-bg{background: url(../images/appbg.jpg) no-repeat top center;background-size: cover;display: flex;height: 100vh;align-items: center}
    .app-scroll{width:95%;margin: 3rem auto 0;}
    .app-scroll .wrapper-box{width:calc(100% - 90px);margin:0 auto;position: relative;overflow: hidden}
    .app-scroll .swiper-slide{height: auto!important;border-radius:1rem}
    .app-scroll .app-li{overflow: hidden;border-radius:1rem;position: relative}
    .app-scroll .app-li img{transition: all .3s;width:100%;aspect-ratio:1/1.25;object-fit:cover}
    .app-scroll .app-text{font-size:1.1rem;position: absolute;background: rgba(0,0,0,.7);padding: .8rem 0;
        width: 100%;border-radius: 1rem;color: #fff;z-index: 10;bottom: 0;left: 0;text-align: center}
    .app-scroll .app-li:hover img{transform: scale(1.1);}
    .app-scroll .swiper-button-next{width: 32px;height: 32px;background:url(../images/arrow-r.png) no-repeat center center;background-size: 100%}
    .app-scroll .swiper-button-prev{width: 32px;height: 32px;background:url(../images/arrow-l.png) no-repeat center center;background-size: 100%}
    .app-scroll .swiper-button-next:after, .swiper-button-prev:after{display: none}

    /*partner*/
    .partner-bg{background: url(../images/partnerbg.jpg) no-repeat top center;background-size: cover;padding: 0 5%}
    .partner-scroll{margin:1rem auto;position: relative;overflow: hidden}
    .partner-scroll .swiper{height: auto!important}
    .partner-scroll .swiper-wrapper{height:280px}
    .partner-scroll .swiper-slide img{display: block;margin: 0 auto;max-width: 100%;height: auto}
    .partner-li{border-radius: .5rem;background: #fff;padding:1rem .5rem}
    .swiper-button-next:after, .swiper-button-prev:after{display: none}
    /*news*/
    .news-bg{background: url(../images/newsbg.jpg) no-repeat top center;background-size: cover;padding: 0 4%}
    .news-box{width: 100% !important;display: block;overflow: hidden}
    .news-l{width:100%;background: #fff;border-radius: 1.2rem;overflow: hidden;position: relative}
    .news-l .time{position: absolute;bottom: 0;background: #ce232c;color: #fff;padding:1rem 0;border-radius: 1.1rem;
        display: flex;width: 60px;flex-direction: column;align-items: center}
    .news-l .time .year{font-size:1rem}
    .news-l .time .year::after{display:block;width: 20px;height: 2px;background: #eee;content: ""}
    .news-l .time .date{font-size:.9rem}
    .news-l .title-box{background:rgba(0,0,0,.6);position: absolute;bottom: 0;width: 100%;padding: .3rem 0 .8rem;display: block}
    .news-l .title{width:calc(100% - 70px);float:right}
    .news-l .title h2{font-size: 1rem;color: #fff;overflow:hidden;width: 100%;font-weight: bold;
        text-overflow: ellipsis;line-height:1.5;padding: .3rem 0;white-space: nowrap}
    .news-l .title p{font-size: .85rem;color: #ddd;overflow:hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;}
    .news-l img{width: 100%;margin: 0 auto;aspect-ratio: 4/2.8;object-fit: cover}
    .news-m {width: 100%;background: #fff;border-radius:1.2rem;padding:1rem 1rem;margin-top: 1rem}
    .news-m  a{width: 100%;display: block;}
    .news-m h2{font-size: 1rem;font-weight: bold;line-height: 1.6;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .news-m p{font-size: .9rem;color: #666;margin: 1rem auto ;line-height:1.8;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .news-m time{border-top: solid 1px #eee;margin: .5rem auto 0;width: 100%;
        display: flex;justify-content: space-between;align-items: center;padding-top:.2rem}
    .news-m .date{font-size: .95rem;color: #666;display: flex}
    .news-m .date img{height:1.2rem;width: auto}
    .news-m .icon img{transition: all .3s}
    .news-m:hover .icon img{transform: translateX(.5rem)}
    .news-m:last-of-type{display: none}
    /*在线留言*/
    .message-box{display: block;justify-content: space-between;margin:1rem auto}
    .message-l{width:90%;display: block;margin:0 auto}
    .message-l .form-l{width: 100%;display: flex;flex-direction: column}
    .message-l .form-l input{width:100%;border: solid 1px #5c5c5c;border-radius: .5rem;background: #202020;margin: 0.5rem 0}
    .message-l .form-textarea{border: solid 1px #5c5c5c;background: #202020;width: 100%;height: 100%;border-radius:.5rem}
       .message-l .vertical-box{width: 100%;display: flex;align-items:center}
    ..message-l .vertical{width: 55%;border: solid 1px #dedede;font-size: .9rem}
    .message-l .vertical-box img{height:2.5rem;width: auto;margin-left:.2rem}
     .message-l input:-internal-autofill-selected{background:none!important}
    .message-r{width: 90%;margin: 0 auto}
    .form-button{width: 100%;border-radius:.5rem;background: #df0615;color:#fff;text-align: center;border: none;padding: 1rem 0;margin-top:1rem}
    .container-full{margin:.5rem auto;border-top: solid 1px #403e3f;border-bottom: solid 1px #403e3f;padding:1rem 0;width: 100%;display:flex;justify-content: space-between;align-items: center}
    /*bottom*/
    .bottom{display: flex;justify-content: space-between;width: 85%;margin:0 auto}
    .bottom-logo{width: 170px;height: auto}
    .bottom-l{width: calc(100% - 240px);grid-template-columns:repeat(5,1fr);gap: 1rem;display: none}
    .end-menu h2{font-size: 1.1rem;color: #ccc;margin:0 auto 1rem}
    .end-menu ul{padding: 0;margin: 0}
    .end-menu li{font-size: .9rem;padding: .2rem 0}
    .end-menu li a{color: #bfbfbf;line-height: 1.6}
    .social{margin:1rem auto 0;display: flex;}
    .wechat{background: #121011;border-radius: 45px;width: 42px;height: 42px;border: solid 1px #b1b1b1;display: flex;align-items: center;justify-content: center;margin-right: .5rem}
    .bottom-r{width: 100%;margin:0 auto}
    .bottom-r .phone-text{font-size: 1.1rem;color: #eee}
    .bottom-r .phone-num{font-size:1.6rem;color: #eee}
    .bottom-r .QR{width: 110px;border-radius: .8rem;height: 110px;background: #fff;display: flex;align-items: center;margin:.5rem 0;display: none}
    .bottom-r .QR img{width:100px;height: 100px;margin:0 auto;display: none}
    .bottom-r .QR-text{font-size: .95rem;color: #eee;width: 115px;text-align: center;line-height: 1.5;display: none}
    .copyright{font-size: .9rem;color: #979797;justify-content: space-between;display:flex;margin:0;width: 100%;text-align: left}
    .copyright .r{align-items: center;display: none}
    .copyright .l{display: block;width: 98%;padding-bottom: .5rem;margin:0 auto}
    .copyright .l a{display: block}
    .bottom-space{padding:3rem 0 0 0}
    .slide-box{max-width: 1700px;position: relative;display:block;margin: 0 auto;justify-content: space-between;}
    .slide-box .l{width: 80%}
    .slide-box .r{width: 80%;height: 100vh;margin:0 auto}
    .slide-box .r1{width: 80%;height: 100vh;margin:0 auto}
    .slide-text {
        position: absolute;
        width: 95%;
        top: 0;
        bottom: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        color: #fff;
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 1s ease, transform 1s ease;
    }

    .swiper-slide-active .slide-text {
        opacity: 1;
        transform: translateY(0);
    }

    .slide-title {
        font-size: clamp(2rem, 5vw, 4rem);
        margin: 0;

        text-shadow: 3px 0 8px rgb(0 18 40 / 40%);
    }

    .slide-subtitle {
        font-size: clamp(1rem, 3vw, 1.5rem);
        margin-top: 10px;
    }
    .swiper-slide:nth-child(even) .slide-box .r{width: 95%;height: 100vh;order: -1}
    .swiper-slide:nth-child(odd) .slide-box .r{width: 95%;height: 100vh;order: 1}
    .honor-bg{width: 100%;height: 8rem;background: linear-gradient(180deg,rgba(77,129,165,90%) 50%,rgba(244,244,244,0%));position: absolute;top: 0;}
    .inner-banner{width: 100%;}
    .inner-banner img{width: 100%;height: auto}
    /*内页面包屑*/
    .inner-position{background: #eee;line-height: 1.5;}
    .inner-position .nav{font-size: 1rem;width: 100%;display: block}
    .inner-position .bread{font-size: .9rem;padding:.6rem 0;color: #555;width: 100%}
    .inner-position .bread a{color: #555}
    .inner-position .bread .bi{color:#b02a37;font-size: 1.2rem;margin-right: .2rem}
    .inner-position .classify ul{width: 100%;padding: 0;margin: 0;overflow: hidden;}
    .inner-position .classify li{width: 25%;float: left}
    .inner-position .classify li a{padding:.5rem 0;display: block;color: #555;font-size: .9rem;width: 100%;text-align: center;}
    .inner-position .classify li a.active{background: #ce0924;color: #fff;border-radius: .2rem;}
    /*about*/
    .topNavBg{background: none!important;position: relative;}
    .topNavBg .logo-select{display: block}
    .topNavBg .logo-select1{display: none}
    .topNavBg.xz{background: #fff!important;position:fixed;top: 0;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;}
    .topNavBg.xz .nav-link{color: #333!important;}
    .topNavBg.xz .language{filter: grayscale(100%) invert(1);opacity: .6}
    .topNavBg.xz .logo-select{display: none}
    .topNavBg.xz .logo-select1{display: block;}
    .topNavBg2  .language{filter: grayscale(100%) invert(1);opacity: .6}
    .topNavBg2.xz {background: #fff!important;position:fixed;top: 0;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;}
    .container{padding: 0 3%;max-width: 1700px!important;margin:0 auto}
    .inner-space{margin:1.5rem auto}
    .about-h2{font-size: 1.5rem;font-weight: bold}
    .about-h2 .en{font-size:.9rem;text-transform:uppercase;color: #999;font-weight:normal;margin-left: .5rem}
    .about-content{font-size:.85rem;line-height:1.8;color: #555;margin:.5rem auto;padding: .5rem}
    .about-pic{width: 100%;margin: 1rem auto;background: url(../images/banner.jpg) no-repeat left center;background-size:cover;
        border-radius: 1rem;box-shadow: 0 .2rem .2rem rgba(var(--bs-body-color-rgb), .15) !important;overflow: hidden}
    .about-pic .left{background: rgba(206,9,36, .95);width:100%;padding:2rem .5rem;border-right: solid 10px rgb(255 255 255 / 22%)}
    .about-pic h3{font-size:1.3rem;font-weight: bold;color: #fff;margin-bottom: .2rem}
    .about-pic  .en{font-size: .8rem;font-weight:normal;color: #ddd;margin:0 auto}
    .about-pic ul{padding: 0;margin: 1rem auto 0}
    .about-pic ul li{font-size: 1rem;color: #fff;margin-top:.6rem;display: flex;line-height: 1.8;font-weight: 700;}
    .about-pic ul li span{background: rgba(255,255,255,.1);border-radius: .3rem;padding:0 .5rem;flex:1;font-size: .9rem;font-weight: normal}

    /*数字*/
    .jsbox{width: 100%;background:url("../images/num-bg.jpg") no-repeat center center;background-size: cover;
        padding:1.5rem 0;margin:0 auto 0;border-top: solid 1px #dcdcdc;border-bottom: solid 1px #dcdcdc}
    .jsk{max-width: 1700px;overflow: hidden;margin:0 auto;padding: 0 1%}
    .jsk ul{margin: 0;padding: 0}
    .jsk li{display: flex;align-items: center;padding-left: 0;justify-content: center}
    .jsk li img{max-width: 25px;margin-right:2px }
    .jsk li:last-child{display: none}

    .jsz{font-size:1.5rem;color:#000;font-weight: bold;font-weight: bold;font-family: "Segoe UI"}
    .jszx{font-size:.8rem;color: #666;font-weight: normal;padding-left: 2px}
    .jszx1{font-size: .85rem;color: #666;font-weight: normal;}

    .develop-box{margin:10px auto;
        height: 290px;  background-image: url(../images/develop-bg.jpg), url('../images/bg-arrow.png');
        background-position: left center, center right; /* 分别设置每张图片的位置 */
        background-repeat: repeat-x, no-repeat;}
    .develop{display: flex;flex-direction: column;height: 290px;  }
    .develop-text{font-size: .9rem;line-height: 1.6;color: #666;margin:2rem auto 1rem;display:none}
    .develop-top{height: 50%;display: flex;align-items: center;flex-direction: column;justify-content: center;position: relative;}
    .develop-top:after{content:"";display: block;width: 20px;height: 20px;background: #fff;
        border-radius: 30px;border: solid 5px #ce0924;position: absolute;bottom: -8px}
    .develop-top h3{font-size:1.1rem;color:#333;font-weight: bold;margin-bottom: .5rem }
    .develop-top p{font-size: .85rem;color: #666;  display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .develop-end{height: 50%;display: flex;align-items: center;justify-content: center;}
    .develop-end .time{width:170px;text-align:center;font-size: 1rem;font-weight: 700;padding: .5rem 0;
        background: #ce0924;border-top-right-radius: 20px;border-bottom-left-radius: 20px;color: #fff}
    .develop-box .swiper-slide:nth-of-type(even) .develop-end{order: -1}
    .develop-box .swiper-slide:nth-of-type(even) .develop-top:after{top: -8px}
    .develop-box .swiper-slide:nth-of-type(even) .develop-end .time{background: #333}
    .develop-box .swiper-wrapper{padding-bottom: 20px}
    .develop-box .swiperbutton{height: 50px}
    .develop-box .swiper-button-next{background: url(../images/develop-l.png) no-repeat center center;height: 30px;width: 60px;
        border-radius: 50px;top:90%!important;border: solid 2px #ce0924;background-size: 40%;
        left:calc(50% - 70px)!important;}
    .develop-box .swiper-button-prev{background: url(../images/develop-r.png) no-repeat center center ;height: 30px;width: 60px;border-radius: 50px;left:calc(50% + 30px)!important;
        top:90%!important;border: solid 1px #ce0924;background-size: 40%;
    }
    .develop-bg{width: 100%;background: #fafafa;padding:2rem 0 4rem}
    .bottom-full{background: #020617;padding: 1rem 0}
    .bottom-full .container-full{border-top: none}
    .bottom-full .bottom-logo{margin-bottom: 0}
    .bottom-full .copyright{padding: .5rem  3%}
    .bottom-r .phone-num{font-size: 1.4rem;}
    /*新闻*/
    .listNews-rec {background: #f8f8f8;padding:0;border-radius: .5rem;display:flex;flex-direction: column;}
    .listNews-rec time{font-size:1rem;color: #666;}
    .listNews-rec .left{width:90%;padding:1rem 0;margin:0 auto}
    .listNews-rec .left .title{font-size: 1rem;font-weight: 700;margin:.5rem auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s}
    .listNews-rec .left .summary{font-size: .85rem;color: #666;display: -webkit-box;line-height: 1.6;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .listNews-rec .right{width: 100%;overflow: hidden;border-radius: .5rem;order: -1;}
    .listNews-rec .right img{width: 100%;aspect-ratio:4/2;object-fit:cover;border-radius: .5rem;transition: all .3s}
    .listNews-rec .more{background: #ce0924;color: #fff;width: 100%;margin:.5rem auto 0;padding:.3rem 0;display: flex;align-items: center;justify-content: center;
        text-align: center;font-size: .9rem;border-radius: 1.5rem;transition: all .5s}
    .listNews-rec .more img{width:20px;    filter: brightness(0) invert(1);margin-left: 5px}
    .listNews-rec .right:hover img{transform:scale(1.07)}
    .listNews-rec .left:hover .more{transform:translateX(.5rem)}
    .listNews-rec .left:hover  .title{color: #ce0924;}
    .listNews-box{margin:1.5rem auto 2rem; display: grid;grid-template-columns: repeat(1, 1fr);grid-gap:1rem;overflow: hidden;}
    .listNews-box .news{border-radius: .5rem;background: #f8f8f8;width: 95%;margin:0 auto}
    .listNews-box .img-box{width: 100%;overflow: hidden;border-radius: .5rem;}
    .listNews-box .news .img-box img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;border-radius: .5rem;transition: all .3s}
    .listNews-box .news-info{padding:.5rem 1rem}
    .listNews-box .news h2{font-size: 1rem;font-weight: bold;line-height: 1.6;display: -webkit-box;overflow: hidden;color: #555;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .listNews-box .news p{font-size: .85rem;color: #888;margin: .5rem auto ;line-height:1.5;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .listNews-box .news time{border-top: solid 1px #eee;margin: .5rem auto 0;width: 100%;font-size: .85rem;
        display: flex;justify-content: space-between;align-items: center;padding-top:.2rem}
    .listNews-box .news .date{font-size: .8rem;color: #666;display: flex;align-items: center}
    .listNews-box .news .date img{height:1rem;width: auto;margin-right: .2rem}
    .listNews-box .news .icon img{transition: all .3s;height: 1.2rem;margin-top: .3rem}
    .listNews-box .news:hover .icon img{transform: translateX(.5rem)}
    .listNews-box .news:hover h2{color: #ce0924;}
    .listNews-box .news:hover .img-box img{transform: scale(1.07)}

    /*    产品列表*/
    /* 导航栏样式 */
    .fluid-navbar {
        width: 100%;background: #f8f8f8;
        border-right: 1px solid #eee;
        margin-bottom: .5rem;
        overflow: hidden;
    }

    .nav-banner {
        background-color: #c00;
        color: white;
        padding:1.5rem  20px 1rem;
        font-size:1.6rem;
        font-weight: 600;
        text-align: left;
        letter-spacing: 1px;
        display: none;
    }
    .nav-menu {
        list-style: none;
    }
    .nav-item-pro {
        border-bottom: 1px solid #f0f0f0;
        position: relative;width: 50%;float: left;
    }

    .nav-item-pro:last-child {
        border-bottom: none;
    }
    .nav-link-pro {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:.3rem .5rem;
        text-decoration: none;
        color: #333;
        font-size:.95rem;
        transition: all 0.2s ease;
        position: relative;
        font-weight: 700;
        border-left: solid 2px #cecece;
        border-bottom: solid 1px #eee;
    }


    .nav-link-pro:hover {
        background-color: #f9f9f9;
        color: #c00;
    }

    .nav-link-pro.has-dropdown {
        cursor: pointer;
    }

    .dropdown-arrow {
        color: #999;
        font-size: 1rem;
        transition: transform 0.3s ease;
    }
    .nav-link-pro.active{color: #fff;background: #ce232c}
    .nav-link-pro.active .bi{color: #fff}
    .nav-link-pro.active:before{content: "";display: block;width: 2px;height: 100%;background: #ce232c;position:absolute;top:0;bottom: 0;left: -2px}
    .nav-link-pro.active .dropdown-arrow {
        transform: rotate(90deg);
        color: #c00;
    }

    .right-arrow {
        color: #999;
        font-size: 1rem
    }

    .nav-link-pro:hover .right-arrow {
        color: #c00;
    }

    /* 下拉菜单样式 */
    .dropdown-menu-pro {
        max-height: 0;
        overflow: hidden;
        background-color: #fafafa;
        transition: max-height 0.4s ease;
        list-style: none;
    }

    .dropdown-menu-pro.show {
        max-height: 300px;
    }

    .dropdown-item {
        padding:.5rem;
        border-top: 1px solid #f0f0f0;
        border-left: 2px solid #cecece;
    }

    .dropdown-item a {
        text-decoration: none;
        color: #555;
        display: block;
        font-size:.9rem;
        transition: color 0.2s ease;
    }

    .dropdown-item a.active{color: #ce232c}
    .dropdown-item a:hover {
        color: #c00;
    }
    .left-search{width: 100%;border-left: solid 5px #cecece;display: none;
        padding: 1rem }
    .left-form{width: 95%;margin:0 auto;display: non}
    .search-banner {display: none;
        background-color: #333;
        color: white;
        padding:1.5rem  20px 1rem;
        font-size:1.6rem;
        font-weight: 600;
        text-align: left;
        letter-spacing: 1px;
    }
    .left-input{width: 100%;border: solid 1px #ddd;margin: .5rem auto}
    .left-search .button{width: 100%;margin:.8rem auto;
        background: #ce232c;color: #fff;font-size: 1rem;padding: .5rem 0;border-radius: .5rem}
    .left-search .button .bi{font-size: 1.2rem;margin-right: .2rem}


    /*    产品列表*/
    .listPro-box{display:block;justify-content: space-between;align-items: flex-start}
    .list-pro{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:.8rem;width:100%;margin-top: 1rem}
    /*.list-pro{width: calc((100% - 2rem * 2) / 3)}*/
    .list-pro .pro-box{background: #fafafa;border-radius: .5rem;padding:.8rem .3rem .5rem;box-shadow: 0 0 6px 0 #dfdfdf}
    .list-pro .pro-img{width: 100%;overflow: hidden;border-radius: .5rem;}
    .list-pro .pro-img img{display: block;width: 100%;aspect-ratio: 4/2.5;object-fit:cover;margin:1rem auto;transition: all .3s}
    .list-pro .pro-box h2{font-size: 1.1rem;color: #222;font-weight: 700;margin: .2rem auto}
    .list-pro .pro-box h3{font-size: .85rem;font-weight: normal;color: #222;}
    .list-pro .pro-info{font-size: .85rem;color: #222;margin:1rem auto .5rem;line-height: 1.6;color: #555}
    .list-pro .pro-info li{display:block;margin:.5rem auto}
    .list-pro .pro-info li .l{width: 100%;}
    .list-pro .pro-info li .r{font-size: .85rem; width:100%;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .list-pro .pro-info li{display: none}
    .list-pro .pro-info li:first-child{display: block}
    .list-pro .consult{display: flex;justify-content: space-between;margin:.8rem auto .5rem;font-size:.85rem;}
    .list-pro .consult-l{width: 48%;background: #fff;border-radius: .3rem;padding: .3rem 0;transition: all .5s;
        border:solid 1px #dedede;display: block;
        text-align: center}
    .list-pro .more{width: 48%;background:#fff;color: #ce0924;text-align: center;display: block;padding: .3rem 0;border-radius: .3rem; border:solid 1px #dedede;transition: all .5s}
    .list-pro .more .bi{font-size: .7rem}
    .list-pro .consult-l:hover{background: #ce232c;color: #fff;transform: translateY(-3px)}
    .list-pro .more:hover{background: #333;color: #fff;transform: translateY(-3px)}
    .list-pro .pro-box:hover .pro-img img{transform:scale(1.05)}
    .list-pro .pro-box:hover  h2{color: #ce232c}
    .list-pro-about{display:none}

    /*    App*/

    .app-position{width: 100%;background: url(../images/position-bg.jpg) no-repeat left center;background-size: cover;}
    .app-position-box{justify-content: space-between;align-items: center;display: flex;padding: .5rem 0;position: relative}
    .app-head{font-size: 2rem;font-weight: 700;padding-left:1.5rem;display: none}
    .app-head:before{content: "";position:absolute;background: url("../images/position-icon.png") no-repeat;width: 12px;height: 33px;left: 0;
        top:50%;transform: translateY(-50%)}
    .app-position-box .bread .bi{color:#ce232c;font-size: 1.2rem;margin-right: .2rem}
    .app-head .en{font-size: 1rem;color: #666;font-weight: lighter;text-transform: uppercase}
    .list-app{width: 98%;display: grid;grid-template-columns: repeat(1, 1fr);gap:1.5rem;margin:0 auto}
    .list-app .app{border-radius: .5rem;background: #f8f8f8;transition: all .3s}
    .list-app .img-box{width: 100%;overflow: hidden;border-radius: .5rem;}
    .list-app .app .img-box img{width: 100%;aspect-ratio: 4/2;object-fit: cover;border-radius: .5rem;transition: all .3s}
    .list-app .app-info{padding: 0 0 1rem}
    .app-title{width: 100%;display: flex;justify-content: space-between;align-items: center;
        padding: 1rem .5rem 1rem 1.5rem;border-bottom:solid 1px #dedede;position: relative}
    .app-title:before{content:"";display: block;top:25%;height:50%;width:5px;position: absolute;left: 0;background: #ce232c;border-radius: .5rem;transition: all .3s}
    .list-app .app h2{font-size: 1.1rem;font-weight: bold;line-height: 1.6;display: -webkit-box;overflow: hidden;color: #333;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;width: calc(100% - 100px)}
    .list-app .app p{font-size: .95rem;color: #4a4a4a;margin: .5rem auto .5rem ;line-height:1.8;width:95%;padding: 0;
        display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .list-app .icon img{width: 50px;height: auto}
    .list-app .app:hover .img-box img{transform: scale(1.05)}
    .list-app .app:hover h2{color: #ce232c}
    .list-app .app:hover .app-title:before{transform: translateY(.1rem);height:100%;top:0}
    /*产品详情*/
    .product{width: 100%;display: flex;flex-direction: column}
    .product-introduce{width: 100%}
    .product-h2{font-size:1.4rem;color:#222;font-weight: 700;padding-top: 1rem;}
    .product-h3{font-size: 1.1rem;color: #222;line-height: 1.5;font-weight: 700;margin:0rem auto 1rem}
    .product-li{font-size:.9rem;display:block;margin:.5rem auto;line-height: 1.6;background: #f8f8f8;padding:.5rem .5rem}
    .product-li .l{width: 100%;display: block;font-weight: 700}
    .product-li .r{width:100%;font-size: .9rem;color: #555}
    .product-consult{width: 100%;margin:1rem auto;display: flex;justify-content: space-between;font-size:.95rem}
    .product-consult .consult1{width:48%;background: #ce232c;display: block;border-radius: .3rem;text-align: center;color: #fff;padding:.5rem 0}
    .product-consult .consult2{width:48%;background: #333;color: #fff;display: block;border-radius: .3rem;text-align: center;padding: .5rem 0}
    .product-pic{width:100%;position: relative;order: -1}
    .product-phone{font-size:1.2rem;width: 100%;
        color: #333;font-weight: 700;text-align: right;position: relative;right: 0;z-index: 9;
        /* 核心：背景模糊，数值越大越模糊（单位px） */
        /*backdrop-filter: blur(10px);*/
        /* 可选：加边框让效果更清晰 */
        border: 1px solid rgba(255, 255, 255, 0.6);
        padding: 0 1rem}
    .product-phone span{display:inline-block;color: #ce232c;font-size: 1.3rem;order: 2}
    .product-pic .swiper-wrapper{height:auto!important;width: 100%}
    .product-pic .swiper{padding: 2px}
    .product-pic .swiper-slide img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;background: #f8f8f8}
    .product-pic .mySwiper{height: auto!important;margin-top:1rem}
    .product-pic .mySwiper  .swiper-slide-fully-visible{border-radius: .1rem;border:solid 1px #ddd}
    .product-pic .mySwiper  .swiper-slide-thumb-active{border-radius: .1rem;border:solid 1px #ce232c}
    .product-mid{width: 100%;background: #ededed;text-align: center;padding: 1rem 0;margin:1rem auto;font-size: 1rem }
    .product-mid .menu{display: inline-block;padding: .4rem 3rem;background: #fff;border: solid 1px #dddddd;color: #333;
        border-radius: 2rem;text-align: center}
    .product-mid .menu.active{background: #ce232c;border: solid 1px #ce232c;text-align: center;color: #fff}
    .product-data{margin:1.5rem auto;font-size:.9rem;line-height: 1.8}
    .product-data img{max-width: 100%;height: auto}
    .product-mobile{background: #ce232c;width: 100%;color: #fff;font-size: 1.2rem;padding:.5rem 0;margin-top: .5rem;
        text-align: center;border-radius: .3rem;font-weight:700}
    /* 表格样式优化 */
    .table-custom thead th {
        background-color: #f1f1f1;
        border-bottom: 2px solid #ddd;
        vertical-align: middle;
        text-align: center;
        font-size: 0.9rem;
    }
    .table-custom tbody td {
        vertical-align: middle;
        text-align: center;
        font-size: .9rem;
    }
    /* 确保表格在小屏幕横向滚动 */
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    /*similar*/
    .similar-box{
        width: 100%; background: url(../images/develop-fullbg.jpg) no-repeat bottom center;padding:1.5rem 0 0;
        background-size: cover;border-bottom: solid 1px #dedede;border-top: solid 1px #dedede;overflow: hidden;
        margin-top: 2rem;
    }
    .similar-box .swiper-wrapper{height: auto}
    .similar-h2{text-align: center;font-size: 1.4rem;font-weight: 700;}
    .similar-scroll{margin:1rem auto 1rem;max-width:1700px;padding: 0 2%}
    .similar-pro{background: #fff;box-shadow: 0 0 8px 1px #ccc;margin-top:.5rem}
    .similar-pro .img{width:100%;display: flex;align-items: center;aspect-ratio:1/1;overflow: hidden}
    .similar-pro .img img{max-width: 100%;height: auto;display: block;transition: all .3s}
    .similar-pro .title-box{border-top: solid 1px #dedede;width: 92%;margin: .5rem auto;padding: 1rem 0}
    .similar-pro .title{font-size: 1rem;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .similar-pro .subtitle{font-size: .85rem;color: #555;white-space:nowrap;overflow:hidden;white-space:nowrap}

    .similar-box .wrapper-box{width:100%;margin:0 auto;position: relative;overflow: hidden;padding-bottom:50px}
    .similar-box .swiper-slide{height: auto!important;border-radius:1rem}
    .similar-box .swiper-button-next{width: 35px;height: 35px;top:95%;left:calc(50% + 35px);
        background:url(../images/similar-arrowr.png) no-repeat center center;background-size: 100%}
    .similar-box .swiper-button-prev{width: 35px;height: 35px;top:95%;left:calc(50% - 35px);
        background:url(../images/similar-arrowl.png) no-repeat center center;background-size: 100%}
    .similar-box .swiper-button-next:after, .swiper-button-prev:after{display: none}
    .similar-pro:hover .img img{transform:scale(1.05)}
    .similar-pro:hover .title{color: #ce232c}
    /*    pro-contact*/
    .pro-contact{width: 100%;padding: 1rem 0 0 0}
    .pro-contact-box{display: flex;flex-direction: column }
    .pro-contact-l{width: 100%;padding-bottom: 1rem}
    .pro-contact-l h2{font-size: 1.4rem;margin:1.5rem 0 1rem;font-weight: 700}
    .pro-contact-l h3{font-size:1rem;margin-bottom:1rem}
    .pro-contact-l .phone{width: 100%;margin-bottom: 1rem;
        background: linear-gradient(to right, #000 50%, #ce232c 50%);display: flex;justify-content: space-between;border-radius: 2rem }
    .pro-contact-l .phone span{width: 48%;font-size: 1.1rem;font-weight: 700;color: #fff;text-align:right;
        padding: .5rem 0;}
    .pro-contact-l .phone span:last-child{text-align: left;padding-left: .5rem}
    .pro-contact-l .phone .bi{margin-right: .5rem}
    .pro-contact-l .phone-info{font-size: 1rem;line-height:1.5;justify-content: space-between;display: flex;padding-left: 1rem;color: #555;margin:.5rem 0}
    .pro-contact-l .phone-info .l{width: 5rem}
    .pro-contact-l .phone-info .r{width: calc(100% - 5rem)}
    .pro-contact-r{width: 100%;background: #f8f8f8;padding:0 .5rem}

    .pro-contact-r h2{font-size: 1.4rem;margin:1.5rem 0 1rem;font-weight: 700}
    .pro-contact-r h3{font-size:.95rem;margin-bottom:1rem;color: #555}
    .pro-contact-form{margin:1rem auto;font-size: .9rem}
    .pro-contact-form .input-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: .9rem;padding-left: 1rem;margin:.2rem 0}
    .pro-contact-form .textarea-gray{width: 100%;border: solid 1px #dedede;color: #555;font-size: .9rem;height:5rem;padding-left: 1rem;margin-bottom:.4rem}
    .pro-contact-form .vertical-box{width: 100%;display: flex}
    .pro-contact-form .vertical{width: 60%;border: solid 1px #dedede;font-size: .9rem}
    .vertical-box img{height:2.5rem;width: auto}
    .pro-contact-form button{margin:1rem auto;color: #fff;font-size: 1rem;
        background: #ce232c;text-align: center;padding: .6rem 0;display:block;width: 100%;border-radius: .5rem}
    /*    研发*/
    .list-tech{margin:1.5rem auto 2rem; display: grid;grid-template-columns: repeat(1, 1fr);grid-gap:1rem;overflow: hidden;width: 95%;}
    .list-tech .tech{border-radius: .5rem;background: #f8f8f8}
    .list-tech  .img-box{width: 100%;overflow: hidden;border-radius: .5rem;}
    .list-tech  .tech .img-box img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;border-radius: .5rem;transition: all .3s}
    .list-tech  .news-info{padding:.5rem 1rem}
    .list-tech   h2{font-size: 1rem;font-weight: normal;line-height: 1.5;display: -webkit-box;overflow: hidden;color: #555;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;text-align: center}
    .list-tech .tech:hover .img-box img{transform: scale(1.05)}
    .inner-box {
        max-width: 1600px;
        padding: 0 1rem;
        margin: 30px auto
    }

    .inner-title {
        font-size: 1.2rem;
        text-align: center;
        font-weight: 700;
        color: #444;
        margin-bottom: 1rem
    }

    .inner-content {
        font-size: 1rem;
        line-height: 2;
        color: #555;
    }

    .inner-content h2 {
        font-weight: 700;
        font-size: 1.1rem;
        line-height: 2.2;
        margin-bottom: 0
    }

    .inner-content h3 {
        font-weight: 700;
        font-size: .95rem;
        line-height: 2.3rem;
        margin-bottom: 3px;
    }

    .inner-content img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 10px auto
    }
    .next {
        width: 100%;
        font-size: .95rem;
        color: #333;
        background: #fafafa;
        padding: 5px 0
    }

    .next a {
        color: #555
    }

    .next ul {
        overflow: hidden;
        max-width: 1600px;
        margin: 15px auto;
        padding: 0 1rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .next li {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 5px 0;
        white-space: nowrap;
    }
    .detail-title {
        font-size: 1.4rem;
        text-align: center;
        font-weight: 700;
        color: #444;
        margin-bottom: .8rem
    }
    .detail-subtitle {
        font-size: 1rem;
        color: #666;
        line-height: 27px;
        border-bottom: solid 1px #dedede;
        padding: 0 0 .5rem;
        text-align: center;
        margin-bottom: 1rem;

        span {
            margin: 0 2px 0 4px;
        }
    }

    .detail-subtitle .bi{color: #ce0924;}
    .down{width: 100%;margin:2rem auto;}
    .down h2{font-size: 1.4rem;color: #333;margin-top:3rem;align-items: center;display: flex;
        font-weight: 700;padding-bottom: 1rem;border-bottom: solid 1px #dedede}
    .down img{margin-right: .5rem}
    .down li{margin:.5rem auto}
    .down li a{display: flex;align-items: center;font-size: 1rem}
    .down li a .bi{color: #ce232c;margin-right: .5rem}
    
            /*application*/
.application{width: 100%;display: flex;flex-direction:column}
    .application-r{width: 100%}
    .application-h2{font-size: 1.3rem;color:#222;font-weight: 700;margin-top:1rem}
    .application-h3{font-size: .9rem;color: #222;line-height: 1.5;margin:.2rem auto .8rem;overflow: hidden;display: -webkit-box;overflow: hidden; -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
    .application-summary{margin:0 auto 1rem;padding-top:.5rem;border-top:solid 1px #dedede;position: relative;}
    .application-summary:before{content:"";width:25px;height:5px;background:#ce232c;display:block;position:absolute;left:0;top:-3px;border-radius:20px}
   .application-summary .article{ font-size: .9rem;color: #555;line-height: 1.6;overflow: hidden;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:3;text-overflow: ellipsis; -webkit-box-orient: vertical;}
        
    .application-l{width:100%;position: relative}
    .application-l img{width: 100%;aspect-ratio: 4/2.2;object-fit: cover;object-position: center;border-radius:5px}
    .application-phone{font-size:1.2rem;width: 100%;background: #fafafa;border-radius: 1rem;
        color: #333;font-weight: 700; border-left:solid 5px #ce232c;
        /* 核心：背景模糊，数值越大越模糊（单位px） */
        /*backdrop-filter: blur(10px);*/
        /* 可选：加边框让效果更清晰 */
        border: 1px solid rgba(255, 255, 255, 0.6);
        padding: 0.5rem 1rem}
    .application-phone span{color: #ce232c;font-size: 1.2rem;margin-left:1rem}
    .application-phone .bi{font-size:1.2rem;margin-right:.3rem}
    /*scroll*/
    .app-pro{background: #fff;box-shadow: 0 0 8px 1px #ccc;border-radius:5px;height:99%}
    .app-pro .img{width:100%;display: flex;align-items: center;overflow: hidden}
    .app-pro .img img{max-width: 100%;display: block;transition: all .3s;aspect-ratio:4/3;object-fit:cover;border-radius:5px}
    .app-pro .title-box{width: 92%;margin:0 .5rem auto;padding:.5rem 0 1rem;}
    .app-pro .title{font-size: 1rem;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
    .app-pro .subtitle{font-size: .8rem;color: #555;overflow: hidden;display: -webkit-box;overflow: hidden;
        -webkit-line-clamp:2;text-overflow: ellipsis; -webkit-box-orient: vertical;}
        /**/
        .honor-box{margin:1.5rem auto; display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:1.5rem;overflow: hidden;
        min-height: 400px}
    .honor-box .honor{border-radius: .5rem;background: #f8f8f8;box-shadow: 0 0 5px 3px #eee;padding:1rem .5rem;}
    .honor-box .honor a{display: flex;align-items: flex-end;flex-flow: row wrap;height: 100%}
    .honor-box  .img-box{width: 100%;overflow: hidden;transition: all .3s;padding:.5rem 0}
    .honor-box  .honor .img-box img{max-width: 100%;height: auto;transition: all .3s}
    .honor-box  .news-info{padding:.5rem 1rem 0;width: 100%}
    .honor-box   h2{font-size: .9rem;font-weight: normal;line-height: 1.6;
    display: -webkit-box;overflow: hidden;color: #555;text-align: center;
        -webkit-line-clamp:1;text-overflow: ellipsis; -webkit-box-orient: vertical;}
/*联系*/
     .contact-box{width:100%;background:#f8f8f8;}
     .contact-box1{max-width:1700px;padding:0 2%;}
     .contact-left{width: 90%;overflow:hidden;margin:0rem auto 1rem}
     .contact-right{width:100%;display:none}
     .contact-info{width:85%;padding:1rem 2rem;box-shadow: 0 0 5px 2px #eee;transition: all .3s;
     background:#fff;margin:1.5rem auto;border-radius:8px;display:flex;justify-content:space-between;align-items:center}
     .contact-info .head-box{width:130px;border-radius:8px;padding:3px;border:solid 3px #eee}
     .head-box img{width: 100%;height:auto}
     .contact-info .head-right{width:calc(100% - 180px)}
     .head-right h2{font-size:1.2rem;font-weight:700;color:#222;margin-bottom:.5rem}
     .head-right p{font-size:1rem;color: #555;line-height:1.5;margin:0 0 .2rem 0}
     .head-right .code-box{background:#222;color:#fff;display:inline-block;padding:.2rem 1rem;font-size:.9rem;
     border-radius:2rem;margin-top:.3rem}
      .contact-info:hover{box-shadow: 0 0 5px 2px #eee; transform:translateY(-3px);background:#eee}
      .contact-info:last-of-type .head-right .code-box{background:#ce0924}
      .contact-display{display:block;padding-top:.5rem;padding-bottom:.5rem}
      .app-head{font-size:1.4rem}
      .list-pro-search{min-height:40vh}
      .contact-consult{padding:1rem; background:#fafafa;border-radius:1rem;width:100%;margin-top:1rem;border:dashed 1px #dedede}
     .contact-consult .phone-info{font-size:.9rem;line-height:1.6}
     .contact-consult .phone-info .l{width:6rem}
         .list-pro-layer{width:100%}
}

/*页码*/
.list-page {
    text-align: center;
    width: 98%;
    margin: 1.5rem auto 2rem;display: flex;justify-content: center;
}

.pagination a {

    color: #0b112a !important
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff !important;
    cursor: default;
    background-color: #333 !important;
    border-color: #ddd !important;
}
/*顶部*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    border: solid 1px #3d3d3d;
    border-radius: 40px;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 28;
    background: rgba(255, 255, 255) url(../images/drop-arrow.png) no-repeat center 50%;
    transform: rotate(180deg);

    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .8;
}
.no-touch .cd-top:hover {
    background-color:#fff;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 55px;
        width: 55px;
        right: 30px;
        bottom: 30px;
        border-radius: 55px;
        border: solid 1px #3d3d3d;
    }
}

/* 多选功能：高亮已选中的选项 */
.list-classify .swiper-slide a.selected {
    background: #f4e8da;
    border-radius: 8px;
}
.list-classify .swiper-slide a.selected p {
    color: #957127;
    font-weight: 700;
}
.dropdown-info li a.selected {
    background: #f4e8da;
    color: #957127 !important;
    font-weight: 700;
}
.searchBox{background:linear-gradient(180deg, rgb(229 229 229), rgb(255 255 255 / 85%))!important;}
#CB_ContentHide{background:rgba(0,0,0,.8)!important}