@media only screen and (max-width: 440px) {
#dh UL LI { font-size: 12px; }
#bottom .footer UL LI A { font-size: 12px; }
}
@media only screen and (max-width: 340px) {
#case { width: 100%; float: left; text-align: center; padding-top: 8px; }
#case ul { list-style-type: none; }
#case UL LI { width: 44%; float: left; text-align: center; overflow: hidden; border: #ddd solid 1px; padding: 2px; border-radius: 4px; text-align: center; background-color: #fff; margin: 2%; }
#case ul li img { max-width: 98%; height: 100px; margin: 0px; }
#case UL LI p { height: 22px; line-height: 22px; text-align: center; overflow: hidden; font-size: 12px; }
#case UL LI.c5 { display: none; }
#case UL LI.c6 { display: none; }
}
@media only screen and (min-width: 341px) and (max-width: 440px) {
#case { width: 100%; float: left; text-align: center; padding-top: 8px; }
#case ul { list-style-type: none; }
#case UL LI { width: 44%; float: left; text-align: center; border: #ddd solid 1px; padding: 2px; border-radius: 4px; text-align: center; background-color: #fff; margin: 2%; overflow: hidden; }
#case ul li img { max-width: 98%; height: 112px; margin-top: 5px; background-color: #fff; }
case UL LI p { height: 22px; line-height: 22px; text-align: center; overflow: hidden; font-size: 12px; }
#case UL LI.c5 { display: none; }
#case UL LI.c6 { display: none; }
}
@media only screen and (min-width: 441px) and (max-width: 540px) {
#case { width: 100%; float: left; text-align: center; padding-top: 8px; }
#case ul { list-style-type: none; }
#case UL LI { width: 29%; float: left; text-align: center; margin: 1%; overflow: hidden; border: #ddd solid 1px; padding: 2px; border-radius: 4px; text-align: center; background-color: #fff; }
#case ul li img { max-width: 95%; height: 126px; margin-top: 5px; }
case UL LI p { height: 22px; line-height: 22px; text-align: center; overflow: hidden; font-size: 12px; }
}
@media only screen and (max-width: 400px) {
#pro UL LI { width: 45%; float: left; text-align: center; margin: 2%; overflow: hidden; border-radius: 5px; background-color: #fff; border: #ddd solid 1px; }
#pro ul li img { max-width: 96%; height: 110px; margin-top: 4px; }
#pro UL LI p { height: 25px; line-height: 25px; text-align: center; overflow: hidden; font-size: 12px; }
}
@media only screen and (min-width: 401px) and (max-width: 519px) {
#pro UL LI { width: 45%; float: left; text-align: center; margin: 2%; overflow: hidden; border-radius: 5px; background-color: #fff; border: #ddd solid 1px; }
#pro ul li img { max-width: 98%; height: 130px; margin-top: 4px; }
#pro UL LI p { height: 25px; line-height: 25px; text-align: center; overflow: hidden; font-size: 12px; }
}
@media only screen and (min-width: 520px) and (max-width:600px) {
#pro UL LI { width: 45%; float: left; text-align: center; margin: 1%; overflow: hidden; border-radius: 4px; background-color: #fff; border: #ddd solid 1px; }
#pro ul li img { max-width: 98%; height: 115px; margin-top: 5px; }
}
@media only screen and (max-width: 740px) {
#tplist .swiper-slide img { height: 32vw; }
}