.caselist { width:100%;}
.caselist .titleline { height:30px; line-height:30px;}
.caselist .titleline label { font-size:26px; color:#dbb866}

.caselist .cnt { margin-top:30px;}
.caselist .pics { width:780px; margin-right:30px; height:500px;}
.caselist .pic { width:390px; height:500px;}
.caselist .pic .box { margin-bottom:30px; width:100%; position:relative;}
.caselist .pic .box img { width:100%; height:235px;}
.caselist .pic .box:last-child{ margin-bottom:0px;}
.caselist .pic .box b { display:block; width:100%; height:45px;background-color:#000;opacity:.5;filter:alpha(opacity=50); position:absolute; left:0px; bottom:0px;}
.caselist .pic .box span { display:block; width:100%; height:45px; position:absolute; left:0px; bottom:0px; line-height:45px; text-align:center; color:#fff;}


.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%;}