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

.jdMain { margin-bottom: 60px; }

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

.jdMain .culturalcenter .part01 p { font-size: 14px; color: #333; text-indent: 2em; line-height: 1.8em; }

.jdMain .culturalcenter .part02 div[class*='col-'] { text-align: center; margin-bottom: 16px; }

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

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

.jdMain .culturalcenter .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 .culturalcenter .map .address h3.titlex { width: 300px; margin-bottom: 50px; background-size: cover; }

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

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

.jdMain .culturalcenter .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 .culturalcenter .map .address p span { font-weight: 600; }

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

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