.plwrap{width:100%;background-color:#fff;min-width:1024px}
@media only all and (max-width:1024px){.plwrap{min-width:0;overflow:hidden}
}
.plwrap .plistContent{padding-top:120px;min-width:1024px}
@media only all and (max-width:1024px){.plwrap .plistContent{min-width:0}
}
.plwrap .plistContent .pc{text-align:center}
.plwrap .plistContent .plTitle1{font-size:50px;color:#4B4B4B}
.plwrap .plistContent .plTitle4{margin-bottom:10px;color:#4B4B4B;text-transform:Uppercase}
@media only all and (max-width:768px){.plwrap .plistContent .plTitle4 img{width:250px}
}
@media only all and (max-width:640px){.plwrap .plistContent .plTitle4{display:none}
}
.plwrap .plistContent .plTitle4Caselit img{width:auto}
.plwrap .plistContent .plTitle6{font-size:22px;color:#666}
@media only all and (max-width:640px){.plwrap .plistContent .plTitle6{font-size:26px}
}
.plwrap .plistContent .plslogan{color:#4B4B4B;font-size:20px;margin-top:30px;margin-bottom:10px}
@media only all and (max-width:1024px){.plwrap .plistContent .plslogan{font-size:18px}
}
@media only all and (max-width:768px){.plwrap .plistContent .plslogan{font-size:16px;width:90%;font-size:16px;margin:0 auto;margin-top:30px;margin-bottom:10px}
}
@media only all and (max-width:320px){.plwrap .plistContent .plslogan{font-size:12px;width:200px;margin:0 auto;padding-top:14px}
}
.plwrap .plistContent #casecon{width:1191px;margin:0 auto;padding-top:30px}
@media only all and (max-width:1280px){.plwrap .plistContent #casecon{width:100%;padding-top:0}
}
@media only all and (max-width:320px){.plwrap .plistContent #casecon{padding-top:0}
}
.plwrap .plistContent #casecon .casenav{font-size:15px;color:#b0b0b0;margin:0 auto;width:400px;height:24px}
.plwrap .plistContent #casecon .casenav a{color:#222}
.plwrap .plistContent #casecon .casenav a.selected,.plwrap .plistContent #casecon .casenav a:hover{color:#087bd0;border-bottom:1px solid #087bd0}
.plwrap .plistContent #casecon .casenav li{float:left;padding:0 20px 0 20px;height:22px;border-right:1px solid #b0b0b0}
.plwrap .plistContent #casecon .casenav li.selected a{color:#087bd0;}
.plwrap .plistContent #casecon .casenav span{color:#b0b0b0;display:block;float:left}
@media only all and (max-width:1024px){.plwrap .plistContent #casecon .casenav{display:none}
}
.plwrap .plistContent #casecon .caselist{width:100%;margin:0 auto;overflow:hidden;margin-bottom:25px}
@media only all and (max-width:1440px){.plwrap .plistContent #casecon .caselist{width:100%}
}
@media only all and (max-width:1280px){.plwrap .plistContent #casecon .caselist{margin-top:20px;width:62%}
}
@media only all and (max-width:1024px){.plwrap .plistContent #casecon .caselist{width:80%}
}
@media only all and (max-width:768px){.plwrap .plistContent #casecon .caselist{width:90%}
}
@media only all and (max-width:640px){.plwrap .plistContent #casecon .caselist{width:80%}
}
.plwrap .plistContent #casecon .caselist .case_li{background-color:#fff;margin:0 11px 0 11px;width:375px;height:255px;float:left;margin-top:36px;position:relative}
@media only all and (max-width:1280px){.plwrap .plistContent #casecon .caselist .case_li{margin:10px 2%;width:46%;height:auto}
}
@media only all and (max-width:1024px){.plwrap .plistContent #casecon .caselist .case_li{margin:35px 2.6% 0 2.6%;width:44.8%;height:auto}
}
@media only all and (max-width:768px){.plwrap .plistContent #casecon .caselist .case_li{margin:35px 2.6% 0 2.6%;width:44%;min-width:245px}
}
@media only all and (max-width:640px){.plwrap .plistContent #casecon .caselist .case_li{width:95%}
}
@media only all and (max-width:320px){.plwrap .plistContent #casecon .caselist .case_li{width:100%;margin:20px 0 0 0}
}
.plwrap .plistContent #casecon .caselist .case_li img{width:100%}
.plwrap .plistContent #casecon .caselist .case_li img{-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;transition:all .6s}
@media only all and (max-width:1024px){.plwrap .plistContent #casecon .caselist .case_li img{transition:none}
}
.plwrap .plistContent #casecon .caselist .case_li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
@media only all and (max-width:1024px){.plwrap .plistContent #casecon .caselist .case_li:hover img{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;transition:none}
}
.plwrap .plistContent #casecon .caselist .case_li .blackbg{background-color:#000;width:375px;height:255px;display:block;overflow:hidden}
@media only all and (max-width:1440px){.plwrap .plistContent #casecon .caselist .case_li .blackbg{width:100%;height:auto}
}
.plwrap .plistContent #casecon .caselist .case_li .blackbg img{position:relative}
.plwrap .plistContent #casecon .caselist .case_txt{display:none;padding:20px 0;position:absolute;left:-1px;bottom:-1px;width:100.6%;background-color:#f3f3f3}
@media only all and (max-width:1024px){.plwrap .plistContent #casecon .caselist .case_txt{display:none!important;width:100%;padding-left:0}
.plwrap .plistContent #casecon .caselist .case_txt p,.plwrap .plistContent #casecon .caselist .case_txt span{padding-left:10px}
}
.plwrap .plistContent #casecon .caselist .case_li p{text-align:left;padding:0 20px;font-size:16px;color:#087bd0}
.plwrap .plistContent #casecon .caselist .case_li span{width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#767676;display:block;padding-left:20px}
.plwrap .plistContent #casecon p .case_moreline{color:#fff;font-size:16px;background-color:#c2c2c2;width:1000px;margin:0 auto;text-align:center;height:40px;line-height:40px;margin-bottom:80px;margin-top:80px;display:block}
@media only all and (max-width:1280px){.plwrap .plistContent #casecon p .case_moreline{width:60%}
}
@media only all and (max-width:1024px){.plwrap .plistContent #casecon p .case_moreline{width:75%;margin-bottom:50px}
}
@media only all and (max-width:768px){.plwrap .plistContent #casecon p .case_moreline{width:300px;margin-bottom:60px}
}
@media only all and (max-width:320px){.plwrap .plistContent #casecon p .case_moreline{width:230px;margin-bottom:60px;font-size:13px}
}
.plwrap .plistContent #casecon p .case_moreline:hover{background-color:#989898}
