.banner {
  height: 31.25vw;
  width: 100vw;
  background-image: url('/template/pc/ycnhz/img/contact/contactBack.png');
  background-size: 100%;
  background-repeat: no-repeat;
}

.contact {
  background-image: url('/template/pc/ycnhz/img/contact/contactBack1.jpg');
  height: 56.25vw;
  width: 100vw;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 5.1vw 0;
  box-sizing: border-box;
}

.contact .exhibitTitle {
  color: rgba(0, 0, 0, 0.1);
}

.contactCtx {
  display: flex;
  justify-content: space-between;
  padding: 2.5vw 8.33vw;
}

.contactBox {
  width: 19.58vw;
  height: 33.59vw;
  background-color: #fff;
  text-align: center;
}

.contactBox:hover {
  width: 19.58vw;
  height: 33.59vw;
  background-color: rgb(198 28 37);
  color: #fff;
  text-align: center;
}

.contactBox:hover h3,
.contactBox:hover p {
  color: #fff;
}


.contactBox h3 {
  width: 8.33vw;
  border-bottom: 1px solid #333;
  margin: 2vw auto 0.6vw;
  font-size: 1.67vw;
  padding: 0.6vw;
}

.contactBox i {
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 8vw;
}

.phone {
  background-image: url('/template/pc/ycnhz/img/contact/phoneIcon.png');
  width: 9.48vw;
  height: 6.46vw;
}

.qq {
  width: 6.56vw;
  height: 6.56vw;
  background-image: url('/template/pc/ycnhz/img/contact/qqIcon.png');
}

.contactIcon {
  width: 6.56vw;
  height: 6.56vw;
  background-image: url('/template/pc/ycnhz/img/contact/contactIcon.png');
}

.email {
  width: 6.56vw;
  height: 6.56vw;
  background-image: url('/template/pc/ycnhz/img/contact/emailIcon.png');
}

.contactBox p {
  font-size: 1.46vw;
}

.focusUs .exhibitTitle {
  color: rgba(255, 255, 255, 0.6);
}

.focusUs {
  background-image: url('/template/pc/ycnhz/img/contact/focusOnUs.jpg');
  height: 50vw;
  box-sizing: border-box;
  padding: 5.05vw 0;
  background-size: 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.focusUsCtx {
  display: flex;
  justify-content: center;
}

.wechatCode,
.douyinCode {
  text-align: center;
}

.focusUsCtx img {
  width: 26.41vw;
  height: 26.41vw;
  display: block;
}

.focusUsCtx h3 {
  display: inline-block;
  text-align: center;
  font-size: 2.08vw;
  margin-top: -2vw;
  border-bottom: 3px solid #333;
  padding: 0.3vw 0;
}

.map {
  display: flex;
}

.mapLeft {
  position: relative;
}

.mapTitle {
  position: absolute;
  top: 2vw;
  color: rgba(255, 255, 255, 0.2);
  margin-left: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mapLeft,
.mapLeft img {
  width: 33.23vw;
  height: 50vw;
}

.mapRight {
  width: 66.77vw;
  height: 50vw;
}

.qqnumbers p {
  line-height: 2.5vw;
}

.contactBox .qqnumbers p a:link,
.contactBox .qqnumbers p a:visited,
.contactBox .qqnumbers p a:hover {
  color: #fff;
}

.qqnumbers img {
  height: 1.5vw;
}

a:link,
a:visited{
  text-decoration: none;
  color: #191818;
}
a:hover {
  text-decoration: none;
  color: #ffffff;
}<!--0.00024890899658203-->