@media(max-width:768px){
	
	 .produinfo .prods .button{
	  background-color:#fff; 
	  color:#333; 
	  width:50%; 
	  line-height:28px; 
	  margin-left:0%; 
	  text-align:center; 
	  margin-top:3%; 
	  border-radius:10px; 
	  padding:0px 10px;
      border:0px;
   } 
   
	.about-index-left{
	    
	    width:100%;
	    margin:0px 0px;
	    height:auto;
	    background-color:#ffffff;
	    margin-left:0%;
		padding-bottom:36px;  
	}
	
	.about-index-left .about-nr{
	   color:#c1c1c1;
	   line-height:24px; 
	   padding-left:10%; 
	   padding-right:6%;
	}
	
	.about-index-left .about-link{
	   display:block; 
	   width:30%; 
	   text-align:center;
	   line-height:32px; 
	   border-radius:16px; 
	   background-color:#2874a9; 
	   margin-left:10%; 
	   margin-top:5%; 
	   text-decoration:none;
	}
	.about-index-right{
	   float:left; 
	   border:1px solid #000; 
	   margin:36px 0px; 
	   width:100%; 
	   height:500px; 
	   
	}
    .news-list-info{
	   float:left; 
	   width:100%; 
	   
	}
	
	.produ-span{
	   margin:0 auto; 
	   width:30%; 
	   height:24px; 
	   background-color:#2874a9; 
	   border-radius:18px; 
	   display:block; 
	   border:1px solid #2874a9;
	}
	
	.news-span{
	   margin:0 auto; 
	   width:40%; 
	   height:24px; 
	   background-color:#2874a9; 
	   border-radius:18px; 
	   display:block; 
	   border:1px solid #2874a9;
	}
	
.news-title{
	   color:#c1c1c1; 
	   line-height:24px; 
	   margin-top:3%;
	}
	.news-titlemodel{
	   background-color:#2874a9; 
	   width:33%; 
	   border-radius:10px; 
	   text-align:center; 
	   line-height:24px; 
	   color:#fff; 
	   font-size:16px; 
	   display:block;
	}
	
    .footer-one{
	 
	  
	  width:100%
	}
	
	.footer-one img{
	   width:40%; 
	   margin-top:5%; 
	   margin-left:10%; 
	   margin-bottom:5%;
	} 
    .footer-tts{
	  
	   width:100%;
	}
	
	.footer-tts h2{
	   color:#173f63; 
	   font-weight:bold; 
	   font-size:18px; 
	   text-align:left;
	   margin-left:10%;
	}  
	
	.footer-tts ul li a{
	    text-decoration:none;
	}
	
   .contact-left{
	   width:100%;  
	  
	   margin-top:3%; 
	   border-radius:10px; 
	   padding-bottom:5%; 
	   
	}
	
	.contact-left .ph{
	   margin-left:43%; 
	}
	.contact-left .yx{
	   margin-left:48%; 
	   width:8%; 
	   margin-top:2%;
	   
	}
	
	.contact-right{
	    float:left; 
	    width:80%; 
	    margin-left:10%;
	    margin-top:2.4%;
	}
	
	.contact-form .form-group button{
	  border: 0px;
      width: 38%;
      background-color: #2874a9;
      color: #fff;
      border-radius: 10px;
	}
	
	.pro-oneClass .pro-all{
	    
		background-color:#2874a9; 
		border-radius:10px; 
		text-align:center; 
		line-height:32px; 
		color:#fff; 
		margin:2% 0%;
	}
	
	.two-list{
	    margin-left:0%!important;
	}
	
	.two-list ul{ 
	   padding:0px;
	}
	
	.two-list .srlanm{
	  background-color:#f6f6f6;
   	  list-style-type:none;
   	  margin-right:2%;
   	  width:auto;
   	  padding:5px 10px;
   	  margin-bottom:1%;
   	  border-radius:10px;
   	  color:#dedede;
	
	}
	
	.pro-list-ny{
	    margin-top:4%; 
	    width:90%; 
	    margin-bottom:8%; 
	    margin-left:5%;
	}
	
	.pro-oneClass .pro-select-all{
	    background-color:#f1f1f1; 
	    height:32px; 
	    margin-left:0%; 
	    border-radius:10px;
	}
    .produifo-list{
	    width:96%; 
	    margin-left:4%;  
	    margin-bottom:10px;
    }    
    
    .produinfo .prods {
	    margin-top:3%;   
    }

    .produinfo .prods img{
	   width:100%;
    } 
    
    .prods .button{
	   background-color:#f1f1f1!important;
    }
    
    .pagination p{
	    float:left; 
	    line-height:38px;
    }
    
/* 容器样式 */
.custom-select-wrapper {
    position: relative;
    user-select: none;
    cursor: pointer;
}

/* 触发器（显示的那个框） */
.custom-select-trigger {
    background: #f5f5f5; /* 浅灰色背景 */
    padding: 5px 20px;
    border-radius: 20px; /* 大圆角 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    color: #333;
}

/* 右侧箭头图标 */
.arrow-icon::after {
    content: '\25bc'; /* 倒三角符号 */
    font-size: 10px;
    margin-left: 10px;
    transition: transform 0.3s;
}

/* 选项列表（默认隐藏） */
.custom-options {
    position: absolute;
    top: 110%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    z-index: 99;
    overflow: hidden;
}

/* 展开状态 */
.custom-select-wrapper.open .custom-options {
    opacity: 1;
    visibility: visible;
}

.custom-select-wrapper.open .arrow-icon::after {
    transform: rotate(180deg);
}

/* 单个选项样式 */
.custom-option {
    padding: 10px 20px;
    color: #666;
    transition: background 0.2s;
}

/* 隐藏复选框 */
.menu-toggle-checkbox {
    display: none;
}

/* 默认隐藏面板 */
/*.nav_mobile-panel {
    display: none;
}

/* 勾选时显示面板 */
/*.menu-toggle-checkbox:checked ~ .nav_mobile-panel {
    display: flex;
}*/

.nav_mobile-panel {
    display: none;
   
}

.menu-toggle-checkbox:checked ~ .nav_mobile-panel {
    display: flex !important;
	 position: relative;
    z-index: 10000;
}

/* 切换图标：默认显示汉堡、隐藏关闭 */
.menu-toggle-checkbox ~ .nav_mobile-toggle .nav_mobile-icon-open {
    display: none;
}
.menu-toggle-checkbox ~ .nav_mobile-toggle .nav_mobile-icon-closed {
    display: block;
}

/* 勾选时切换图标 */
.menu-toggle-checkbox:checked ~ .nav_mobile-toggle .nav_mobile-icon-open {
    display: block;
}
.menu-toggle-checkbox:checked ~ .nav_mobile-toggle .nav_mobile-icon-closed {
    display: none;
}

/* 面板打开时禁止body滚动 */
body:has(.menu-toggle-checkbox:checked) {
    overflow: hidden;
}

 .two-list ul .srlanm-over a{
	   color:#fff;
   }
   

}