@media only screen and (min-width: 320px) and (max-width: 900px) {
.banner{ width:100%; margin-top:60px; overflow:hidden; clear:both;}
.logo,.main_h,.head_muen,.headh,.newssimgt,.navq{ display:none; }
.none{ display:none;}
  body {
                flex-direction: column;
                padding: 0px;
            }	
.main{ width:90%; margin:0 auto; overflow:hidden; padding:0px;}
.main1{ width:90%; margin:0 auto; overflow:hidden;}
img{ width:100%;}
.w-all{ display:block}


/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;top:0px;}
.sp_logo{padding:0px;float:left; padding-top:10px; height:50px; padding:5px;}
.sp_logo img{margin:auto;max-height:100%; width: auto;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#000;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;/*height:calc(100% - 104px);*/font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.bj{width:100%;overflow:hidden;background-color: rgba(245, 245, 245, 1);overflow:hidden;margin-top:30px;padding:10px 10px;}
.aboutlaft,.aboutright{ width:100%;}.abouttoptxt{ font-size:24px;}.aboutbtn{ width:100%; margin-bottom:30px;}
.pro{ display:none;}.pro_right{ width:100%; padding:0px; margin-top:30px;
}

.pro_righttxt2{ font-size:18px;} .case_top{ margin-top:-400px !important; }


.caselist ul {
    display: flex;
    flex-wrap: wrap; /* 允许换行 */
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    padding: 0; /* 移除默认内边距 */
    list-style: none; /* 移除默认列表样式 */
}

.caselist li {
    flex-basis: calc(50% - 15px); /* 计算宽度，减去一半的间距 */
    box-sizing: border-box; /* 确保padding和border不影响宽度计算 */
}


.caselist {
    display: flex
;
    flex-wrap: wrap;
    max-width: 100%;
    margin-top: 40px;
    padding: 0px;
}

.news_main,.caselists{ width:100%;}
.newsbtn,.endright{ display:none;}
.news_liyuan{ width:60px; height:60px; font-size:14px;}.news_liright strong{ font-size:14px;} .news_liright p{ font-size:12px; line-height:1.5}
.txtct{ width:100%;}
.weix {
    overflow: hidden;
    float: none; margin:0 auto;
}
.container{ margin-top:30px;}      .company-image {
            flex: 1;
            min-width:100%;
        }
.newsn {
    display: block;
    margin: 0;
    padding: 20px;
    font-family: Arial, sans-serif;
    box-sizing: border-box;
}
.company-details {
    flex: 1;
    min-width: 100%;
}
.company-info{ padding:0px;}

.products-grid {
    margin-top: 30px;
    padding: 10px 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    gap: 30px;}
.rig_about2{ margin-top:0px;}

.aboutn,.p_list{ display:none;}
.pordmaore,.pordmaoreright{ width:100%;}.boxx li{ width:100%;}
.product-card { padding:20px;}
}