
/**关于我们**/

/**
方案二：使用无单位数值（更稳健）
.about_con2 .ab_con {
    /* 行高将是字体大小的 1.5 倍 */
    /* 如果 font-size 是 14px，行高就是 21px */
    /* 如果 font-size 是 20px，行高就是 30px */
    /*line-height: 1.5; 
	
	如果你希望行高随字体大小自动调整（响应式友好），建议使用无单位数字。
}
**/


/**所有页面-大标题位置-共用**/
.public_title_big{font-size: 40px; color: #333; width:100%; min-height:50px; overflow:hidden; text-align:center; line-height:1.3; margin-bottom:30px;}
.public_title_big  h5{display: block; font-size: 0.83em; margin-block-start:0.5em; margin-block-end: 0em; margin-inline-start: 0px;margin-inline-end: 0px; font-weight: bold;}
.public_title_big  i{display: block; width: 60px;  height: 4px; background: #045acf; margin: 0 auto; margin-top: 10px;}

/**所有页面-子页首页位置导航-----公共-----**/
.sub_position_dh{padding:10px 0; font-size: 16px;color:#3F3F3F; line-height:1.5; border-bottom: 1px solid #eee;  padding-left:8px; box-sizing: border-box; margin-top:20px;}
.sub_position_dh a{padding: 0 5px;font-size: 16px;color:#3F3F3F; line-height:1.5;}
.sub_position_dh a:hover{color:#0168b7 !important;}
/**所有页面-子页首页位置导航-----公共-----**/



/**产品-公共类别导航---与产品详情的公共类别-共用**/
.public_dh{ width:100%;}
.public_dh .pro_lm_dh{ width:100%; min-height:60px; overflow:hidden; font-size:16px; line-height:1.5; text-align:center; }
.public_dh .pro_lm_dh a.pdh_a{ display:inline-block; width:160px; line-height:2.5; font-size:16px; border: 1px #ddd solid; border-radius:20px; background:#f5f5f5; text-align:center;
 margin:10px 10px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.public_dh .pro_lm_dh a.pdh_a:hover{ background:#0084c4; color:#FFF !important;}
.public_dh .pro_lm_dh a.pdh_b{ display:inline-block; width:160px; line-height:2.5; font-size:16px; border: 1px #ddd solid; border-radius:20px; background: #0084c4;  color:#FFF; text-align:center; 
margin:10px 10px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.public_dh .pro_lm_dh a.pdh_b:hover{background:#0084c4; color:#FFF !important;}
/**产品-公共类别导航---与产品详情的公共类别-共用**/


/**产品列表页**/

.subpro_list{ margin: 0 auto; width: 85%; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}


/*--产品列表-左侧类别--left_pro.php--*/
.subpro_list .pro_l_l{width:20%; min-height:500px; float:left; box-sizing: border-box; background:#EBEBEB; margin-top:50px; }
.subpro_list .pro_l_l .txta{width:100%; height:55px; line-height:55px; font-size:18px; background:#44A2FF; color:#FAFAFA; text-indent:20px;}
.subpro_list .pro_l_l .txtb{width:100%; min-height:300px; overflow:hidden; padding-top:15px;}
.subpro_list .pro_l_l .big_lb{ width:100%; line-height:30px; box-sizing: border-box; padding-left:10px;}
.subpro_list .pro_l_l .big_lb a.biga{ width:100%; height:30px; line-height:30px; font-size:15px; display:block; font-weight:bold; background:url(../lab/pro_laba.png) no-repeat 5px 10px; text-indent:17px;}
.subpro_list .pro_l_l .big_lb a.biga:hover{ color:#0080FF; }
.subpro_list .pro_l_l .big_lb a.biga_1{ width:100%; height:30px; line-height:30px; font-size:15px; display:block; font-weight:bold; background:url(../lab/pro_labb.png) no-repeat 5px 10px; text-indent:17px; color:#0080FF;}
.subpro_list .pro_l_l .big_lb a.biga_1:hover{ color:#0080FF; }

.subpro_list .pro_l_l .big_lb a.big_b{ width:100%; height:30px; line-height:30px; font-size:13px; display:block; text-indent:15px;}
.subpro_list .pro_l_l .big_lb a.big_b:hover{ color:#0080FF; }
.subpro_list .pro_l_l .big_lb a.big_b_1{ width:100%; height:30px; line-height:30px; font-size:13px; display:block; text-indent:15px;color:#0080FF;}
.subpro_list .pro_l_l .big_lb a.big_b_1:hover{ color:#0080FF; }



/*--产品列表-右侧--*/
.subpro_list .pro_l_r{width:100%; min-height:500px; float:left; overflow:hidden; box-sizing: border-box;}
.subpro_list .pro_l_r .imab:hover{transition: all 0.5s ease; transition: all 0.1s; transform: scale(1.4);}

.subpro_list .pro_l_r .pro_con{margin:40px 0; min-height:500px; overflow:hidden;}
.subpro_list .pro_l_r .pro_con .pro_listb{width:24.9%; overflow:hidden; float:left; visibility: visible; padding: 0 18px;}/*width:24.9%;  四个  width:33.3%; 三个 */
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item{ width:100%; padding: 0 18px; border: 1px solid #F3F3F3; box-shadow: 0 5px 20px #efefef;text-align: center; height: 320px; margin-bottom: 50px; }
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item .img{width: 100%;overflow: hidden; margin-top:20px;}
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item .img img{width: 100%; height:230px;}
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item .test{  padding:15px; background: #fff; text-align: center;font-size: 16px;color: #333; margin:0 0 20px 0;min-height:65px;line-height: 25px;}
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item:hover .test{  background: #0084c4;color: #fff;}

/**上页下页**/
.subpro_list .pro_l_r .pro_con .page{ width:100%; clear:both; min-height:40px; overflow:hidden;}
/*----产品页新增代码----*/



@media only screen and (max-width:1366px) and (min-width:750px){
	
.subpro_list{ margin: 0 auto; width:100%; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}	
	
}


@media (max-width: 1200px) {
	
}


@media (max-width: 767px) {

.subpro_list{ margin: 0 auto; width:100%; padding-left:5px;padding-right:5px;}

/**公共类别导航---与产品详情共用**/
.public_dh .pro_lm_dh{ width:100%; min-height:60px; overflow:hidden; font-size:16px; line-height:1.5; text-align:center; }
.public_dh .pro_lm_dh a.pdh_a{ display:inline-block; width:42%; line-height:2.5; font-size:14px; border: 1px #ddd solid; border-radius:20px; background:#f5f5f5; text-align:center; 
margin:5px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.public_dh .pro_lm_dh a.pdh_a:hover{ background:#0084c4; color:#FFF !important;}
.public_dh .pro_lm_dh a.pdh_b{ display:inline-block; width:42%; line-height:2.5; font-size:14px; border: 1px #ddd solid; border-radius:20px; background: #0084c4;  color:#FFF; text-align:center; 
margin:5px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/**公共类别导航---与产品详情共用**/

.subpro_list .pro_l_r .pro_con .pro_listb{width:49.9%; overflow:hidden; float:left; visibility: visible; padding: 0 3px;}/*width:24.9%;  四个  width:33.3%; 三个 */
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item{ width:100%; padding: 0 5px; border: 1px solid #F3F3F3; box-shadow: 0 5px 20px #efefef;text-align: center; height: 225px; margin-bottom: 20px; }
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item .img{width: 100%;overflow: hidden; margin-top:10px;}
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item .img img{width: 100%; height:160px;}
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item .test{ padding:0px; background: #fff; text-align: center;font-size: 16px;color: #333; margin:0px;;min-height:50px;line-height: 50px;}
.subpro_list .pro_l_r .pro_con .pro_listb .pro_item:hover .test{  background: #0084c4;color: #fff;}


}



