/*--------------首页内容--------------------*/
/*公共的*/
.home_pro{ padding:10px 0;}
.home_pro_ti{ padding: 2% 0; position: relative; text-align:center;}
.home_pro_ti h3{ font-size: 26px; color: #0060cc; font-weight: normal;position: relative; padding-bottom: 5px; margin-bottom: 5px; text-align:center;}
.home_pro_ti span{ color: #9e9e9e; text-transform: uppercase; font-size: 12px;letter-spacing:3px; text-align:center;}
.home_pro_ti h3:before{position: absolute; content: ''; width: 50px; height: 1px; background-color: #9e9e9e; left:48.2%; bottom: -2px;}
.home_pro_ti a{ display: block; position: absolute; right: 0; top:50%; width: 38px; height: 18px; background:url(../images/case_ico.png) no-repeat center;}
/*公共的*/


/*-----------首页----新品推荐列表-------------------*/
/*首页产品展示列表---名字和产品页相同----尽量做得参数和命名一样统一*/

/*产品列表等距居中排列*/
.home_product_item_box_a{width:22%;  display:inline-block ; float:none ; box-sizing:border-box; padding:10px; overflow:hidden; margin-bottom:20px;}
/*产品列表边框和阴影*/
.home_product_item_box_b{padding:0px 0px; border: 1px solid #EEE;box-shadow: 0 5px 20px #f0f0f0; text-align: center; width: 100%; min-height: 320px; display: overflow: hidden; padding-bottom:10px; }
/*产品图片垂直居中*/
.home_product_item_box_b .imgcc {width:100vw; height:315px; display:table-cell; position:static; vertical-align:middle; text-align:center; padding:5px;  cursor:pointer; float:none; margin:0 auto; overflow:hidden;}
/*产品标题*/
.home_product_item_box_b .title_a{width:100%; height:40px;line-height:40px;text-align:center;font-size:16px; cursor:pointer; margin-top:15px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:block; }
.home_product_item_box_b a{ height:40px;line-height:40px;text-align:center;font-size:16px !important; color:#2B2B2B; text-decoration:none;}
.home_product_item_box_b a:hover{  color:#0080C0; }

/*-----------首页----新品推荐列表--------------------*/


/*------------首页---工厂实力列表-------------------*/
/*首页产品展示列表---名字和产品页相同----尽量做得参数和命名一样统一*/
/*产品列表等距居中排列*/
.home_factory_item_box_a{width:22%;  display:inline-block ; float:none ; box-sizing:border-box; padding:10px; overflow:hidden; margin-bottom:20px;}
/*产品列表边框和阴影*/
.home_factory_item_box_b{padding:10px; 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 .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; }
/*------------首页---工厂实力列表--------------------*/



/*-----------首页----关于我们-------------------*/
.home_about{background:#44555f; margin:0 auto; margin-top:40px; overflow:hidden; width:100%; padding-top:80px; padding-bottom:80px; }
.home_about .about_con{ box-sizing:border-box;  }
.home_about .about_left{ width:50%; float:left; text-align:center;}
.home_about .about_left img{ width:90%;}
.home_about .about_right{ width:50%; float:right; text-align:center; box-sizing:border-box; padding-left:20px; }
.home_about .about_title { height: 100px; position: relative; text-align:left;}
.home_about .about_title span { position: absolute; font-size: 100px; color: rgba(155,155,215,0.08); top: -20px; line-height: 100px; font-weight: bold; z-index: 1;}
.home_about .about_title h1 {font-size: 36px;color:#fff;line-height: 100px; position: relative; z-index: 2;}
.home_about .about_con_ny{color: rgb(255, 255, 255); font-size: 14px; font-family: 微软雅黑 ; line-height:26px ; visibility: visible; text-align:left;}
/*------------首页---关于我们-------------------*/


/*------------首页---新闻中心--------------------*/
.home_new{ width: 100%; background: #f2f2f2; margin-top: 2%;}
.home_nbox{ width:100%; margin:0 auto; overflow:hidden; min-height:300px;}
.home_nbox .home_news_list{float:left; list-style: none; position: relative; width:50%; margin:0 auto; box-sizing: border-box; overflow:hidden; padding-left:50px; padding-right:50px; padding-bottom:50px;}
.home_nbox .home_news_list_2{ width:100%; margin:0 auto; overflow:hidden;}
.home_nbox .home_news_list_2 dl{ overflow:hidden; clear:both; padding-bottom:25px; float:left;}
.home_nbox .home_news_list_2 dl:last-child{ margin-bottom:0; border-bottom:0;}
.home_nbox .home_news_list_2 dt{ float:left; width:33%;}
.home_nbox .home_news_list_2 dt img{ width:100%; }
.home_nbox .home_news_list_2 dd{ float:right; width:65%; overflow:hidden; text-align:left; }
.home_nbox .home_news_list_2 dd a.dot{ font-size:16px; color:#000; text-decoration:none;}
.home_nbox .home_news_list_2 dd a.dot:hover{ color:#51A8FF; text-decoration:none; }
.home_nbox .home_news_list_2 dd p{ line-height:22px; margin-bottom:0; overflow:hidden; height:124px; color:#888; font-size:12px; display:block; margin-top:10px;}
/*更多*/
.home_new a.more_n{ color: #666; border: solid 1px #b9b9b9; border-radius: 15px; display: block; width: 70px; height: 28px; text-align: center; line-height: 28px; margin-top: 10px;}
.home_new a.more_n:hover{ color:#FFF; background:#6D6D6D;}
/*------------首页---新闻中心--------------------*/


/*------------首页---类别推荐--------------------*/
.home_pro dd{float:left; width:16.9%; margin-right: 7px; overflow:hidden; position:relative; transition:all ease-in-out 0.1s; box-sizing:border-box;}/*过渡的属性--transition:all ease-in 1s;(all表示该元素css中所有属性，ease-in过渡效果，1s过渡的时间)*/
.home_pro dd:last-child{ margin-right: 0;}
.home_pro dd.active{ width:30%; overflow:hidden; box-sizing:border-box;}
.home_pro dd .pic{ display:block; height:343px; background-repeat:no-repeat; background-position:center top;background-size:cover; transition:all ease-out 0.6s; border:1px solid #e5e2e2;
/*background-image: url('path-to-your-image.jpg');*/
  background-size: cover; /* 或者使用 contain */
  background-position: center; /* 确保图片居中 */
  background-repeat: no-repeat; /* 防止图片重复 */
  width: 99.6%; /* 确保div的宽度是自适应的 */
  /*height: 300px;*/ /* 设置一个固定高度或者百分比高度 */
  

}

.home_pro dd .txt,
.home_pro dd .name{ position:absolute;}
.home_pro dd .txt{ left:0; bottom:0; background:url(../images/al_bg.png); z-index:2; padding:2%;  padding-left:19%;width:100%; font-size:12px;line-height:27px; transform:translateY(100%);transition:all ease 0.3s;}
.home_pro dd .txt p{ margin:0; color: #fff;}
.home_pro dd.active .txt{ transform:translateY(0);transition:all ease-in-out 0.5s 0.3s;}
.home_pro dd .name{ left:0; bottom:0;height:100%;z-index:3; width:100%; text-shadow:0 0 2px rgba(0,0,0,0.5);}
.home_pro dd .name ol{ position:absolute; left:0; bottom:0; padding:12% 0  12% 0; width:100%; color:#fff;
 text-align:center; background:url(../lab/al_bg.png); background-size:90% auto; transition:all ease-in-out 0 0.5s;}
.home_pro dd .name ol em{ display: none;}
.home_pro dd.active .name ol em{ display:inline-block; font-size:50px; border-bottom:3px solid #fff; margin-bottom:10px; box-shadow:0 1px 0 rgba(0,0,0,0.2);}
.home_pro dd .name ol a{ display:block; font-size:16px; color:#fff;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;  }
.home_pro dd.active .name{width:17%;text-shadow:none;}
.home_pro dd.active .name ol{background:#0060cc; top:auto;bottom:0;transition:all ease-in-out 0.5s 0.5s;}
.home_pro dd.active .name ol em{ box-shadow:none; font-style: normal;}
/*------------首页---类别推荐--------------------*/


/*--------------首页内容--------------------*/