.contact{padding-top: .5rem;background: url(../image/u/conbg.jpg) no-repeat top center;background-size: cover}
.contact .tit{font-size: .3rem;color: #158c81;font-weight: bold;margin-bottom: .2rem}
.contact .box1{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;position: relative;}
.contact .box1:after{content: '';width: 5.65rem;height: 3.5rem;background: url(../image/u/647.png) no-repeat center;background-size: 100% 100%;position: absolute;top: -.52rem;left: 41%;z-index: 0;pointer-events: none}
.contact .box1 .left{width: 9.7rem;height: 5.7rem;position: relative;z-index: 5}
.contact .box1 .left iframe{width: 100%;height: 100%;display: block;}
.contact .box1 .right{flex:1;overflow: hidden;margin-left: .7rem;position: relative;z-index: 5}
.contact .box1 .right .tit{margin-bottom: 0}
.contact .box1 .right p{display: flex;align-items:flex-start;font-size: .18rem;padding: .2rem 0;border-bottom: 1px solid #ddd;line-height: 1.8em;}
.contact .box1 .right img{width: .32rem;margin-right: .2rem}
.contact .box2{padding: .4rem 0 1rem;}
.contact .box2s{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.contact .box2 p{font-size: .18rem;line-height: 1.8em}
.contact .box2 p+p{margin-top: .1rem}
.contact .box2 p strong{color: #5bab61;font-size: .22rem}
.contact .box2 .left{width: 5.2rem;padding-right: .5rem}
.contact .box2 .right{flex:1;overflow: hidden;border-left: 1px solid #ddd;padding-left: .8rem}
@media (max-width: 1199px){
.contact .box1 .left{width: 100%;height: 8rem;}   
.contact .box1 .right{flex:inherit;width: 100%;padding-left: 0;margin-top: .4rem;margin-left: 0}
.contact .tit{font-size: .38rem;margin-bottom: .2rem}
.contact .box1 .right p{font-size: .24rem;}
.contact .box1 .right img{width: .4rem;margin-right: .2rem}
.contact .box2 p{font-size: .24rem;line-height: 1.8em}
.contact .box2 p strong{color: #5bab61;font-size: .28rem}
.contact .box1:after{width: 60vw;height: 30vw;top: -.52rem;left: 10vw;}
}
@media (max-width: 800px){
.contact .box1 .left{width: 100%;height: 8rem;}   
.contact .box1 .right{flex:inherit;width: 100%;padding-left: 0;margin-top: .4rem;margin-left: 0}
.contact .tit{font-size: .38rem;margin-bottom: .2rem}
.contact .box1 .right p{font-size: .24rem;}
.contact .box1 .right img{width: .4rem;margin-right: .2rem}
.contact .box2 p{font-size: .24rem;line-height: 1.8em}
.contact .box2 p strong{color: #5bab61;font-size: .28rem}
.contact .box2 .left{width: 100%;padding-right:0}
.contact .box2 .right{width: 100%;padding-left:0;flex:inherit;border-left: 0;margin-top: .4rem}
}
 #map img{max-width: inherit;width: auto;object-fit:unset;transition: none}
 .BMap_bubble_title{font-size: 18px;margin-bottom: .1rem}
 .BMap_bubble_content{font-size: 14px;line-height: 1.8em}