.pd {
    padding-bottom: 1.7rem;
}

.pd-cont {
    padding-top: 1rem;
}
.pd-content {
    margin-top: .4rem;
}
.pd-imgs {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 768px){
    .pd-imgs img {
        width: 100% !important;
    }
}

.pd-content{ font-size:16px; line-height:30px;}

/*大图样式*/
.picarr{position:relative;margin:20px auto; width: 768px;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .preview{width:768px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle; width: 100%;}
.picarr .preview li.current a{border:1px solid #000;}
.cl{ clear:both; }

.pd_tit h4{ font-size:24px; border-bottom:1px solid #ccc; font-weight:bold;   padding-bottom:10px; }

.casedetail{ font-size:18px; text-align:center; }
.casedetail img{ display:block; margin:0 auto; }
.casedetail p{ padding-bottom:10px; }

.clear{ clear:both; }
.pd1{ border-bottom:1px solid #eee; padding-top:20px; padding-bottom:20px;}
.pd1 .pd_left{ width:20%; float:left; font-weight:bold; font-size:20px; }
.pd1 .pd_right{ width:70%; float:right; }
.table td{ padding:0.5em;}



@media (max-width:830px) {
 .picarr .preview{width:100%; }
 .picarr{ width:100%; }
}

@media (max-width: 600px) {
.pd1 .pd_left{ width:100%; float:left; font-weight:bold; font-size:20px; }
.pd1 .pd_right{ width:100%; float:right; } 
    
    
}