@media screen and (max-width: 1000px) {
.caselist { width:100%;}
.caselist .titleline { height:30px; line-height:30px;}
.caselist .titleline label { font-size:18px; font-weight:bold;}
.caselist .titleline ins { font-size:16px; text-align:center; text-decoration:none; display:block;}
.caselist .titleline .catslist { float:right; height:30px; line-height:45px;}
.caselist .titleline .catslist a { margin-right:20px;}
.caselist .titleline .catslist a.cur { color:#c81623; font-weight:bold;}
.caselist .titleline .catslist a:last-child{ margin-right:0;}
.caselist .list { margin-top:12px;}
.caselist .list li { float:left;margin-bottom:12px; width:calc(100% - 2px); height:auto; position:relative; border:1px solid #e8e8e8;}
.caselist .list li span { display:block; text-align:left; font-size:16px; padding:5px 20px;}
.caselist .list li .cnt { text-align:left; font-size:14px; padding:5px 20px; color:#666; word-break: break-all;  line-height:22px; margin-bottom:5px;}



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

.casedetail .left { width:100%;}
.casedetail .left .title { font-size: 18px;}
.casedetail .left .title i{ 
font-style: normal;
 font-weight:bold;}
.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:12px;word-break: break-all;} 
.casedetail .left .content img { max-width:100%; height:auto;}
.casedetail .left .content table { max-width:100%;}

.casedetail .right { width:260px; padding-top:17px; display:none; }
.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) {
.caselist { width:100%;}
.caselist .titleline { height:30px; line-height:30px;}
.caselist .titleline label { font-size:24px; font-weight:bold;}
.caselist .titleline ins { font-size:16px; text-align:center; text-decoration:none; display:block;}
.caselist .titleline .catslist { float:right; height:30px; line-height:45px;}
.caselist .titleline .catslist a { margin-right:20px;}
.caselist .titleline .catslist a.cur { color:#c81623; font-weight:bold;}
.caselist .titleline .catslist a:last-child{ margin-right:0;}
.caselist .list { margin-top:21px;}
.caselist .list li { float:left;margin-bottom:12px; width:390px; height:auto; margin-right:12px; position:relative; border:1px solid #e8e8e8;}
.caselist .list li:nth-child(3n) { margin-right:0px;}
.caselist .list li span { display:block; text-align:left; font-size:18px; font-weight:bold; padding:5px 20px;}
.caselist .list li .cnt { text-align:left; font-size:14px; padding:5px 20px; color:#666; word-break: break-all; line-height:22px; margin-bottom:5px;}



.caselist .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;
 font-weight:bold;}
.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;word-break: break-all; min-height:300px; _height:300px;} 
.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%;}
}