@charset "utf-8";
/* CSS Document */
.pro_11{ width:100%; float:left; overflow:hidden}
.pro_11 dl{ width:31.86%; float:left; overflow:hidden; margin-right:2.2%; box-sizing:border-box;margin-bottom:30px;}
.pro_11 dl:nth-child(3n){ margin-right:0}
.pro_11 dl ul{ width:100%; border:1px solid #ddd; padding:15px 15px 10px; float:left; overflow:hidden; border-bottom:none; box-sizing:border-box}
.pro_11 dl dd{ float:left; overflow:hidden; overflow:hidden; width:100%; margin-bottom:10px}
.pro_11 dl dd img{ width:100%; float:left; overflow:hidden}
.pro_11 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px;height:30px; }
.pro_11 dl dt a{ font-size:19px; color:#333; text-align:center; font-weight:bold}
.pro_11 dl h6{ width:100%; float:left; overflow:hidden; line-height:46px; color:#999; font-size:13px; font-weight:normal}
.pro_11 dl h6 span{ padding:5px 15px; border:1px solid #eee; margin-right:10px}
.pro_11 dl h6 span:last-child{ margin-right:0}
.pro_11 dl:hover dt a{ color:#da251c}

.h6_02{ border-bottom:none}

.pro_12{ width:100%; padding:15px; border:1px solid #ddd; box-sizing:border-box; float:left; overflow:hidden; display:flex; margin-bottom:30px}
.pro_12 img{ float:left; overflow:hidden; margin-right:15px}
.pro_12 dl{ flex:1; background:#da251c; box-sizing:border-box; padding:40px 50px 0; display:flex}
.pro_12 dl ul{ flex:1}
.pro_12 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; color:#fff; font-size:21px; margin-bottom:8px}
.pro_12 dl h6{ width:100%; float:left; overflow:hidden; line-height:46px; color:rgba(255,255,255,.8); font-size:13px; font-weight:normal; margin-bottom:40px}
.pro_12 dl h6 span{ padding:5px 15px; border:1px solid rgba(255,255,255,.8); margin-right:10px}
.pro_12 dl h6 span:last-child{ margin-right:0}
.pro_12 dl h4{ width:190px; height:40px; background:#fa0; float:left; overflow:hidden; text-align:center; line-height:40px; border-radius:20px; font-weight:normal; font-size:16px; color:#fff; margin-bottom:5px }
.pro_12 dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; color:rgba(255,255,255,.9); font-size:14px;}
.pro_12 dl h5{ width:130px; height:130px; background:#fff; line-height:40px; text-align:center; font-size:14px; color:#fff; font-weight:normal; margin-top:20px}


@media (max-width:767px){
.pro_11{ padding-bottom:10px}
.pro_11 dl{ width:100%; margin-right:0; margin-bottom:0px; margin-bottom:10px}
.pro_11 dl:last-child{ margin-bottom:5px}
.pro_11 dl ul{ padding:5px 10px 10px;}
.pro_11 dl h6{ line-height:36px;}
.pro_11 dl h6 span{ padding:5px 5px; border:1px solid #eee; margin-right:5px; font-size:11px}
.pro_11 dl dd{ margin-bottom:0}

.pro_12{ width:100%; padding:0; border:none; display:flex;flex-wrap:wrap ; margin-bottom:10px}
.pro_12 img:nth-of-type(1){ width:100%; padding:10px; border:1px solid #ddd; box-sizing:border-box; margin-right:0px; border-bottom:none}
.pro_12 dl{ width:100%;background:#da251c; box-sizing:border-box; padding:10px 10px 0; display:flex}

.pro_12 dl ul{display:flex; padding:15px 10px; box-sizing:border-box;flex:1;flex-wrap:wrap ;}
.pro_12 dl dt,.pro_12 dl h6{ display:none}
.pro_12 dl h5{ width:100px; height:100px;  line-height:30px;font-size:12px;margin-top:0px}
.pro_12 dl h5 img{ border:none}
.pro_12 dl h4{ width:170px; height:40px; line-height:40px; border-radius:20px;font-size:14px; }

}


@media (min-width:768px){


}