.plwrap{width:100%;background-color:#fff;min-width:1024px}@media only all and (max-width:1024px){.plwrap{min-width:0;overflow:hidden;*zoom:1}}.plwrap .plistContent{padding-top:120px;min-width:1024px;*padding-top:100px}@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:hover,.plwrap .plistContent #casecon .casenav a.selected{color:#e83828;padding-bottom:1px;border-bottom:1px solid #e83828}.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:#e83828;padding-bottom:1px;border-bottom:1px solid #e83828}.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;_margin:0 9px 0 9px;width:375px;height:255px;_height:250px;float:left;margin-top:36px;position:relative}@media only all and (max-width:1280px){.plwrap .plistContent #casecon .caselist .case_li{margin:10px 2%;_margin:10px 8px 10px 8px;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:#e83828}.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}