.contactContent {
  width: 100%;
  min-width: 1350px;
  position: absolute;
  top: 100px;
  bottom: 0;
}
.contactContent .contactSrcoll {
  width: 110%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.contactContent .contactSrcoll .contactHid {
  width: 92%;
}
.contactTop {
  position: relative;
  width: 100%;
  height: 610px;
  background: url('//img01.lavaradio.com/images/www/footer2x.jpg') no-repeat center center;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img01.lavaradio.com/images/www/footer2x.jpg', sizingMethod='scale');
}
.contactTop .contactInfo {
  position: absolute;
  bottom: -84px;
  left: 50%;
  margin-left: -573px;
  width: 1146px;
  height: 168px;
  background: #fff;
}
.contactTop .contactInfo .contactDiv {
  margin: 71px 0 0 0;
  width: 100%;
  height: 25px;
  font-size: 11px;
  line-height: 20px;
}
.contactTop .contactInfo .contactDiv i {
  display: block;
  font-style: normal;
}
.contactTop .contactInfo .contactDiv span {
  float: left;
}
.contactTop .contactInfo .contactDiv .contactEmail {
  display: inline-block;
  width: 32px;
  height: 25px;
  background: url('//img01.lavaradio.com/images/www/email2x.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactTop .contactInfo .contactDiv .EmailDiv {
  float: left;
  width: 270px;
  margin: 0 0 0 79px;
}
.contactTop .contactInfo .contactDiv .EmailDiv p {
  font-weight: 600;
  margin: -10px 0 0 10px;
  float: left;
}
.contactTop .contactInfo .contactDiv .phoneDiv {
  float: left;
  margin: 0 0 0 79px;
  width: 240px;
}
.contactTop .contactInfo .contactDiv .phoneDiv .contactPhone {
  margin: 0 15px 0 0;
  float: left;
}
.contactTop .contactInfo .contactDiv .phoneDiv i {
  font-weight: 600;
}
.contactTop .contactInfo .contactDiv .distanDiv {
  float: left;
  margin: 0 0 0 79px;
  width: 350px;
}
.contactTop .contactInfo .contactDiv .distanDiv .distanceSpan {
  display: inline-block;
  width: 20px;
  height: 25px;
  background: url('//img01.lavaradio.com/images/www/CombineShape2x.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactTop .contactInfo .contactDiv .distanDiv p {
  float: left;
  margin: -20px 0 0 15px;
  font-weight: 600;
}
.contactTop .contactInfo .contactDiv .contactPhone {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('//img01.lavaradio.com/images/www/phne2x.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactList {
  margin: 109px auto 100px auto;
  width: 1143px;
  height: 340px;
}
.contactList li {
  position: relative;
  margin: 0 50px 0 0;
  width: 541px;
  height: 340px;
  float: left;
  background: #D8D8D8;
  border-radius: 6px;
  color: #fff;
  text-align: center;
}
.contactList li .ChTitle {
  margin: 260px 0 0 0;
  font-size: 14px;
  line-height: 24px;
}
.contactList li .EnTitle {
  font-size: 10px;
  line-height: 20px;
}
.contactList li:first-child {
  background: url('//img01.lavaradio.com/images/www/VCG41N924579304Copy22x.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactList li:nth-child(2) {
  background: url('//img01.lavaradio.com/images/www/VCG21617316952Copy22x.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactList li:last-child {
  margin: 0;
  background: url('//img01.lavaradio.com/images/www/VCG41610122930Copy22x.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactCompany {
  margin: 0 auto;
  width: 900px;
  text-align: center;
}
.contactCompany .contactIcon {
  margin: 0 auto;
  width: 244px;
  height: 71px;
  background: url('//img01.lavaradio.com/images/www/Group133x.png') no-repeat center center;
  background-size: 100% 100%;
}
.contactCompany .contactCompnayName {
  margin: 41px 0 7px 0;
  font-size: 36px;
  line-height: 44px;
}
.contactCompany .contactChName {
  font-size: 42px;
  line-height: 59px;
}
.contactCompany .contactDes {
  margin: 36px 0 100px 0;
  font-size: 14px;
  line-height: 30px;
}
.hoverDiv {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
}
.hoverDiv a {
  margin: 0 auto 0 auto;
  width: 220px;
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.44);
}
.hoverDiv a:first-child {
  margin: 60px auto 0 auto;
  border-top: 0px solid rgba(255, 255, 255, 0.44);
}
.hoverDiv img {
  margin: 98px 0 0 0;
  width: 108px;
  height: 108px;
}
.hoverDiv .HoverChTitle {
  margin: 20px 0 0 0;
  font-size: 14px;
  line-height: 24px;
}
.hoverDiv .HoverEnTitle {
  font-size: 10px;
  line-height: 20px;
}
.contactLi:hover .hoverDiv {
  display: block;
}