

/***首页大框-----------容器----储存容器--集装箱--美/kənˈteɪnər/-----main---主要的-美/meɪn/----*/
.home_container{ margin: 0 auto; width:100%; overflow:hidden; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}
.home_container_news{ margin: 0 auto; width:100%; background:#f3f3f3;}
.home_container_b{ margin: 0 auto; width:80%; overflow:hidden; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}
.home_container_c{ width:80%; margin:0 auto; background:#FFF; box-sizing: border-box; overflow:hidden; padding:10px;}




/*-------------左键右键产品列表-----------------*/

/*最外层容器-印加*/
.product_look{ width:80%; margin:0 auto; min-height:300px; overflow:hidden; background:#FFF;}
/* 产品容器外层 */
.product-wrap { width: 100%; /*max-width: 1200px;*/ margin: 0 auto; overflow: hidden; position: relative;}
/* 产品横向滚动轨道 */
.product-track { display: flex; display: flex; justify-content:center; gap:20px; transition: transform 0.4s ease-out; }
/* 单个产品卡片样式 */
.product-item {  flex-shrink:0; width: 25%; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px; text-align: center; border:1px solid #EEE; margin-left:2px; margin-right:2px; }
/*图片放大隐藏限制框*/
.product-item .h_img_o{display:block; overflow:hidden; width:99%; height:auto; margin:0 auto;}
.product-item img {  width: 100%; height:380px; object-fit:contain; /*object-fit: cover;*/  border-radius: 4px; /*display: block;*/ } /* 防止图片底部留白 */
.product-name { margin-top: 12px; font-size: 16px; color: #333;}

/* 箭头按钮通用样式 */
.arrow-btn { position: absolute;  top: 50%; transform: translateY(-50%); width: 40px; height: 40px;   border: none; background: rgba(255, 255, 255, 0.8); /* 增加半透明背景以便看清 */
font-size: 24px; color: #333;cursor: pointer;z-index: 10; /* 确保按钮在图片上层 */border-radius: 50%; /* 圆形按钮更好看 */ display: flex; align-items: center; justify-content: center;
transition: background 0.3s; font-family:Arial, Helvetica, sans-serif; outline: none; }

.arrow-btn:hover {
background: rgba(255, 255, 255, 1); }
/* 右侧箭头定位 */
.arrow-btn.right {right: 10px;}
/* 左侧箭头定位 */
.arrow-btn.left {left: 10px;}

/* 注意去掉了多余的分号-印加 */
/*图片大小*/
.h_img_w { width: 99% ; height: 470px ; margin: 0 auto ; display: block; cursor:pointer;}
.h_img_h { height: 470px ; width: 99% ; margin: 0 auto ; display: block; cursor:pointer; }

/*图片变大*/
.img_c_big{ border:0px;}
.img_c_big img:hover{transition: all 0.1s; transform: scale(1.02); cursor:pointer; }

/*-------------左键右键产品列表-----------------*/


/*--------热销产品--------------*/
/* 外层容器，控制产品列表整体居中 */
.product-container {/*max-width: 1200px;*/width: 100%; }
.product-container_b{ width:80%; margin:0 auto; background:#FFF; padding-top:0px; padding-bottom:30px;}
/* 产品网格布局，默认一行4个产品 */
.product-grid {display: flex; flex-wrap: wrap; justify-content:center; gap:20px; }

/* 单个产品卡片样式 */
.product-item {/*width: 270px;*/background-color: #fff; border:1px solid #eee; padding: 20px ;text-align:center; width:23%;}
.product-item img {width: 100%;height: 350px; object-fit: contain; margin-bottom: 15px;}
.product-name {font-size: 14px; color:#333; margin-bottom: 8px;line-height: 1.5;}
.product-model {font-size: 13px; color:#666; margin-bottom: 12px;}
.product-price {font-size: 16px; color:#e60012; font-weight: bold;}

/*--------热销产品--------------*/


/*------------首页---产品列表-------------------*/
/*首页产品展示列表---名字和产品页相同----尽量做得参数和命名一样统一*/

/*产品列表等距居中排列*/
.home_factory_item_box_a{width:24.7%;  display:inline-block ; float:none ; box-sizing:border-box; padding:10px; overflow:hidden; margin-bottom:20px;}
/*产品列表边框和阴影*/
.home_factory_item_box_b{padding:0px; border: 1px solid #EEE; box-shadow: 0 5px 20px #f0f0f0; text-align: center; width: 100%; min-height:300px; overflow: hidden; box-sizing:border-box;}
/*产品图片垂直居中*/
.home_factory_item_box_b .imgcc {width:100vw; height:300px; display:table-cell; position:static; vertical-align:middle; text-align:center; padding:5px;  cursor:pointer; float:none; margin:0 auto; overflow:hidden;}
.home_factory_item_box_b .imgcc img{ height:300px; }
/*产品标题*/
.home_factory_item_box_b .title_a{width:100%; height:40px;line-height:40px;text-align:center;font-size:16px !important;cursor:pointer; margin-top:15px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block; }
.home_factory_item_box_b a{ height:40px;line-height:40px;text-align:center;font-size:16px !important; color:#2B2B2B; text-decoration:none;}
.home_factory_item_box_b a:hover{  color:#0080C0; }
/*------------首页---产品列表--------------------*/





/*------首页中间广告------*/
.huigu{ width:100%; margin:35px 0 0 0;}
.huigu_b{width:100%; height:350px; text-align:center; background: url(/all_images/lab/bgi.jpg) no-repeat center center; box-sizing: border-box; box-sizing:content-box; overflow:hidden; }
.huigu_c{font-size:14px; line-height:80px; display:inline-block; padding-right:100px; text-align:center;}
.huigu_d{font-size:14px; line-height:80px; display:inline-block; text-align:center;}
.huigu .huigu_b .span_cn_hg{ font-size:25px; color:#FFF; text-align:center; display:block; margin-top:100px;text-shadow: gray 4px 4px 5px; -webkit-text-stroke:3px transparent;
 background:#535353 top left / 100% 100%; -webkit-background-clip: text;}
.contact_b::before {position: relative; top: -3px; content:" "; display: inline-block; vertical-align: middle; height: 20px; width: 20px; 
background: url(/all_images/lab/icon_contact.png) no-repeat center; margin-right: 10px;}

/*------首页中间广告------*/



/*---首页新闻---*/
/*标题*/
.news_h{ width:100%; margin:0 auto;}
.new_h_list{  box-sizing:border-box; width:49.5%; float:left;cursor:pointer;color:#333; overflow:hidden; padding-left:15px; padding-right:15px; margin-bottom:40px; }
.new_h_list .new_h_list_b{ box-sizing: border-box; box-sizing: content-box; background:#f1f3f6; overflow:hidden; width:100%;overflow:hidden; padding:10px;}
.new_h_list .new_h_list_b:hover{background:#f1f3f6;  color:#333;  transition: all 0.5s ease;  /*-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  -o-transition: all 0.5s ease;*/}
/*.new_h_list .new_h_list_b .imab:hover{filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6;  transition: all 0.5s ease; transition: all 0.1s; transform: scale(1.4);}*/
.new_h_list .new_h_list_b .imab:hover{transition: all 0.5s ease; transition: all 0.1s; transform: scale(1.4);}
.new_h_list .new_h_list_b a.new_h_t{ color:#1f1f1f; text-decoration:none; line-height:28px; font-size:14px; display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.new_h_list .new_h_list_b a.new_h_t:hover{ color:#ffa000;}
.div_newimg{ float:left; width:30%; height:200px; overflow:hidden; box-sizing: border-box; box-sizing: content-box;}
.div_newtitle{ float:right; width:65%;  text-align:left; padding-left:5px; padding-right:5px;  box-sizing: border-box; box-sizing: content-box;}
.div_newtitle .new_span_date{ line-height:25px; display:block; color:#525252; font-size:14px; font-weight:bold;}
.div_newtitle .new_span_ny{  box-sizing: border-box; box-sizing: content-box;  font-size:14px; line-height:22px; font-family:微软雅黑;  
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; /* 限制显示的行数为2 */overflow: hidden;  }
/*---首页新闻---*/ 



@media only screen and (max-width:1366px) and (min-width:750px){
.home_container{ margin: 0 auto; width:100%; overflow:hidden; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}

/*-------------左键右键产品列表-----------------*/
.product_look{ width:100%; margin:0 auto;}
.h_img_w { width: 99% ; height: 350px ; }
.h_img_h { height: 350px ; width: 99% ; }

.home_container_b{ margin: 0 auto; width:100%; overflow:hidden; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}
.home_container_c{ width:100%; margin:0 auto; background:#FFF; box-sizing: border-box;}

.product-item img {height:300px;}


/*--------热销产品--------------*/
.product-container_b{ width:100%; }
.product-item {width:23%; padding:10px ;}
.product-item img {width: 100%;height: 300px; margin-bottom:8px;}

/*首页新闻*/
.new_h_list{ width:49.4%;  padding-left:15px; padding-right:15px; margin-bottom:25px; }


}

@media (max-width:750px) {

/*头部logo*/
.home_container{ margin: 0 auto; width:100%; overflow:hidden; padding-left:3px; padding-right:3px; box-sizing: border-box;}	
.home_container_b{ margin: 0 auto; width:100%; overflow:hidden; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}
.home_container_c{ width:100%; margin:0 auto; background:#FFF; box-sizing: border-box;}

/*-------------左键右键产品列表-----------------*/
.product_look{ width:100%; margin:0 auto;}
.product-item { width: 100%;}
/* 移动端通常隐藏箭头，依靠手指滑动，或者你可以选择保留 */
.arrow-btn {display: none;}

.product-item img {height:250px;}

.h_img_w { width: 320px ; height: auto ; margin: 0 auto ; display: block; cursor:pointer;}
.h_img_h { height: 300px ; width: auto ; margin: 0 auto ; display: block; cursor:pointer; }


/*--------热销产品--------------*/
.product-container_b{ width:100%;}
.product-item {width:50%; padding:2px ;}
.product-item img {width: 100%;height:250px; margin-bottom:8px;}

	
/*------首页中间广告------*/
.huigu_b{width:100%; height:350px; text-align:center; background: url(/all_images/lab/bgi.jpg) no-repeat -100px center; box-sizing: border-box; 
box-sizing:content-box; overflow:hidden; }
.huigu .huigu_b .span_cn_hg{ font-size:20px; color:#FFF; text-align:center; display:block; margin-top:80px;text-shadow: gray 4px 4px 5px; -webkit-text-stroke:3px transparent;
 background:#535353 top left / 100% 100%; -webkit-background-clip: text; line-height:2;}

/*------首页中间广告------*/	
	
/*news-首页新闻列表*/
.container{ margin: 0 auto; width:100% !important; padding-left:3px !important;  padding-right:3px !important;}
.div_newimg{ float:left; width:100%; height:160px; overflow:hidden; box-sizing: border-box; box-sizing: content-box;}
.div_newtitle{ float:right; width:100%;  text-align:left; padding-left:5px; padding-right:5px;  box-sizing: border-box; box-sizing: content-box;}
.new_h_list{  box-sizing:border-box; width:50%; float:left;cursor:pointer;color:#333; overflow:hidden; padding-left:0px; padding-right:0px; margin-bottom:40px;  padding-left:5px; padding-right:5px; }
.new_h_list .new_h_list_b{ box-sizing: border-box; box-sizing: content-box; background:#f1f3f6; overflow:hidden; width:100%;overflow:hidden; padding:0px;}
.new_h_list .new_h_list_b a.new_h_t{ color:#1f1f1f; text-decoration:none; line-height:28px; font-size:14px; display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.new_h_list .new_h_list_b a.new_h_t:hover{ color:#ffa000;}
.div_newtitle{ float:right; width:95%;  text-align:left; padding-left:5px; padding-right:5px;  box-sizing: border-box; box-sizing: content-box;}
.div_newtitle .new_span_ny{  box-sizing: border-box; box-sizing: content-box;  font-size:14px; line-height:22px; font-family:微软雅黑;  
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示的行数为2 */overflow: hidden; margin-bottom:20px;  }
.div_newtitle .new_span_date{ line-height:22px; display:block; color:#525252; font-size:12px; font-weight:bold;}
/*news-首页新闻列表*/


/*------------首页---产品列表-------------------*/
/*首页产品展示列表---名字和产品页相同----尽量做得参数和命名一样统一*/

/*产品列表等距居中排列*/
.home_factory_item_box_a{width:49.7%;  display:inline-block ; float:left; box-sizing:border-box; padding:3px; overflow:hidden; margin-bottom:20px;}
/*产品列表边框和阴影*/
.home_factory_item_box_b{padding:0px; border: 1px solid #EEE; box-shadow: 0 5px 20px #f0f0f0; text-align: center; width: 100%; min-height:220px; overflow: hidden; box-sizing:border-box;}
/*产品图片垂直居中*/
.home_factory_item_box_b .imgcc {width:100vw; height:160px; display:table-cell; position:static; vertical-align:middle; text-align:center; padding:5px;  cursor:pointer; float:none; margin:0 auto; overflow:hidden;}
.home_factory_item_box_b .imgcc img{ height:160px; width:100%; }
/*产品标题*/
.home_factory_item_box_b .title_a{width:100%; height:35px;line-height:35px;text-align:center;font-size:16px !important;cursor:pointer; margin-top:5px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block; }
.home_factory_item_box_b a{ height:35px;line-height:35px;text-align:center;font-size:16px !important; color:#2B2B2B; text-decoration:none;}
.home_factory_item_box_b a:hover{  color:#0080C0; }
/*------------首页---产品列表--------------------*/
}