@media screen and (min-width:0px)  and  (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
}

@media (min-width:1024px) {
.flex{display: flex; align-items: center; flex-wrap: wrap;}
.center{justify-content: center;}
.h-tips-m{display: none;}


.contact-address{}
.contact-address .wrap{border-bottom: 1px solid #efefef;padding-bottom: 40px;padding-top: 40px;}
.contact-address .left{width: 48%;}
.contact-address .title{font-size: 32px; font-weight: bolder; margin-bottom: 40px; text-align: center;}
.contact-address .list dt{font-size: 15px;margin-bottom: 8px;color: #333;font-weight: bolder;}
.contact-address .list dt img{width:25px;}
.contact-address .list dl{margin-bottom: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.contact-address .list dl:last-child{border-bottom: none;}
.contact-address .list dd{margin-bottom: 8px;font-size: 14px;color: #666;}
.contact-address .list .address{margin-right: 32px;}
.contact-address .list .number{font-family: din;color: #333;/* font-size: 15px; */}
.contact-address .list .number p{line-height: 160%; margin-right: 32px;}
.contact-address .list .icon {margin-right: 8px; width: 24px; height: 24px;}
.contact-address .list .icon img {
    border-style: none;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    -webkit-touch-callout: none;
    max-width: 100%;}
.contact-address .photo{margin-left: auto; width: 40%;}
.contact-address .photo img{width: 100%;}
}
#container{height: 500px;border: 1px solid #eaeaea;}
@media screen and (min-width: 0px) and (max-width: 1023px){
.contact-address{}
.contact-address .wrap{ }
.contact-address .left{padding: 0.15rem;}
.contact-address .title{font-size: 1.6rem; font-weight: bolder; margin-bottom: 1.5rem; text-align: center;}
.contact-address .list dt{font-size: .2rem;margin-bottom: 8px;color: #333;font-weight: bolder;}
.contact-address .list dt img{width:25px;}
.contact-address .list dl{margin-bottom: .15rem;border-bottom: 1px solid #eee;padding-bottom: .15rem;}
.contact-address .list dl:last-child{border-bottom: none;}
.contact-address .list dd{margin-bottom: .1rem;font-size: .2rem;color: #666;display: flex;align-items: center;align-content: flex-start;flex-direction: row;}
.contact-address .list .v{display: flex;/* margin-top: .15rem; */align-content: center;align-items: center;justify-content: center;}

.contact-address .list .address{ }
.contact-address .list .number{font-family: din;color: #333;font-size: .2rem;display: block;}
.contact-address .list .number img{max-width:100%}
.contact-address .list .number p{line-height: 160%; }
.contact-address .list .icon {margin-left: 8px;width: 24px;height: 24px;}
.contact-address .list .icon img {
    border-style: none;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    -webkit-touch-callout: none;
    max-width: 100%;}
.contact-address .photo{margin-left: auto; }
.contact-address .photo img{width: 100%;}
#container{height: 300px;margin-bottom: 20px;}
}