body,html{
  background: #f5f5f5;
}

.about-section1 {
  background: url(../images/lx-ban.jpg) center no-repeat;
}


.page_content{
  width: 90%;
  margin: 0 auto;
  background: #fff;
}

.page_content .flexbox{
  padding: 60px 0;
  display: flex;
}

.page_content .leftbox{
  flex: 0 0 40%;
  background: url(../images/content.jpg) center no-repeat;
  background-size: 100% auto;
  line-height: 46px;
}
.page_content .leftbox dl{
  
  text-align: center;
  padding:40px 0;
}

.page_content .leftbox>i{
  display: block;
  background: #008cd6;
  width: 20px;
  height: 4px;
  margin:0 auto;
}

.page_content .leftbox dl dt{
  font-weight: normal;
  font-size: 16px;
  line-height: 36px;
}

.page_content .leftbox dl dt span{
  display: block;
  padding-top:10px;
}
.page_content .leftbox dl dt strong{
  font-weight: normal;
}

.page_content .leftbox .tel p{
  font-size: 26px;
}

.page_content .rightbox{
  flex: 1;
}

.page_content .map{
  height: 100%;
  width: 100%;
}

.page_content .rightbox .map{

}



@media (max-width: 1440px) {
  
}
@media (max-width: 1199px) {
  
}
@media (max-width: 767px) {
  
}
@media (max-width: 575px) {
  .page_content .flexbox{
    flex-direction: column;
    justify-content: center;
    padding-top:0;
  }
  .page_content .rightbox{
  }
  .page_content .map{
    min-height: 400px;
  }
}