.ban_pro{ background:url(../images/ban_pro.jpg) no-repeat center top;   }
.ban span{  font-size:30px; height:300px; line-height:300px; color:#fff; padding-left:30px;}

.product .pro_cate{ width:20%; float:left;}
.product .pro_list{ width:77%; float:right; }
.product .pro_cate h3{ height:65px; line-height:65px; background:#0460b3; text-align:center; color:#fff; margin:0;}
.product .pro_cate ul li{ border:1px solid #ddd; border-top:0; }
.product .pro_cate ul li a{ font-size:16px; color:#333; height:45px; line-height:45px; padding-left:10%; display:block; width:100%; }
.product .pro_list .proli{ width:33.3%; float:left; padding:0 1%;  }
.product .pro_list img{ width:100%; }
.product .pro_list h4{ font-size:16px; text-align:center; padding-top:8px; padding-bottom:12px; }
.product .pro_detail{ width:77%; float:right; }


@media (max-width:950px) {
.product .pro_cate{ width:30%; float:left;}
.product .pro_list{ width:67%; float:right; }
.product .pro_list .proli{ width:50%; float:left; padding:0 1%; }
.product .pro_detail{ width:67%; float:right; }
.picarr .preview{width:100%; }

}

@media (max-width:767px) {
.ban_pro{ background-size:100%; background:url(../images/ban_pro.jpg) no-repeat center top;   }
.ban span{ width:100%;  font-size:25px; height:150px; line-height:150px; color:#fff; text-align:center; display:block;    padding-left: 0; }
.product .pro_cate { padding:0 15px;}
.product .pro_cate h3{ display:none;}
.product .pro_cate ul li{ border:0;   padding:0 10px; float:left;   }
.product .pro_cate ul li a{ font-size:14px; color:#333; height:30px; line-height:30px; padding-left:0; }
.product .pro_cate { width:100%;}
.product .pro_cate ul { border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:10px 0;}
.product .pro_list{ width:100%; margin-top:30px;}
.product .pro_list h4{ font-size:14px; text-align:center; padding-top:8px; padding-bottom:12px; }

.product .pro_detail{ width:100%; padding:0 15px;}
.listConts .info{ width:100%; }
}

.product{ padding-bottom:100px;}
.footer{ margin-top:0;}