@charset "UTF-8";
/*pc端公用banner*/
@media (min-width: 820px) {
  .news-pc {
    background-image: url("../../img/news/banner-news.jpg");
  }
  .connect-pc {
    background-image: url("../../img/connect/banner-connect.jpg");
  }
  .map-bg {
    background-image: url("../../img/connect/bg.jpg");
  }
}

@media (min-width: 820px) {
  .banner-common {
    width: 100%;
    height: 6.25rem;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    font-weight: bold;
  }
  .banner-common p {
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .banner-common .EN {
    text-transform: uppercase;
    top: 2.4625rem;
    font-size: 0.75rem;
    
    font-weight: bold;
    color: #FFFFFF;
    opacity: .5;
  }
  .banner-common .zh {
    top: 2.9125rem;
    font-size: 0.625rem;
    
    font-weight: normal;
    color: #FFFFFF;
  }
}

/*移动端*/
@media (max-width: 820px) {
  .news-mb {
    background-image: url("../../img/news/banner-news-m.jpg");
  }
  .connect-mb {
    background-image: url("../../img/connect/banner-connect-mb.jpg");
  }
  .map-bg {
    background-image: url("../../img/connect/bg-mb.jpg");
  }
}

@media (max-width: 820px) {
  .banner-common {
    width: 100%;
    height: 15.357rem;
    background-size: 100% 17.143rem;
    position: relative;
    box-sizing: border-box;
  }
  .banner-common p {
    display: block;
    text-align: center;
    width: 100%;
  }
  .banner-common .EN {
    text-transform: uppercase;
    font-size: 1.429rem;
    font-weight: 400;
    color: #FFFFFF;
    position: absolute;
    top: 5.857rem;
    opacity: .5;
  }
  .banner-common .zh {
    position: absolute;
    top: 6.786rem;
    font-size: 1.714rem;
    
    font-weight: 600;
    color: #FFFFFF;
  }
}