body {
    font-size: 15px;
    background-color: #FFF;
}

.bg {
    background-color: #e8e8e8;
}

h6 {
    font-weight: bold;
    font-size: 19px;
}
a:hover{
 color: #00AEFF;
text-decoration: none;
}

.mdlist{
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack:center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content:space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
    height: 600px;
    color: #333;
}
.mdlist h6{
    margin: 0;
    padding-top: 10px;
    color: #333;
}
.mdlist h6 span{
    display: inline-block;
    width: 32px;
    height:32px;
    border: 2px solid #E50012;
    border-radius: 50%;
    font-weight: bold;
    color: #E50012;
    line-height: 28px;
    text-align: center;
    margin-right: 5px;
    font-size:16px;
}
.mdlist .item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack:center;
    -ms-flex-pack: center;
    -webkit-justify-content: flex-start;
    justify-content:flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 0 10px;
}
.mdlist .item a{
    width: 100%;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}
 
.f-img-1{
    position: relative;
     height: auto;
}
.f-img-1 .zimg{
    z-index: 1;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: auto;
} 
.f-img-1 .titlediv{
    z-index: 2;
    position: absolute;
    width: 100%;
    top:20%;
    left:5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack:flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;
    justify-content:flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    height: auto;
}
.titlediv .title{
  font-size: 2rem;
  line-height: 3rem;
  display: inline;
  color: #FFF;
  border-radius: 2rem;
  padding:0 2rem;
  border: solid 1px #FFF;
}
.titlediv .memo_text{
    font-size: 1.3rem;
    color: #FFF;
    padding:0 2rem;
}
.mapbox{
    padding: 3rem;
}
.mapbox .maparea{
    height:600px;
}
@media (max-width: 1024px) {
  
 

    .f-img-1 .title{
        z-index: 2;
        position: absolute;
        top:10%;
        left:2%;
        font-size: 1.3rem;
        color: #FFF;
      }
      .f-img-1 .memo_text{
          width: 45%;
          font-size: 0.6rem;
          color: #FFF;
      }
}

.amap-marker-label,.labelContent{
    border: none;
    background: none;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, sans-serif,'Franklin Gothic Medium', 'Arial Narrow';
}
.mds{
    width: 100%;
    height: 60px;
    margin: 10px auto;
    text-align: center;
}
.mds .mseach {
    display: inline-block;
    width:  600px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 0.8rem;
    padding-left: 1.85rem;
    background-image: url(../images/md-search.png);
    background-size: 19px 20px;
    background-position: 0.975rem 50%;
    background-repeat: no-repeat;

}
.mds input{
    border: none;
}
.mds .mseach .t1 {
    width: 60%;
    height: 100%;
    font-size: 16px;
    margin-left: 20px;
}
.mds .mseach .t2 {
    width: 25%;
    height: 100%;
    background: #0024ff;
    border-radius: 30px;
    float: right;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 16px;
}

@media  (max-width: 1024px) {
    .mds{
        width: 100%;
        height: 40px;
        margin: 10px auto;
        display: inline;
    }
    .mds .mseach {
        display: inline-block;
        width:  600px;
        height: 40px;
        background: #FFFFFF;
        border-radius: 20px;
        overflow: hidden;
        margin-top: 20px;
        padding-left: 1.85rem;
        background-image: url(../images/md-search.png);
        background-size: 19px 20px;
        background-position: 0.975rem 50%;
        background-repeat: no-repeat;
      
      }
      .mds input{
        border: none;
      }
      .mds .mseach .t1 {
        width: 56%;
        height: 100%;
        font-size: 16px;
        margin-left: 21px;
      }
      .mds .mseach .t2 {
        width: 25%;
        height: 100%;
        background: #0024ff;
        border-radius: 30px;
        float: right;
        font-weight: 400;
        color: #FFFFFF;
        font-size: 14px;
      }
      .mapbox{
        padding:20px;
        margin-top: 30px;
    }
    .mapbox .maparea{
        height:300px;
    }
    .mdlist{
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-justify-content: space-between;
        justify-content:space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: flex-start;
        color: #333;
        height: auto;
    }
    .mdlist h6{
        font-size: 16px;
    }
    .titlediv .memo_text{
        padding:0 3rem;
    }
}