@charset "utf-8";
/* -------------------------------------------------------------------------

Version:  1.0
Author:	  Bing
blog:     https://blog.csdn.net/Centenario_0?spm=1000.2115.3001.5343&type=blog

--------------------------------------------------------------------------- */
/* mixins */
/* 14px 文本 */
@media screen and (max-width: 768px) {
  #contact .map {
    padding: 0 0 2rem;
  }
  #contact .map .m-pic {
    width: 100%;
    margin-top: 2rem;
  }
  #contact .map .m-pic img {
    opacity: 1;
  }
  #contact .map .m-pic::before {
    display: none;
  }
  #contact .map .zb {
    margin-top: 30px;
    display: flex;
    flex-direction: column-reverse;
  }
  #contact .map .cont {
    padding-left: 0;
  }
  #contact .map .cont h4 {
    font-size: 1rem;
    padding-bottom: 0;
  }
  #contact .map .cont h4::before {
    display: none;
  }
  #contact .map .cont p {
    font-size: 0.7rem;
    margin-top: 1rem;
  }
  #contact .four {
    padding: 2rem 0;
  }
  #contact .four .four-box {
    flex-wrap: wrap;
  }
  #contact .four .four-box .f-item {
    width: 100%;
    margin-bottom: 4%;
  }
  #contact .four .four-box .f-item h4 {
    font-size: 0.9rem;
  }
  #contact .four .four-box .f-item .b p {
    font-size: 0.8rem;
  }
  #contact .address .container {
    flex-wrap: wrap;
  }
  #contact .address .container .a-item {
    width: 100%;
    height: 25%;
    align-items: flex-start !important;
    padding: 1rem 0;
    border: none;
    border-bottom: 0.05rem solid rgba(255, 255, 255, 0.2);
  }
  #contact .address .container .a-item:last-of-type {
    border-bottom: none;
  }
  #contact .address .container .a-item h4 {
    font-size: 0.9rem;
  }
  #contact .address .container .a-item p {
    transform: scale(1) !important;
    opacity: 1 !important;
    font-size: 0.7rem;
    margin-top: 1rem;
    width: 100%;
    min-height: initial;
  }
  #contact .address .container .a-item .icon {
    display: none;
    transform: translateY(1rem) !important;
    opacity: 0 !important;
  }
}