﻿@media screen and (max-width:980px){
.top-header  { padding:0px 10px}
    
.nav-menu ul{ display:none} 
    
 .tel_log{ margin-right:10px;}   
 
 .search-icon { margin-left:10px;
    margin-right: 10px!important;
    cursor: pointer;
}
 
 
 .navBtn{display:block;top: 17px;
    right: 8px;
    background: #1d5795;
    width: 36px;
    height: 36px;
    padding: 10px;}
    
.navBtn img{
    width: 100%;
   }   
    
    
.nav-menu .tNav{display:block; position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    height: 0;
    overflow: hidden;
    z-index: 999;
    background: rgba(255,255,255,1);
    transition: all .5s ease;
} 
.nav-menu .tNavHeight {
    height: 100%;
} 
    
.navUl {
    background: rgba(255,255,255,1);
    overflow: hidden;
    border-top: 1px solid #ddd;
}  

.nav-menu ul { display: block;}

  .nav-menu ul li{ 
 width: 100%;
   border-bottom: 1px solid #dcdcdc;
    position: relative;height: 46px;
    line-height: 46px;
  }   
   
   
.nav-menu ul li a {
    position: relative;
    display: block;
    padding: 0 4px;
    line-height: 46px;
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #222;
    font-weight: normal;
    text-align: left;
    transition: all .5s ease;
}
   
   
.nav-menu .hs {
    display: block;width: 40px;height: 40px; margin: 0 auto;
}
   
    
.lv-slider {
height: 30vh;
}  
    
 .container{ width:96%; margin:0 auto}  
 
 
  .syxw .container{
	 
            display:block;
            justify-content: space-between;
            align-items: center;
}
 
.syxw_1{width:100%;}
.syxw_2{width:100%; margin-top:10px;}
.syxw_1_a{font-size:20px;}
.syxw_1_b{font-size:12px;letter-spacing:0px;}

 .about {display: block;
         
}

.about .about_1{ width: 100%;}
.about .about_2{ width: 100%;}
 
 



.bottom-container{display: block;
           }

.bottom_1{
margin-left: 0%;
    margin-right: 0px;
    width: 100%;

}

.bottom_2{
width: 100%;

}
.bottom_3{
width: 100%;

}




.banquan{display: block;
           
           }

.banquan_1{

}

.banquan_2{


}

.NavList_a1 .e_switchbtn {
display:block;
}






	
		
	.img-wrapper{  position: relative; width:100%; margin:0 auto; background:#0F6}
	.img-wrapper1{ width:100%;}
		
		
      .img-preview-wrapper {
        gap: 15px; margin: 0px;width: 100%;
      }
      .zoom-lens {
        width: 100px; /* 移动端镜头缩小 */
        height: 100px;
      }
      .zoom-container {
        width: 200px; /* 移动端放大区域缩小 */
        height: 200px;
      }
      .zoom-img {
        width: 200%; /* 保持2倍放大 */
      }
      .scroll-btn {
        width: 30px;
        height: 30px;
      }
      .small-img-item {
        width: 60px;
        height: 60px;
      }



.newContainer .p_articles {
    display: inline-block;
    height: auto;
    min-width: 320px;
    width:100%;
    padding: 15px 20px;
    overflow: hidden;
    float: left;
}


.web_msg ul li.msg_ipt1 {
    width: 100%;
    float: none;
}
.web_msg ul li.msg_ipt2 {
    width: 100%;
    float: none;
}

.lanmu{padding: 0px 25px;}
 .NavList_a1 {padding: 0px 25px;}
 .NavList_a1 ul {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}

.NavList_a1 a {
    padding: 0px 20px;
    font-size: 14px;
    margin: 15px 3px;
    height: 32px;
    line-height: 32px;
}


.aboutn .container {
display:flex;
align-items:center;
flex-direction: column-reverse;
  
}

.aboutn_1 {
    width: 100%;
}

.aboutn_2 {
    width: 100%;
    margin-left: 0%;
    padding: 0px;
}


.aboutn2 .container {
    display: block;

}
.aboutn2 li {
    width: 100%;
}

.aboutn2 li:nth-child(2) {
    width: 100%;
    margin-left: 0%;
}
.aboutn2 li:nth-child(3) {
    width: 100%;
    margin-left: 0%;
}

.cplbn .container {
    display: block;
  
}

.cplbn_1 {
    width: 100%;
}

.cplbn_2 {
    width:100%;
    margin: 0px;
    position: relative;
}

.p_products li {
    float: left;
    width: calc((100% - 0px)/1);
    position: relative;
    overflow: hidden;
    padding: 20px 0px;
    display: inline-block;
    vertical-align: top;
}

.stylebox_fl:nth-child(2) {display:none}
.stylebox_fl .stylebox_title{display:none}

.contentBox {
    position: fixed;
    top: 70px;
    left: 100%;
    height: 100%;
}

.moveBtn {
    display: block;
}
.moveBtn  i{ margin-left: 4px; font-size: 16px;
}
 .backBtn {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 100%;
    vertical-align: top;
    background: #f5f8fa; text-align: center;
}
 .backBtn i{  font-size: 36px; width: 40px;height: 40px;}



.contentBox ul {
    display: inline-block;
    width: calc(100% - 50px);
}

.cplbn_2_w {
    display: block;
}

.cplbn_2_1 {
    width: 100%;
    margin: 0px;
    position: relative;
}
.zoom-container{ display:none}
.cplbn_2_2 {
    width: 100%;
}



.wwz .container {
    display: block;
    justify-content: space-between;
}

.wwz_1 {
    width: 100%;
}

.wwz_2 {
    width: 100%;
    margin-left: 0%;
}

.actext-f ul li {
	float: none;
	width: 100%;
	line-height: 24px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px;background: #f2f2f2; margin-bottom: 10px;
}
.actext-f-li {
	text-align: right;
}

.contact_inor .contact_inor_1 {
    width: 100%;
    float: none;
    padding: 10px;
}

.contacttext h1 {
    font-size: 18px;
    color: #fff;
  
}

.contacttext p {
    font-size: 12px;
}

#mapContent {
    width: 100%;
    float: none;
    height: 300px;
}

.web_msg { 
}


.khmc {
    text-align: center;
    font-size: 20px;
}

.khmv {
    font-size: 14px;
    color: #000;
}

.form-group label {
    display: block;
    width: 80px;
    font-size: 14px; margin-bottom: 10px;
}

.form-group  .captcha { position:absolute;right:0px;top:30px;
}

.form-group input {
    padding: 6px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#modalProductTbody  img{width:40px;height:40px;}

.modal-ccc{overflow-x: auto;}
.gdda{height: calc(100vh - 200px);}
.modal-content {
    background: #fff;
    width: 100%;
    max-width: 900px;
    margin: 0px;
    padding: 20px;
    position: relative;
    border-radius: 4px;height: 100vh;
}



.product-table {
  width: 100%; /* 表格宽度自适应父容器 */
  min-width: 800px; /* 表格最小宽度，避免小屏幕下过度压缩（可根据需求调整） */
  border-collapse: collapse;
  margin-top: 10px;
  table-layout: fixed; /* 固定表格布局，列宽更稳定，提升渲染性能 */
}


.modal-product-table {
  width: 100%; /* 表格宽度自适应父容器 */
  min-width: 800px; /* 表格最小宽度，避免小屏幕下过度压缩（可根据需求调整） */
  border-collapse: collapse;
  margin-top: 10px;
}

.form-group{ width:100%}

 .qiyewh_a h1{font-size:20px;}
.qiyewh_a span{font-size:14px;}
    
    .qiyewh .container{
	 
            display: block;
            justify-content: space-between; align-items: center;
           
} 
    
.hides{ display:none!important}    
.qiyewh_1{ float:none; width:100%;}
.qiyewh_1 img{width:100%;}
.qiyewh_2{ float:none;width:100%;}
.qiyewh_2 ul{}
.qiyewh_2 ul li{ overflow:hidden; margin-bottom:20px;}
.qiyewh_2 ul li .icoc{background-color: #ee9403;
    border-radius: 50%;width:50px; height:50px; line-height:50px; }
    
  .qiyewh_2 ul li .icoc i{color:#fff; font-size:20px;}  

    
    
.qiyewh_2 ul li .icoz{ float:left; margin-left:20px;   width: calc(100% - 70px);}
.qiyewh_2 ul li .icoz span{font-size:20px;}
.qiyewh_2 ul li .icoz p{font-size:14px;}



.PhotoList_k1 li {
   
    width: 48%;
    margin-left: 1.2%;
   
}


}