.main{width:100%;background:url(http://store.mayasheji.cn/images/banner5.jpg) no-repeat top center;background-size:100%;background-attachment:fixed;padding-top:500px}.title h1{font-weight:normal;margin:0;font-size:24px;text-align:center}.title .en{font-weight:300;font-size:20px;text-align:center}.contact{background:#fff;padding:100px 30px}.contact .title{margin-bottom:50px}.contact .contact-con{width:960px;margin:0 auto;display:flex;align-items:center}.contact .map{width:600px;height:400px;margin-right:30px}.contact .map img{width:600px;height:400px}.contact .info{flex:1}.contact .info .info-title{font-size:20px;position:relative;padding:5px 0;margin-bottom:30px}.contact .info .info-title::after{display:block;content:'';width:40px;height:1px;background:#ddd;position:absolute;left:0;bottom:0}.contact .info .info-list{width:300px}.contact .info .info-list .info-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #ddd}.contact .info .info-list .info-item i{font-size:30px;color:#666;margin-right:10px}@media screen and (max-width:1024px){.main{padding-top:400px}.contact .contact-con{width:100%}}@media screen and (max-width:768px){.main{padding-top:300px}.contact{padding:50px 20px}.contact .contact-con{flex-direction:column}.contact .map{margin:0}.contact .info{padding:0 50px;box-sizing:border-box;margin-top:20px}.contact .info .info-title{margin-bottom:20px}.contact .info .info-list{width:auto}}@media screen and (max-width:640px){.main{padding-top:240px}.contact{padding:20px 10px}.contact .info{padding:0 20px}}@media screen and (max-width:360px){.main{padding-top:140px}.contact{padding:20px 10px}.contact .title{margin-bottom:20px}.contact .map{width:320px;height:200px}.contact .info{padding:0 10px}}