div,
span {
    /*font-size: 12px;*/
    /* font-size: 0; */
}

* {
    box-sizing: border-box;
}

body {
    width: 100%;
    min-width: 1280px;
    height: 100vh;
}

.container {
    position: relative;
    width: 100%;
    height: calc(100vh - 90px);
    background: url(/static/images/bg.png) no-repeat;
    background-size: 100% 100%;
}

.erweima {
    position: absolute;
    top: 440px;
    left: 18.5%;
    display: flex;
    text-align: center;
    z-index: 999;
    width: 100px;
    height: 50px;
}

.erweima div:first-child {
    margin-right: 20px;
}

.erweima div span {
    font-size: 14px;
    color: #999;
}

.erweima-img {
    width: 100px;
    height: 100px;
    background: red;
    margin-bottom: 10px;
}
.banner-title{
    position: absolute;
    top: 240px;
    left: 18.5%;
}

.location-phone {
    position: absolute;
    top: 110px;
    right: 13%;
    width: 600px;
}

.location-phone:hover .location {
    transform: scale(1.2);
    cursor:pointer;
}

.location-phone:hover .info-text {
    top: 375px;
    opacity: 1;
}


.location-phone-img {
    width: 100%;
    cursor: pointer;
}

.location {
    position: absolute;
    top: 192px;
    left: 38%;
    width: 35px;
    height: 35px;
    transition: all .3s;
}

/* .info-text {
  position: absolute;
  top: 378px;
  left: 55px;
  width: 271px;
  height: 139px;
  background: #fff;
  transform: rotateX(-36deg) rotateY(5deg) rotateZ(371deg);
  border-radius: 6px;
  padding: 15px 20px;
} */

.info-text {
    position: absolute;
    top: 383px;
    left: 58px;
    width: 251px;
    transition: all .8s;
    opacity: 0;
}

.flex {
    display: flex;
}

.flex div {
    width: 50%;
}

.mb {
    margin-bottom: 8px;
    font-size: 14px;
}

.col-3 {
    color: #333;
}

.col-6 {
    color: #666;
}