@import url("./common.css");
.banner { margin-bottom: 72px; }

.jdMain { margin-bottom: 60px; }

.jdMain .contact { margin-bottom: 135px; background: url("../img/jd/bg-xiangyun.jpg") no-repeat center 188px; }

.jdMain .contact .row .cul-item { width: 296px; height: 543px; margin-bottom: 60px; background: url("../img/bg-cultural.png") no-repeat center; padding: 30px 20px; box-sizing: border-box; }

.jdMain .contact .row .cul-item .item-img { width: 100%; height: 246px; overflow: hidden; position: relative; }

.jdMain .contact .row .cul-item .item-img .bg-item { width: 100%; height: 256px; background: url("../img/bg-cultural-img.png") no-repeat center; position: absolute; left: 0; top: 0; z-index: 1; }

.jdMain .contact .row .cul-item .item-img .cul-img { width: 100%; overflow: hidden; position: absolute; left: 0; top: 32px; z-index: 0; }

.jdMain .contact .row .cul-item .item-img .cul-img img { width: 100%; height: auto; }

.jdMain .contact .row .cul-item h3 { font-size: 18px; color: #c9151e; text-align: center; padding-bottom: 6px; }

.jdMain .contact .row .cul-item p { color: #333; font-size: 14px; line-height: 32px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }

.jdMain .contact .row .cul-item p.tel { margin-bottom: 20px; }

.jdMain .contact .row .cul-item .more { text-align: center; color: #666; }

.jdMain .contact .row .cul-item .more:hover { color: #c9151e; }

.jdMain .contact .row .cul-item .more .btn-180x36 { background-image: url("../img/btn-18036-zong.png"); font-size: 12px; }

.jdMain .contact .map .map-con { width: 50%; height: 480px; background: url("../img/jd/map_img.jpg") no-repeat center; background-size: cover; overflow: hidden; }

.jdMain .contact .map .map-con img { width: 100%; }

.jdMain .contact .map .address { width: 50%; height: 480px; color: #fff; padding: 16px; background: url(../img/jd/bg-encyclopedias.jpg) no-repeat center; background-size: cover; box-sizing: border-box; }

.jdMain .contact .map .address h3.titlex { width: 300px; margin-bottom: 50px; background-size: cover; }

.jdMain .contact .map .address h3.titlex::after { background-position-x: 165px; }

.jdMain .contact .map .address p { font-size: 16px; line-height: 2em; padding-left: 32px; box-sizing: border-box; position: relative; margin-bottom: 16px; }

.jdMain .contact .map .address p::after { content: ''; width: 26px; height: 10px; background: url(../img/b-txt.png) no-repeat center; position: absolute; left: 0; top: 14px; }

.jdMain .contact .map .address p span { font-weight: 600; }

@media screen and (max-width: 992px) { .jdMain .contact .map .map-con { width: 100%; }
  .jdMain .contact .map .address { width: 100%; } }

@media screen and (max-width: 768px) { body { background: none; }
  .jdMain .contact { min-height: auto; } }