.bigbox{ width:100%; display:flex; }
.titlebox{ width:100%; display:flex; flex-direction:column; justify-content: center; align-items:center; padding:30px 0px; gap:5px; }
.titlebox h1{ font-size:2.4rem; text-align:center; }
.titlebox p{ font-size:1rem; text-align:center; }
.feedback{ width:100%; display:flex; flex-direction:row; padding:40px 0px 150px; }
.feedl{ width:47%; display:flex; flex-direction:column; gap:35px 0px; padding-right:50px; }
.one{ width:100%; height:100px; display:flex; flex-direction:row; justify-content:flex-start; align-items: center; padding:18px; gap: 15px; -moz-box-shadow: 0px 0px 20px #e5e5e5; -webkit-box-shadow: 0px 0px 20px #e5e5e5; box-shadow:0px 0px 20px #e5e5e5;}
.one i{ width:60px; height:60px; border-radius:360px; background-color:#ff8525; padding:12px; display:flex; flex-shrink:0; }
.one i img{ max-width:100%; }
.one p{ display:flex; flex-direction:row; font-size:1.25rem; }
.one p span{ display:flex; flex-shrink:0; }

.mapbox{ width:53%; height:505px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#container{ width:100%; height:100%; float:left;}
.amap-marker-label{border:1px solid #000;padding:10px 15px;color:#000;}


/* md */
@media (max-width: 1180px) {

}

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.feedl{ gap:30px 0px; padding-right:20px; }
.one p{ font-size:1.15rem; }
}

/* xs */
@media (max-width: 767px) {
.titlebox{padding:20px 0px;}
.titlebox h1{ font-size:1.65rem; }
.titlebox p{ font-size:1.05rem; }
.feedback{ flex-direction:column; padding:10px 0px 70px; }
.feedl{ width:100%; gap:20px 0px; padding-right:0px; }
.one p{ font-size:1.15rem; }
.mapbox{ width:100%; height:350px; margin-top:45px;}
}

@media (max-width: 480px) {
.mapbox{ height:250px;}
}