#contact-container-pc{display: block;}
.contact-container-m{display: none}
.page-footer{display: block}
.page-footer-m{display: none}

@media screen and (max-width: 1023px) {
		#contact-container-pc{display: none;}
.contact-container-m{display: block}
	.page-footer{display: none}
.page-footer-m{display: block}
  .page-footer-m {
    display: block;
    background-color: #333;
    padding: 1.5rem;
  }
  .page-footer-m p {
    margin-bottom: .4rem;
    text-align: center;
    font-size: 1.4rem;
    color: #636974;
    font-weight: 400;
  }
  .page-footer-m p:last-of-type {
    margin-bottom: 0;
  }
			body {
		background-color:#f5f6f7;
	}
	div {
		box-sizing: border-box;
	}
	.contact-head-m{
		width:100%;
		height:18rem;
		background-color: #fff;
		padding: 0 1rem;
	}
	.contact-head-card-name-m{
		padding-top: 4rem;
		font-size:2.4rem;
		color:#212329;
	}
	.contact-head-card-content-m{
		margin-top:.8rem;
		font-size:1.4rem;
		color:#939499;
		line-height: 1.8rem;
	}
	.contact-content-m{
		margin: 4rem 1rem 2rem; 
	}
		.contact-head-name{
		text-align: center;
		font-size: 1.8rem;
		color: #212329;
	}
	
	.contact-content-main-m img {
		width: 100%;
		margin: 2rem 0;
	}
	
	.contact-content-main-m{
		margin: 2rem 0;
	}
	.contact-method__content{
		padding-top: 1.2rem;
	}
	.contact-method__container:before, .contact-method__container:after {
		display: inherit;
		content: inherit;
	}
	.contact-method__item{
		float: none;
	}
	.contact-phone {
		width: 100%;
		margin-left: 0;
	}
	.contact-method__title{ 
		padding-top: 0;
	   text-align: center;
	}
	.contact-phone__item{
		text-align: center;
	}
	.contact-email{
		width: 100%;
		margin-top: 1.6rem;
	}
	.contact-email__item{
		text-align: center;
	}
	.contact-wechat{
		width: 100%;
		margin-top: 1.6rem;
	}
	.contact-method__title{
		text-align: center;
	}
	.wechat__image{
		width: 20rem!important;
		height: auto!important;
		margin-top: 2rem!important;
		margin: 0 auto!important;
	}
}