.banner-sub{
  background:url(../../img/bg/about.jpg) no-repeat center center;
  background-size: cover;
  color:#fff;
}


.about{
  display:flex;
}
.about-img {
  width: 568px;
}
.about-img img{
  width: 100%;
}
.company{
  flex: 1;
  margin-left: 50px;
}
.company-name{
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1;
  margin-bottom: 20px;
}
.company-des{
  font-size: 1.6rem;
  line-height: 1.9;
}
.company-des p{
  text-indent: 2rem;
}

/* 表单 */
.info{
  display:block;
  padding:15px;
}
.info>div{
  flex:1;
}
.info-title{
  font-size:1.8rem;
  font-weight:400;
  padding-bottom:10px;
  color:#999;
}
.info-content{
  line-height:2rem;
  font-size:1.4rem;
}
.contact p{
  line-height:30px;
  margin: 0;
}

.input input:nth-child(1){
  margin-left:0;
}
.contact textarea{
  width:100%;
  height: 150px;
  resize: none;
  margin:10px 0;
  box-sizing: border-box;
}
.contact a{
  padding:8px 22px;
  border-radius: 0;
  color:#fff;
}
h3{
  /* font-weight: 400; */
  /* font-size:2.4rem; */
  line-height:50px;
  text-align: left;
}
h4{
  font-weight: 400;
  font-size:2.4rem;
  line-height:50px;
  text-align: left;
  margin-top: 30px;
}
.map-img{
  position: relative;
}
.map-img img{
  position: absolute;
  width: 330px;
  top: -90px;
  right: 0;
}

@media (min-width: 1280px){
  
}
@media (min-width: 992px){
  .info{
    display:flex;
    padding:30px 0;
  }
  .about{
    display:flex;
  }
}
@media (min-width: 768px){
}