.map-section{background-color:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);padding:30px;margin-bottom:40px;overflow:hidden}
.section-header{text-align:center;margin-bottom:30px}
.section-header h2{font-size:28px;color:#38b2de;position:relative;display:inline-block;padding-bottom:15px}
.section-header h2:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(to right,#38b2de,#2c5282);border-radius:3px}
.map-container{display:flex;flex-wrap:wrap;gap:30px;align-items:center}
.guangdong-map{flex:1;min-width:300px;position:relative;background:url(/theme/default/images/map.jpg) center no-repeat;background-size:100% 100%}
.map-info{flex:1;min-width:300px;border-radius:8px;padding:25px;box-shadow:0 3px 10px rgba(0,0,0,0.08)}
.map-info h3{color:#38b2de;margin-bottom:20px;font-size:22px;padding-bottom:10px;border-bottom:1px solid #ddd}
.company-info{display:none}
.company-info.active{display:block;animation:fadeIn 0.5s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}.info-item{margin-bottom:15px;display:flex;align-items:flex-start}
.info-item i{color:#38b2de;font-size:18px;min-width:24px;margin-right:10px;margin-top:3px}
.info-text{flex:1}
.info-text h4{font-size:18px;margin-bottom:5px;color:#38b2de; font-weight:600;}
.info-text p{color:#555;font-size:16px}
.map-hint{text-align:center;margin-top:15px;font-style:italic;color:#666;font-size:14px}
.global-presence{background-color:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);padding:30px;margin-bottom:40px}
.presence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}
.location-card{background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border-radius:8px;padding:20px;text-align:center;transition:transform 0.3s,box-shadow 0.3s;border:1px solid #e1e4e8}
.location-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1);background:linear-gradient(to bottom,#e9ecef,#dee2e6)}
.location-icon{font-size:36px;color:#38b2de;margin-bottom:15px}
.location-card h4{color:#38b2de;margin-bottom:10px}
.location-card p{color:#555;font-size:14px}
@media (max-width:768px){.map-container{flex-direction:column}
.guangdong-map{width:100%}
}svg{width:100%;height:auto;display:block;margin:0 auto}
.province{fill:#e0e7ff;stroke:#a5b4fc;stroke-width:1;transition:fill 0.3s}
.province:hover{fill:#c7d2fe;cursor:pointer}
.shenzhen,.huizhou{fill:#93c5fd;cursor:pointer}
.shenzhen:hover,.huizhou:hover{fill:#3b82f6}
.city-label{font-size:18px;font-weight:bold;fill:#1e3a8a;pointer-events:none}