@media screen and (max-width: 1000px) {
.zmpplists { width:100%;}
.zmpplists .titleline { height:30px; line-height:30px;}
.zmpplists .titleline label { font-size:18px; font-weight:bold;}
.zmpplists .titleline ins { font-size:16px; text-align:center; text-decoration:none; display:block;}
.zmpplists .titleline .catslist { float:right; height:30px; line-height:33px;}
.zmpplists .titleline .catslist a { margin-right:10px;}
.zmpplists .titleline .catslist a.cur { color:#c81623; font-weight:bold;}
.zmpplists .titleline .catslist a:last-child{ margin-right:0;}

.zmpplists .list { margin-top:12px;}
.zmpplists .list .box {margin-bottom:12px; background-color:#d31518; width:100%; float:left;}
.zmpplists .list .box:last-child{ margin-bottom:0;}
.zmpplists .list .box .b{margin:6px; background-color:#fff; height:84px;border-radius: 8px; overflow:hidden; position:relative;}
.zmpplists .list .box .b .img{ display:block; float:left; width:80px; margin:8px 20px 8px 15px; height:68px; position:relative;}
.zmpplists .list .box .b .img img{ width:100%; height:auto; max-height:40px;}
.zmpplists .list .box .b .img  span { display:block; position:absolute; bottom:0px; text-align:center; width:100%;}
.zmpplists .list .box .b .txt { float:left;  margin:8px 15px 8px 0px; height:68px; width: calc(100% - 150px)}
.zmpplists .list .box .b .txt i { font-style:normal; font-weight:bold; display:block; line-height:18px; overflow:hidden; margin-top:8px; height:18px;}
.zmpplists .list .box .b .txt p { margin-top:6px; line-height:17px; font-size:12px; height:34px; overflow:hidden;}
.zmpplists .list .box .b .morelink { display:none;}
.zmpplists .list .box .b .morelinkm { position:absolute; font-size:24px; right:5px; top:17px; color:#CCCCCC;}





.zmpplists .more { text-align:center; padding:25px 0px; font-size:16px;}


.casedetail .left { width:880px;  min-height:300px; margin-right:60px; _height:300px;}
.casedetail .left .title { font-size: 26px;}
.casedetail .left .title i{ 
font-style: normal;
color: #dbb866;}
.casedetail .left .logo { margin-top:20px;}
.casedetail .left .logo img { max-height:100px;}
.casedetail .left .logo i { float:right;font-style: normal; font-size:20px; font-weight:20px; }
.casedetail .left .content { margin-top:30px;} 
.casedetail .left .content img { max-width:100%; height:auto;}

.casedetail .right { width:260px; padding-top:17px; }
.casedetail .right .gongzhonghao { margin-bottom:15px;}
.casedetail .right .gongzhonghao img  { width:200px; height:auto; margin:0px 30px; }
.casedetail .right .hotproduct { margin-top:20px;}
.casedetail .right .hotproduct i { display:block; font-style:normal; font-size:20px; font-weight:bold; margin-bottom:8px;}
.casedetail .right .hotproduct a { display:block;}
.casedetail .right .hotproduct a img { width:100%;}
}

@media screen and (min-width: 1000px) {
.zmpplists { width:100%;}
.zmpplists .titleline { height:30px; line-height:30px;}
.zmpplists .titleline label { font-size:24px; font-weight:bold;}
.zmpplists .titleline ins { font-size:16px; text-align:center; text-decoration:none; display:block;}
.zmpplists .titleline .catslist { float:right; height:30px; line-height:39px;}
.zmpplists .titleline .catslist a { margin-right:10px;}
.zmpplists .titleline .catslist a.cur { color:#c81623; font-weight:bold;}
.zmpplists .titleline .catslist a:last-child{ margin-right:0;}

.zmpplists .list { margin-top:21px;}
.zmpplists .list .box { float:left; margin-right:1%; margin-bottom:1%; background-color:#d31518; width: calc((98%)/3);}
.zmpplists .list .box:nth-child(3n){ margin-right:0px;}
.zmpplists .list .box .b{margin:6px; background-color:#fff;border-radius: 8px; position:relative;}
.zmpplists .list .box .b .img{ display:block; float:left; width: 33%; margin:8px 24px 8px 15px; height:92px; position:relative;}
.zmpplists .list .box .b .img img{ width:100%; height:30px;}
.zmpplists .list .box .b .img  span { display:block; position:absolute; bottom:0px; text-align:center; width:100%;}
.zmpplists .list .box .b .txt { float:left; width: calc(67% - 48px); margin:8px 8px 8px 0px; position:relative;}
.zmpplists .list .box .b .txt i { font-style:normal; font-weight:bold; display:block; line-height:18px; overflow:hidden; margin-top:8px; height:18px;}
.zmpplists .list .box .b .txt p { margin-top:10px; line-height:20px; font-size:14px; height:20px; overflow:hidden;}
.zmpplists .list .box .b .txt .morelink { display:block; background-color:#d31518; float:left; color:#fff; font-size:12px;  padding:0px 8px;border-radius: 22px; line-height:20px; position:absolute; left:0px; bottom:-28px;}

.zmpplists .list .box .b .morelinkm { display:none;}




.zmpplists .more { text-align:center; padding:25px 0px; font-size:16px;}


.casedetail .left { width:880px;  min-height:300px; margin-right:60px; _height:300px;}
.casedetail .left .title { font-size: 26px;}
.casedetail .left .title i{ 
font-style: normal;
color: #dbb866;}
.casedetail .left .logo { margin-top:20px;}
.casedetail .left .logo img { max-height:100px;}
.casedetail .left .logo i { float:right;font-style: normal; font-size:20px; font-weight:20px; }
.casedetail .left .content { margin-top:30px;} 
.casedetail .left .content img { max-width:100%; height:auto;}

.casedetail .right { width:260px; padding-top:17px; }
.casedetail .right .gongzhonghao { margin-bottom:15px;}
.casedetail .right .gongzhonghao img  { width:200px; height:auto; margin:0px 30px; }
.casedetail .right .hotproduct { margin-top:20px;}
.casedetail .right .hotproduct i { display:block; font-style:normal; font-size:20px; font-weight:bold; margin-bottom:8px;}
.casedetail .right .hotproduct a { display:block;}
.casedetail .right .hotproduct a img { width:100%;}
}