.product-image { height: auto; width: 100%; } .banner { width: 100%; } .banner-list { position: relative; } .banner-list>div { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); z-index: 5; } .banner-list>p { position: absolute; top: 42%; left: 12%; color: rgba(251, 251, 251, 100); font-size: 30px; z-index: 10; } .banner-list>span { position: absolute; top: 56%; left: 12%; color: #fbfbfb; font-size: 30px; z-index: 10; } /* 鍏充簬鎴戜滑 */ .about { width: 1200px; margin: 0 auto; } .about>p { margin: 64px 0 40px 0; font-size: 16px; letter-spacing: 2px; line-height: 170%; } .about-list { margin-bottom: 30px; } .about-us { margin-bottom: 60px; } .about-list ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .about-list ul li { box-sizing: border-box; width: 30%; /* margin: 0 75px 30px 0; */ height: 227px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 255, 255, 100); text-align: center; padding: 45px 0 30px 0; margin-bottom: 20px; } /* .about-list ul li:nth-child(3n) { margin-right: 0px; } */ .about-list ul li p { font-size: 20px; } .about-list ul li img { width: 80px; height: 80px; padding-top: 40px; } .about-us ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .about-us ul li { box-sizing: border-box; width: 31%; /* margin: 0 59px 30px 0; */ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 255, 255, 100); } .about-us ul li img { width: 100%; height: 280px; } .about-us ul li .about-address { padding: 16px 25px 12px 31px; } .about-us ul li .about-address div { color: rgba(16, 16, 16, 100); font-size: 18px; padding-bottom: 10px } .about-us ul li .about-address p { color: rgba(16, 16, 16, 100); font-size: 15px; line-height: 24px; padding-bottom: 10px; } .about-us ul li .about-address p.about-address-area { height: 45px; } .about-us ul li .about-address p:last-child { padding-bottom: 0px; }