.about_banner{width:100%;min-width:1200px;height:auto;text-align:center;margin:0 auto;}
.about_banner img{width:100%;height:auto;display:block;}

.about_title{width:100%;margin:40px 0 30px;}

.garden_title{width:1200px;margin:0 auto;text-align:center;height:auto;border-bottom:none;}
.garden_title::after{display:none;}
.garden_title h2{font-size:40px;color:#444444;font-weight:bold;margin-bottom:10px;}
.garden_title p{font-size:18px;color:#444444;}

.about_box{width:1200px;margin:0 auto;padding-bottom:60px;}

.about_but{text-align:center;margin-bottom:40px;}
.about_but ul{display:inline-flex;list-style:none;padding:0;margin:0;border-bottom:2px solid #e5e5e5;}
.about_but li{font-size:18px;color:#666;padding:12px 40px;cursor:pointer;transition:all 0.3s;margin-bottom:-2px;border-bottom:2px solid transparent;}
.about_but li:hover{color:#009C43;}
.about_but li.active{color:#009C43;font-weight:bold;border-bottom:2px solid #009C43;}

.about_top ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.about_top ul li{background:#fff;border:1px solid #eee;border-radius:6px;overflow:hidden;transition:all 0.3s;}
.about_top ul li:hover{box-shadow:0 4px 20px rgba(0,156,67,0.15);transform:translateY(-3px);}
.about_top ul li a{display:block;text-decoration:none;color:inherit;}

.about_top_img{width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;overflow:hidden;}
.about_top_img img{max-width:90%;max-height:220px;width:auto;height:auto;display:block;object-fit:contain;}

.about_top_text{padding:16px 20px;text-align:center;}
.about_top_text h2{font-size:16px;color:#333;margin:0 0 8px;font-weight:bold;line-height:1.4;}
.about_top_text p{font-size:14px;color:#999;margin:0;}