@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:39px;}
.caselist .titleline .catslist a { margin-right:10px;}
.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 ul li { border-bottom:1px solid #e8e8e8; padding:0px 0px 20px;width:100%; margin-bottom:20px;}
.caselist .list ul li:last-child { border-bottom:0px; margin-bottom:0px; padding-bottom:0px;}
.caselist .list ul li .img { float:left; width:120px; height:77px; margin-right:15px;margin-top: 3px;}
.caselist .list ul li .cnt { width:calc(100% - 135px); height:auto; position:relative; height:82px;}
.caselist .list ul li .cnt i { font-style:normal;line-height:18px; display:block;}
.caselist .list ul li .cnt .desc { margin-top:8px; color:#666; line-height:20px; height:40px; overflow:hidden; font-size:14px; display:none;}
.caselist .list ul li .cnt .author { margin-top:9px; color:#aca8a8; font-size:12px; position:absolute; left:0px; bottom:-5px;}
.caselist .list ul li .cnt .author ol { display:inline; color:#333;  margin-right:8px;}

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

.casedetail .left { width:100%; }
.casedetail .left .title {border-bottom:1px solid #e8e8e8; padding-bottom:15px;}
.casedetail .left .title .p {font-size: 18px; line-height:24px; text-align:center; font-weight:bold;}
.casedetail .left .title .j { font-size:12px; color:#999999; margin-top:7px; text-align:center;}
.casedetail .left .title .j span { margin-right:10px;}
.casedetail .left .title i{ 
font-style: normal;
}
.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:18px;  _height:300px; min-height:300px; line-height:30px;} 
.casedetail .left .content img { max-width:100%;height:auto;}

.casedetail .right { width:260px; 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:39px;}
.caselist .titleline .catslist a { margin-right:10px;}
.caselist .titleline .catslist a.cur { color:#c81623; font-weight:bold;}
.caselist .titleline .catslist a:last-child{ margin-right:0;}



.caselist .list { margin-top:21px; min-height:300px; _height:300px;}

.caselist .list ul li { border-bottom:1px solid #e8e8e8; padding:0px 0px 20px; float:left; width:calc(97%/2); margin-right:3%; margin-bottom:20px;}
.caselist .list ul li:nth-last-child(1){ border-bottom:0px;}
.caselist .list ul li:nth-last-child(2){ border-bottom:0px;}
.caselist .list ul li .img { float:left; width:210px; height:134px; margin-right:15px;margin-top: 3px;}
.caselist .list ul li .cnt { width:calc(100% - 225px); height:137px; position:relative;}
.caselist .list ul li .cnt i { font-style:normal; font-size:16px; font-weight:bold; line-height:22px; display:block;}
.caselist .list ul li .cnt .desc { margin-top:8px; color:#666; line-height:18px; height:36px; overflow:hidden; font-size:12px;}
.caselist .list ul li .cnt .author { color:#aca8a8; font-size:12px; position:absolute; left:0px; bottom:-7px;}
.caselist .list ul li .cnt .author ol { display:inline; color:#333;  margin-right:25px;}


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

.casedetail .left {width:calc(100% - 380px);  min-height:300px; _height:300px; margin-right:60px;}
.casedetail .left .title {border-bottom:1px solid #e8e8e8; padding-bottom:15px;}
.casedetail .left .title .p {font-size: 32px; line-height:32px; text-align:center;}
.casedetail .left .title .j { font-size:14px; color:#999999; margin-top:7px; text-align:center;}
.casedetail .left .title .j span { margin-right:10px;}
.casedetail .left .title i{ 
font-style: normal;
}
.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:18px;  _height:300px; min-height:300px; line-height:30px;} 
.casedetail .left .content img { max-width:100%;height:auto;}

.casedetail .right { width:320px;}
.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%;}
}