
/**关于我们**/

/**
方案二：使用无单位数值（更稳健）
.about_con2 .ab_con {
    /* 行高将是字体大小的 1.5 倍 */
    /* 如果 font-size 是 14px，行高就是 21px */
    /* 如果 font-size 是 20px，行高就是 30px */
    /*line-height: 1.5; 
	
	如果你希望行高随字体大小自动调整（响应式友好），建议使用无单位数字。
}
**/

.case_position{ font-size:16px !important; line-height:2.2 !important; margin-left:20px; float:left; display:inline-block;}/*页面位置*/
.case_pilot{ font-size:16px !important; line-height:2.5; display:inline-block;}/*页面导航*/
.case_pilot a{font-size:16px !important; line-height:2.5;  display:inline-block;}
.case_pilot a:hover{ color:#0168b7 !important;}
.case_pilot span{ font-size:16px !important; line-height:2.5; display:inline-block;}

/**案例列表页**/

/**大框架**/

.subcase_bigcon{ width:80%; margin:0 auto;}
.subcase_bigcon_b{ width:100%; float:left; overflow:hidden;  min-height:500px; background:#fff; border:1px solid #F3F3F3;box-shadow: 0 5px 20px #efefef; margin-left:0px; margin-top:0px;}

.subcase_list{ margin: 0 auto; width:100%; padding-left: 15px;padding-right: 15px; box-sizing: border-box;}


/*--产品列表-左侧类别--left_pro.php--*/
.subcase_list .case_l_l{width:20%; min-height:500px; float:left; box-sizing: border-box; background:#EBEBEB; margin-top:50px; }
.subcase_list .case_l_l .txta{width:100%; height:55px; line-height:55px; font-size:18px; background:#44A2FF; color:#FAFAFA; text-indent:20px;}
.subcase_list .case_l_l .txtb{width:100%; min-height:300px; overflow:hidden; padding-top:15px;}
.subcase_list .case_l_l .big_lb{ width:100%; line-height:30px; box-sizing: border-box; padding-left:10px;}
.subcase_list .case_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;}
.subcase_list .case_l_l .big_lb a.biga:hover{ color:#0080FF; }
.subcase_list .case_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;}
.subcase_list .case_l_l .big_lb a.biga_1:hover{ color:#0080FF; }

.subcase_list .case_l_l .big_lb a.big_b{ width:100%; height:30px; line-height:30px; font-size:13px; display:block; text-indent:15px;}
.subcase_list .case_l_l .big_lb a.big_b:hover{ color:#0080FF; }
.subcase_list .case_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;}
.subcase_list .case_l_l .big_lb a.big_b_1:hover{ color:#0080FF; }



/*--产品列表-右侧--*/
.subcase_list .case_l_r{width:100%; min-height:500px; float:left; overflow:hidden; box-sizing: border-box;}
.subcase_list .case_l_r .imab:hover{transition: all 0.5s ease; transition: all 0.1s; transform: scale(1.4);}

.subcase_list .case_l_r .case_con{margin:40px 0; min-height:500px; overflow:hidden;}
.subcase_list .case_l_r .case_con .case_listb{width:24.9%; overflow:hidden; float:left; visibility: visible; padding: 0 18px;}/*width:24.9%;  四个  width:33.3%; 三个 */
.subcase_list .case_l_r .case_con .case_listb .case_item{ width:100%; padding: 0 18px; border: 1px solid #F3F3F3; box-shadow: 0 5px 20px #efefef;text-align: center; height: 320px; margin-bottom: 50px; }
.subcase_list .case_l_r .case_con .case_listb .case_item .img{width: 100%;overflow: hidden; margin-top:20px;}
.subcase_list .case_l_r .case_con .case_listb .case_item .img img{width: 100%; height:230px;}
.subcase_list .case_l_r .case_con .case_listb .case_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;}
.subcase_list .case_l_r .case_con .case_listb .case_item:hover .test{  background: #0084c4;color: #fff;}

/**上页下页**/
.subcase_list .case_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){
.subcase_bigcon{ width:100%; margin:0 auto;}

	
}

@media (max-width: 1200px) {
	
}


@media (max-width: 767px) {
	
.subcase_bigcon{ width:100%; margin:0 auto;}
.subcase_list{ margin: 0 auto; width:100%; padding-left:5px;padding-right:5px;}

.subcase_list .case_l_r .case_con .case_listb{width:49.9%; overflow:hidden; float:left; visibility: visible; padding: 0 3px;}/*width:24.9%;  四个  width:33.3%; 三个 */
.subcase_list .case_l_r .case_con .case_listb .case_item{ width:100%; padding: 0 5px; border: 1px solid #F3F3F3; box-shadow: 0 5px 20px #efefef;text-align: center; height: 225px; margin-bottom: 20px; }
.subcase_list .case_l_r .case_con .case_listb .case_item .img{width: 100%;overflow: hidden; margin-top:10px;}
.subcase_list .case_l_r .case_con .case_listb .case_item .img img{width: 100%; height:160px;}
.subcase_list .case_l_r .case_con .case_listb .case_item .test{ padding:0px; background: #fff; text-align: center;font-size: 16px;color: #333; margin:0px;;min-height:50px;line-height: 50px;}
.subcase_list .case_l_r .case_con .case_listb .case_item:hover .test{  background: #0084c4;color: #fff;}


}







