




.ty-ul{ padding-top:0px;}
.ty-ul dd{ max-width:350px; width:23%;background:#fff;height: auto;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; margin:0 1%;display:inline-block;*display:inline;*zoom:1;vertical-align:text-top; position:relative; float:left;}
.ty-ul dd a{ display:block;  }
.ty-ul dd a:hover{box-shadow: 0 0 10px 1px #aaa;}
.ty-ul dd img{ max-width:100%; padding:2%; }



.pro_list_li{overflow:hidden;height:350px;padding:0; text-align:center;  width:350px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.pro_list_li_span{height:350px; display:inline-block; vertical-align:middle; }
.pro_list_li img{ max-width:100%; max-height:100%;}



.ty-ul dd p{ float:none;height:40px;line-height:40px;text-align:center;overflow:hidden; font-size:15px; border-top:1px solid #ddd; width:90%; margin:10px 5%;}
.ty-ul dd a:hover p{color:#666;}

.childico{ position:absolute; right:0px; bottom:0px;}
.childInfo{ padding-left:15px; padding-bottom:40px; font-size:14px;}

.ty-ul dd a:hover,.ty-ul dd ,a:active{ color:#666;}

.pro_line{ display:none;}


.proshow_list_li{overflow:hidden;height:600px;padding:15px; text-align:center;  width:600px;}
.proshow_list_li_span{height:600px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}







@media (max-width: 639px) {


.ty-ul{ padding-top:0px; padding-bottom:2%; }
.ty-ul dd{ float:left; width:47%; margin:1% 1%;height:auto !important; }
.ty-ul dd a{float:left;width:96%;margin:2% 0%;background:#fff;height:auto !important;  }
.ty-ul dd a:hover{box-shadow:none;}
.pro_list_li{overflow:hidden;height:150px;padding:5%; text-align:center;  width:90%;}
.pro_list_li_span{height:150px; display:inline-block; vertical-align:middle; }
.ty-ul dd p{ font-size:12px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:90%;  margin:1% 5% 3% 5%; }
.childico{ font-size:12px; padding:0px; }




.pro_line{ display: block; width:100%; height:30px;}

.proshow_list_li{overflow:hidden;height:300px;padding:5px; text-align:center; margin:0 auto;  width:300px;}
.proshow_list_li_span{height:300px; display:inline-block; vertical-align:middle; }
.proshow_list_li img{ max-width:100%; max-height:100%;}



}

@media (min-width: 640px) and (max-width:1023px ) {


.ty-ul{ padding-top:0px; padding-bottom:2%; }
.ty-ul dd{ float:left; width:47%; margin:1% 1%;height:auto !important; }
.ty-ul dd a{float:left;width:96%;margin:2% 0%;background:#fff;height:auto !important;  }
.ty-ul dd a:hover{box-shadow:none;}
.pro_list_li{overflow:hidden;height:150px;padding:5%; text-align:center;  width:90%;}
.pro_list_li_span{height:150px; display:inline-block; vertical-align:middle; }
.ty-ul dd p{ font-size:12px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; width:90%;  margin:1% 5% 3% 5%; }
.childico{ font-size:12px; padding:0px; }



}




@media (min-width: 1024px) and (max-width:1439px ) {







.ty-ul dd{ max-width:300px;}
.ty-ul dd a{height:400px; display:block;  }

.pro_list_li{overflow:hidden;height:220px; width:270px;}
.pro_list_li_span{height:220px; display:inline-block; vertical-align:middle; }

.ty-ul dd p{}



}



@media (min-width: 1440px) and (max-width:1920px ) {

}
