*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background:#1a3b70;color:#fff;padding:15px 0}
.logo{display:flex;align-items:center;gap:15px}
.protected-media{height:60px}
.logo-text h1{font-size:22px;font-weight:400}
nav{background:#153060;padding:12px 0}
nav ul{list-style:none;display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}
nav ul li a{color:#fff;text-decoration:none;font-size:16px;white-space:nowrap}
.banner{background:#f0f0f0;padding:80px 20px;text-align:center}
.banner h2{font-size:28px;color:#1a3b70;margin-bottom:15px}
.banner p{font-size:16px;color:#666;margin-bottom:30px}
.btn{display:inline-block;background:#e67e22;color:#fff;padding:12px 30px;border-radius:4px;text-decoration:none}
.section-title{text-align:center;margin:60px 0 40px}
.section-title h2{font-size:24px;color:#1a3b70;position:relative;padding-bottom:10px}
.section-title h2::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:#e67e22}
.services{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}
.service-item{flex:1;min-width:280px;max-width:350px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.service-img{height:150px;background:#f0f0f0;border-radius:4px;margin-bottom:20px}
.service-content h3{font-size:20px;color:#1a3b70;margin-bottom:15px}
.service-content p{color:#666;line-height:1.6}
.about{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.about-img{flex:1;min-width:300px;height:300px;background:#f0f0f0;border-radius:8px}
.about-content{flex:1;min-width:300px}
.about-content p{color:#666;line-height:1.8;margin-bottom:15px}

.projects-slider{position:relative;width:100%;max-width:1000px;margin:0 auto;border-radius:8px;overflow:hidden}
#slider{display:flex;transition:transform 0.3s ease;width:100%;height:400px}
.slide{flex:0 0 100%;width:100%;height:100%;position:relative}
.protected-container{width:100%;height:100%}
.protected-media{width:100%;height:100%;object-fit:cover;display:block}
.slide-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(26,59,112,0.7);color:#fff;padding:12px 0;text-align:center}
.slider-dots{display:flex;justify-content:center;gap:10px;margin-top:15px}
.slider-dots button{width:12px;height:12px;border-radius:50%;border:none;background:#ccc}
.slider-dots button.active{background:#1a3b70}
.slider-nav{text-align:center;margin-top:15px}
.slider-nav button{background:#1a3b70;color:#fff;border:none;padding:8px 16px;border-radius:4px;margin:0 5px;cursor:pointer}

.contact{background:#f8f8f8;padding:60px 20px}
.contact-info{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}
.contact-item{flex:1;min-width:180px;max-width:220px;background:#fff;padding:30px 20px;border-radius:8px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.contact-item i{font-size:24px;display:block;margin-bottom:10px;color:#1a3b70}
.contact-item img{width:24px;height:24px;display:block;margin:0 auto 10px auto}
.contact-item h3{font-size:18px;color:#1a3b70;margin-bottom:15px}
.contact-item p{color:#666;font-size:14px;line-height:1.6}
.contact-btn{display:inline-block;background:#1a3b70;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;font-size:14px}
footer{background:#1a3b70;color:#fff;padding:40px 20px}
.footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px}
.footer-column{flex:1;min-width:200px;max-width:250px}
.footer-column h3{font-size:18px;margin-bottom:20px;position:relative;padding-bottom:8px}
.footer-column h3::after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#e67e22}
.footer-column p{color:#ccc;line-height:1.6;margin-bottom:15px}
.footer-column a{display:block;color:#ccc;text-decoration:none;margin-bottom:10px}
.footer-column a:hover{color:#fff}
.footer-column img{height:16px;vertical-align:middle;margin-right:5px}
.copyright{text-align:center;color:#ccc;font-size:14px;border-top:1px solid #2c4b82;padding-top:20px}
.copyright a{color:#ccc;text-decoration:none}

@media(max-width:768px){
.container{padding:0 15px}
.protected-media{height:auto}
.logo{flex-direction:column;gap:10px;text-align:center}
.logo-text h1{font-size:18px}
#slider{height:220px}
.slide-caption h3{font-size:14px}
.service-item,.about-img,.about-content,.contact-item,.footer-column{min-width:100%}
}