/* CSS Document */

#contact .detail { margin-top: 100px; background: #FFFFFF; padding: 50px 50px 50px 50px; display: flex; justify-content: space-between; box-shadow: 6px 6px 30px rgba(0,0,0, .06); }
#contact .detail .l { width: 60%; }
#contact .detail .l .tit { font-size: 30px; color: #00A99D; border-bottom: 1px solid #eee; padding-bottom: 25px; font-weight: 300; }
#contact .detail .l .con { font-size: 16px; margin-top: 30px; line-height: 2; color: #2e2d3c; }
#contact .detail .l .con a { color: #2e2d3c; text-decoration: underline; }
#contact .detail .l .con a:hover { color: #00A99D; text-decoration: none; }

#contact .detail .r { width: calc(40% - 50px); display: flex; justify-content: center; align-items: center; }
#contact .detail .r .item { margin: 0 0px; border: 1px solid #CCCCCC; background: #DEDEDE; }
#contact .detail .r .qr { text-align: center; }
#contact .detail .r .tit { text-align: center; font-size: 16px; line-height: 2; font-weight: 300; }
#map { margin-top: 50px; border: #ccc solid 1px; }

@media (max-width:991.98px) {
#contact .detail { padding: 30px 20px 30px 20px; flex-wrap: wrap; }
#contact .detail .l { width: 100%; }
#contact .detail .l .tit { font-size: 24px; }
#contact .detail .r { width: 100%; justify-content: flex-start; margin-top: 10px; }
}
/* 腾讯地图 */
#container { width: 100%; min-height: 450px; }