*{margin: 0;
padding: 0;
box-sizing: border-box;
}
a{text-decoration: none;}
body{font: "微软雅黑";color: black;}
.nav{position: fixed;top: 0;left: 0;height: 60px;width: 100%;z-index: 9999;background: white;}
.nav-mian{display: flex; justify-content: space-between;width: 1400px;height: 60px;font-size: 24px;margin: 0 auto;}
.nav-logo {float: left;height: 60px; margin: 0 auto;}
.nav-logo img{height: 60px;}
.topmenu {
  display: flex;
  list-style: none;
}
.topmenu > li {
  position: relative; /* 关键点：二级菜单相对这个一级li定位 */
  margin-right:35px;
  margin-top: 10px;
  font-size:24px;
}
.topmenu > li > a{
  color:#000;
  text-decoration:none;
}
.topmenu > li > a:hover{
  color: darkgrey;
}

/* =====二级菜单样式===== */
.submenu {
  list-style: none;
  /* 默认隐藏 */
  display: none;
  position: absolute;
  left: 0;
  top: 100%; /* 紧贴一级菜单下方 */
  background:white ;
  width: 180px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  padding: 8px 6px;
}
.submenu li a {
  display: block;
  padding: 8px 14px;
  font-size: 20px;
  color:#333;
  text-decoration:none;
}
/* 二级选项hover高亮，和截图灰色效果一致 */
.submenu li a:hover {
  background-color:#FDD5DC;
}
/* 悬浮一级li，显示二级下拉菜单 */
.topmenu > li:hover .submenu{
  display:block;
}
.banner{width: 100%;height: 685px;margin-top: 60px;}
.banner img{width: 100%;height: 685px;}
.section-title{
            text-align:center;
            margin:60px 0 60px;
        }
        .section-title h2{
            font-size:20px;
            font-weight:normal;
            color:#333;
        }
        .section-title p{
            font-size:16px;
            color:#555;
            margin-top:6px;
        }

       
        .shop-info{
            width:70%;
            margin:0 auto;
            display:flex;
            align-items:center;
            background:url("../img/beij.png") center/cover no-repeat;
            padding:30px;
            gap:40px;
        }
        #map {
				width: 400px;
				height: 250px;
				margin-top: 140px;
			}
        .info-left{
            flex:1;
        }
        .info-left .brand{
            display:flex;
            align-items:center;
            gap:8px;
            margin-bottom:30px;
        }
        .info-left p{
            font-size:14px;
            color:#444;
            line-height:2.2;
        }
        .info-left p:nth-of-type(2){
        	margin-top: 30px;
        }
        .info-right{
            flex:1;
        }
        .info-right img{
            width:400px;
            height: 500px;
            display:block;
        }
        
        
        .env-wrap{
            width:70%;
            margin:0 auto;
            display:flex;
            gap:20px;
            align-items:center;
            margin-bottom:80px;
        }
        .env-img-group{
            width:60%;
        }
        .env-img-group img{
            width:35%;
            margin:30px;
        }
        .env-text{
            width:30%;
        }
        .env-text h4{
            margin-bottom:10px;
            font-size:15px;
        }
        .env-text p{
            font-size:12px;
            color:#555;
            line-height:1.6;
        }
        footer{
            background-color:#fcd9d9;
            text-align:center;
            padding:40px;
            font-size:14px;
            color:#444;
        }