.photo { width: 100%; background: #c1bfc0; padding-bottom: 15px; }
.photo img { max-width: 100%; }

.lawfirm { width: 100%; }
.lawfirm-title { text-align: center; padding: 3% 0; }
.lawfirm-name {background:#e5e3e4;padding:15px 0; }
.lawfirm-city { display: flex;  background:white;padding:10px 0;}
.lawfirm-shenzhen a { width: 100%; margin-left: 2%; display: block; }
.lawfirm-shenzhen a img { max-width: 100%; }
.lawfirm-name ul { font-size:0;width:100%;background:white;}
.lawfirm-name ul li { width: 17%; display: inline-block; vertical-align: top; text-align: center; font-size: 14px; height: 30px; line-height: 30px; margin-left: 8px; margin-top: 2px; }
.lawfirm-name ul li a { display: block; width: 100%; height: 30px;color:white; }
.lawfirm-con-name p { color: #f87171; border-bottom: 1px solid #ccc; width: 94%; margin: 0px auto; text-align: center; padding: 2% 0; font-size: 17px; }
.lawfirm-con-p { margin:3% 5%;font-size:14px;color:#464545;}
.lawfirm-con-title p{ padding:4%;font-size:17px;}
.lawfirm-con-photo {background:#f4f2f3;padding:3%;display:flex; }
.lawfirm-con-photo img { max-height:75px;margin-left:2%;}
.lawfirm-con-photo img:first-child { margin-left:0%;}
.lawfirm-info { padding: 3% 0; }
.lawfirm-info p { padding: 0 2% 2% 2%; color: #747272;font-size:15px; }
.lawfirm-maps { padding: 3%; background: #f4f2f3; }
.lawfirm-map { width: 100%; height: 100px; }

.advertising { width: 100%; background: #e6e6e6; padding: 15px 0 12px; }
.advertising img { max-width: 100%; }

.advertisings { background: #d4d4d4; width: 100%; padding: 15px 0 12px; }
.advertisings img { max-width: 100%; }

@media screen and (max-width: 320px) { 
    .lawfirm-name ul li { width: 16%; font-size: 12px; }
}