/*
  // +----------------------------------------------------------------------
  // | Support (c) LanchTech
  // +----------------------------------------------------------------------
*/
body{
  background-color:#fafafa;
}
.honor{
  background-color:#fff;
}
.contact{
  margin:30px auto;
}
.contact .mtitle{
}
.contact .container>.content{
  padding:30px;
  background-color:#fff;
}

.contactcom ul{
  display: flex;
  flex-wrap: wrap;
}
.contactcom li{
  width:100%;
  padding: 10px;
  border-bottom:1px solid #eaeaea;
}
.contactcom li:last-child{
  border-right:none;
  border-bottom:none;
}
.contactcom li div{
  display: flex;
  text-align: center;
}
.contactcom li div label{
  font-size:1.3333rem;
  height:30px;
  line-height: 30px;
  display: block;
  padding-top: 44px;
  color:#666;
  min-width: 60px;
}
.contactcom li div span{
  font-size:1.1667rem;
  margin: 20px 30px;
  text-align: left;
  display: block;
}

.contactcom li:first-child label{
  background:url(../images/icon/icon_contact_phone.png) top center no-repeat;
  background-size:auto 40px;
}
.contactcom li:nth-child(2) label{
  background:url(../images/icon/icon_contact_fax.png) top center no-repeat;
  background-size:auto 40px;
}
.contactcom li:nth-child(3) label{
  background:url(../images/icon/icon_contact_mail.png) top center no-repeat;
  background-size:auto 40px;
}
.contactcom li:nth-child(4) label{
  background:url(../images/icon/icon_contact_post.png) top center no-repeat;
  background-size:auto 40px;
}
.contactcom li:nth-child(5) label{
  background:url(../images/icon/icon_contact_location.png) top center no-repeat;
  background-size:auto 40px;
}
.contactper{
  padding:30px;
  margin:30px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size:1.1667rem;
  line-height: 40px;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
}
.contactper div{
  width:100%;
  margin:10px 0;
}
.contactper div strong{
  display: block;
  font-size:1.3333rem;
  margin-bottom:10px;
}
.contactmsg{
  display: flex;
  flex-wrap:wrap;
}
.contactmsg .img{
  width:100%;
}

.contactmsg .msgdiv{
  flex:1;
  padding:0;
}
.msgdiv .msgtitle{
  margin-bottom:30px;
}
.msgdiv .msgtitle b{
  font-size:1.6667rem;
  font-weight: normal;
}
.msgdiv .msgtitle span{
  margin-left:20px;
  color:#666;
}
.msgform div {
    display: flex;
    width: 100%;
    height:40px;
    line-height: 40px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.msgform li {
    margin-bottom: 10px;
}
.msgform li label{
  color:#666;
  font-size:14px;
  width:45px;
  text-align: left;
  vertical-align: middle;
}
.msgform li input{
  flex:1;
  height:40px;
  outline: unset;
  color:#333;
  padding-left:4px;
}

.msgform li.content div{
  display: flex;
  height:148px;
  flex-wrap: wrap;
  border-bottom:none;
}

.msgform li.content div textarea{
  border:1px solid #ccc;
  height:100px;
  width:100%;
  padding:8px;
  color:#333;
  outline: unset;
}
.msgform .submitdiv{
  margin-top:10px;
  height:44px;
  width:200px;
  border:none;
}

.contactmap{
  margin-top:30px;
}

/*响应式//////////*/
@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {
  .contactcom ul{
    display: flex;
    flex-wrap: nowrap;
  }
  .contactcom li{
    width:20%;
    border-bottom:unset;
    padding: unset;
    border-right:1px solid #eaeaea;
  }
  .contactcom li:last-child{
    border-right:none;
  }
  .contactcom li div{
    display: unset;
    text-align: center;
  }
  .contactcom li div label{
    font-size:1.3333rem;
    height:30px;
    line-height: 30px;
    display: block;
    padding-top: 44px;
    color:#666;
  }
  .contactcom li div span{
    font-size:1.1667rem;
    margin: 20px 30px;
    text-align: center;
    display: block;
  }
  .contactper{
    padding:30px;
    margin:30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    font-size:1.1667rem;
    line-height: 40px;
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
  }
  .contactper div{
    width:unset;
    margin:10px 0;
  }

  .contactmsg .msgdiv{
    padding:0 20px;
  }
  .contactmsg .img{
    width:500px;
  }
  .contactmsg{
    flex-wrap:nowrap;
  }
 
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {

}
@media (min-width: 1920px) {

}