.content{padding:30px;background:#fff}
.content .contact-box{margin-bottom:20px}
.content .contact-box .contact-title{background: #e1e1e1;height:50px;font-size:14px;padding:0 30px;line-height:50px;font-weight:700;color:#333;}
.content .contact-box .contact-content{border:1px solid #dedede;border-top:none;padding:30px;box-sizing:border-box;overflow:hidden}
.contact-box .contact-content .aux{float:left;padding:5px;border:1px solid #ccc}
.contact-box .contact-content .img-wrap{vertical-align:middle;display:table-cell;text-align:center;width:198px;height:198px}
.contact-box .contact-content .img-wrap img{max-width:100%;max-height:100%}
.contact-box .contact-content .content-middle{margin-left:20px;float:left;width:276px}
.contact-content .content-middle .name{font-size:16px;font-weight:700;margin-bottom:30px;border-bottom:1px solid #dedede;padding-bottom:20px}
.content-middle .contact-tool{margin-bottom:10px}
.content-middle .contact-tool .tip{color:#a1a1a1;width:100px;display:inline-block;font-weight:400}
.content-middle .contact-btn{width:120px;height:34px;background:#fff;border-radius:5px;text-align:center;line-height:34px;font-weight:700;margin-top:20px;cursor:pointer}
.contact-content .contact-address{width:510px;padding:30px;float:right;background:#f5f5f5}
.contact-address .address-line{margin-bottom:15px;overflow:hidden}
.contact-address .address-line .tip{color:#a1a1a1;float:left;display:block;width:100px}
.contact-address .address-line .text{display:block;float:left;width:350px}
.contact-address .address-line:last-child{margin-bottom:0}
.icon-tag{display:inline-block;vertical-align:middle;margin-right:10px;width:16px;height:16px;background:url(images/icon-tag.png) 0 0 no-repeat}
.contact-list{overflow:hidden}
.contact-people{width:50%;padding:30px;overflow:hidden;float:left;background:#f5f5f5}
.contact-people.active{background:#fff}
.contact-people .aux{float:left}
.contact-people .img-wrap{vertical-align:middle;display:table-cell;text-align:center;width:198px;height:198px;border:1px solid #ccc}
.contact-people .img-wrap img{max-width:100%;max-height:100%;vertical-align:middle}
.people-btn{display:inline-block;width:120px;height:34px;background:#fff;border:1px solid #967f4e;border-radius:5px;text-align:center;line-height:34px;color:#967f4e;font-weight:700}
.contact-people .people-info{float:left;margin-left:20px}
.contact-people .people-info .people-name{font-size:16px;font-weight:700;margin-bottom:30px}
.contact-people .people-info .info-line{margin-bottom:20px}
.people-info .info-line .tip{color:#a1a1a1;display:inline-block;width:85px}
.form-wrap{margin:20px 0;background:#fff}
.form-wrap .title{height:50px;background:#b09c72;color:#fff;font-size:14px;font-weight:700;padding:0 20px;line-height:50px}
.contact-content{padding:30px 50px}
.send-email{width:120px;height:30px;background:#b09c72;border-radius:5px;text-align:center;line-height:30px;color:#fff;font-weight:700;cursor:pointer}
.contact-address .address-line .link:hover{text-decoration:underline;}
@media screen and (max-width:1024px) {
    .contact-box .contact-content .content-middle{width:240px}
    .contact-content .contact-address{width:430px}
}