* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:"Microsoft YaHei",sans-serif;color:#333;line-height:1.6;}
a {text-decoration:none;color:#333;}
ul {list-style:none;}
img {max-width:100%;display:block;}
.container {width:1200px;margin:0 auto;}
.section-padding {padding:60px 0;}
.bg-gray {background:#f5f7fa;}
.section-title {text-align:center;margin-bottom:40px;}
.section-title h2 {font-size:32px;color:#1a5fb4;margin-bottom:10px;}
.section-title p {color:#666;font-size:16px;}
.site-header {background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.08);position:sticky;top:0;z-index:999;}
.header-wrap {display:flex;justify-content:space-between;align-items:center;height:80px;}
.logo img {height:50px;}
.main-nav ul {display:flex;gap:30px;}
.main-nav li {position:relative;}
.main-nav a {font-size:16px;color:#333;padding:28px 0;display:block;}
.main-nav li:hover>a,.main-nav .sel>a {color:#1a5fb4;}
.header-contact h4 {color:#1a5fb4;font-size:20px;}
.header-contact p {font-size:12px;color:#999;}
.mobile-menu-btn {display:none;font-size:26px;cursor:pointer;color:#1a5fb4;background:none;border:none;}
.mobile-nav {display:none;position:fixed;top:80px;left:0;width:100%;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.1);z-index:998;max-height:calc(100vh - 80px);overflow-y:auto;}
.mobile-nav.active {display:block;}
.mobile-nav li {border-bottom:1px solid #eee;}
.mobile-nav a {display:block;padding:15px 20px;font-size:16px;color:#333;}
.banner-item {position:relative;height:500px;overflow:hidden;background:linear-gradient(135deg,#0d3b66 0%,#1a5fb4 40%,#2980b9 70%,#3498db 100%);display:flex;align-items:center;}
.banner-item::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.08) 0%,transparent 40%);}
.banner-text {position:relative;top:auto;left:auto;transform:none;color:#fff;text-align:center;width:100%;z-index:2;}
.banner-text h1 {font-size:48px;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.2);}
.banner-text p {font-size:20px;margin-bottom:30px;opacity:0.95;}
.banner-btn {display:inline-block;padding:14px 45px;background:#e74c3c;color:#fff;border-radius:50px;font-size:17px;font-weight:bold;box-shadow:0 4px 15px rgba(231,76,60,0.4);transition:0.3s;}
.banner-btn:hover {background:#c0392b;transform:translateY(-2px);}
.service-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.service-card {background:#fff;padding:25px;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.05);transition:0.3s;}
.service-card:hover {transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.service-card h3 {font-size:20px;color:#1a5fb4;margin-bottom:15px;}
.service-card p {color:#666;margin-bottom:15px;font-size:14px;}
.service-card .service-img {height:200px;overflow:hidden;border-radius:6px;margin-bottom:15px;}
.service-card .service-img img {width:100%;height:100%;object-fit:cover;transition:0.3s;}
.service-card:hover .service-img img {transform:scale(1.05);}
.section-more {text-align:center;margin-top:40px;}
.more-btn {display:inline-block;padding:10px 40px;border:1px solid #1a5fb4;color:#1a5fb4;border-radius:50px;font-size:15px;transition:0.3s;}
.more-btn:hover {background:#1a5fb4;color:#fff;}
.advantage-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.advantage-item {background:#fff;padding:35px 25px;border-radius:8px;text-align:center;border:1px solid #e8e8e8;transition:0.3s;position:relative;overflow:hidden;}
.advantage-item::before {content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1a5fb4,#3498db);}
.advantage-item:hover {border-color:#1a5fb4;box-shadow:0 8px 25px rgba(26,95,180,0.15);transform:translateY(-3px);}
.advantage-icon {font-size:36px;margin-bottom:15px;}
.advantage-item h3 {font-size:18px;color:#1a5fb4;margin-bottom:12px;}
.advantage-item p {color:#666;font-size:14px;line-height:1.7;}
.case-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.case-card {background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.05);transition:0.3s;}
.case-card:hover {transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.1);}
.case-img {height:220px;overflow:hidden;}
.case-img img {width:100%;height:100%;object-fit:cover;transition:0.3s;}
.case-card:hover .case-img img {transform:scale(1.05);}
.case-info {padding:20px;}
.case-info h3 {font-size:18px;margin-bottom:10px;color:#333;}
.case-info p {color:#666;font-size:14px;}
.news-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.news-card {background:#fff;border-radius:8px;overflow:hidden;padding:20px;border-left:4px solid #1a5fb4;transition:0.3s;}
.news-card:hover {box-shadow:0 5px 15px rgba(0,0,0,0.08);transform:translateX(5px);}
.news-date {color:#999;font-size:12px;display:block;margin-top:10px;}
.news-card h3 {font-size:16px;margin-bottom:8px;line-height:1.4;}
.news-card h3 a {color:#333;}
.news-card h3 a:hover {color:#1a5fb4;}
.news-card p {color:#666;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.contact-wrap {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.contact-text h2 {font-size:32px;color:#1a5fb4;margin-bottom:20px;}
.contact-info {margin-top:30px;}
.contact-info p {font-size:18px;margin-bottom:10px;}
.submit-btn {display:inline-block;padding:14px 40px;background:#1a5fb4;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;}
.contact-direct {text-align:center;padding:40px 20px;background:#f8f9fa;border-radius:8px;}
.contact-direct h3 {font-size:24px;color:#1a5fb4;margin-bottom:20px;}
.page-banner {background:linear-gradient(135deg,#0d3b66,#1a5fb4);color:#fff;padding:60px 0;}
.page-banner h1 {font-size:36px;margin-bottom:10px;}
.breadcrumb {font-size:14px;}
.breadcrumb a {color:#fff;}
.small-banner {padding:30px 0;}
.list-wrap {display:grid;grid-template-columns:1fr 300px;gap:40px;}
.list-item {display:flex;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;}
.list-img {width:240px;height:160px;flex-shrink:0;overflow:hidden;border-radius:6px;}
.list-img img {width:100%;height:100%;object-fit:cover;}
.list-text h2 {font-size:20px;margin-bottom:10px;}
.list-text h2 a {color:#333;}
.list-text h2 a:hover {color:#1a5fb4;}
.list-meta {color:#999;font-size:12px;margin-bottom:10px;}
.list-text p {color:#666;font-size:14px;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.list-more {color:#1a5fb4;font-size:14px;}
.page-pagination {text-align:center;margin-top:30px;}
.sidebar-block {background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;}
.sidebar-block h3 {font-size:18px;padding-bottom:10px;border-bottom:2px solid #1a5fb4;margin-bottom:15px;}
.sidebar-news li {padding:8px 0;border-bottom:1px dashed #eee;}
.sidebar-news a {font-size:14px;color:#555;}
.sidebar-news a:hover {color:#1a5fb4;}
.contact-block {text-align:center;background:linear-gradient(135deg,#1a5fb4,#2980b9);color:#fff;}
.contact-block h3 {color:#fff;border-color:rgba(255,255,255,0.3);}
.sidebar-phone {font-size:24px;font-weight:bold;margin:10px 0;}
.sidebar-btn {display:inline-block;padding:8px 30px;background:#fff;color:#1a5fb4;border-radius:4px;margin-top:10px;}
.detail-wrap {display:grid;grid-template-columns:1fr 300px;gap:40px;}
.detail-header {border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:20px;}
.detail-header h1 {font-size:28px;margin-bottom:15px;line-height:1.4;word-break:break-all;}
.detail-meta {color:#999;font-size:14px;}
.detail-body {font-size:16px;line-height:1.8;color:#333;}
.detail-body img {max-width:100%;margin:15px 0;}
.detail-prevnext {margin-top:30px;padding-top:20px;border-top:1px solid #eee;display:flex;justify-content:space-between;gap:20px;}
.detail-prevnext p {padding:10px 15px;background:#f5f7fa;border-radius:6px;color:#666;flex:1;min-width:0;font-size:14px;}
.detail-prevnext p:last-child {text-align:right;}
.detail-prevnext a {color:#1a5fb4;}
.list-text h2,.page-banner h1 {word-break:break-all;white-space:normal;}
.site-footer {background:#2c3e50;color:#fff;padding:50px 0 0;}
.footer-wrap {display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px;}
.footer-item h3 {font-size:18px;margin-bottom:20px;}
.footer-about p {color:#bdc3c7;font-size:14px;margin-bottom:15px;line-height:1.8;}
.footer-contact p {color:#bdc3c7;font-size:14px;margin-bottom:8px;}
.footer-service li,.footer-news li {padding:6px 0;}
.footer-service a,.footer-news a {color:#bdc3c7;font-size:14px;}
.footer-service a:hover,.footer-news a:hover {color:#fff;}
.footer-copyright {border-top:1px solid #34495e;padding:20px 0;text-align:center;color:#bdc3c7;font-size:14px;}
.footer-copyright a {color:#bdc3c7;}
.mobile-contact {display:none;}
.footer-citys {border-top:1px solid #34495e;padding:20px 0;}
.footer-citys h4 {color:#fff;font-size:14px;margin-bottom:10px;}
.city-links {display:flex;flex-wrap:wrap;gap:10px 20px;}
.city-links a {color:#bdc3c7;font-size:13px;}
.city-links a:hover {color:#fff;}
@media screen and (max-width:1200px) {
    .container {width:95%;}
    .service-grid,.case-grid {grid-template-columns:repeat(2,1fr);}
    .advantage-grid {grid-template-columns:repeat(2,1fr);}
    .news-grid {grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:768px) {
    .main-nav,.header-contact {display:none;}
    .mobile-menu-btn {display:block;}
    .banner-item {height:320px;}
    .banner-text h1 {font-size:26px;}
    .banner-text p {font-size:15px;}
    .banner-btn {padding:12px 35px;font-size:15px;}
    .section-padding {padding:40px 0;}
    .section-title h2 {font-size:24px;}
    .service-grid,.case-grid {grid-template-columns:repeat(2,1fr);gap:15px;}
    .service-card {padding:15px;}
    .service-card h3 {font-size:16px;}
    .service-card p {font-size:13px;}
    .service-card .service-img {height:140px;}
    .case-img {height:140px;}
    .case-info {padding:12px;}
    .case-info h3 {font-size:15px;}
    .advantage-grid {grid-template-columns:repeat(2,1fr);gap:15px;}
    .advantage-item {padding:25px 15px;}
    .advantage-item h3 {font-size:16px;}
    .news-grid {grid-template-columns:1fr;}
    .contact-wrap,.list-wrap,.detail-wrap {grid-template-columns:1fr;}
    .list-item {flex-direction:column;}
    .list-img {width:100%;height:auto;}
    .footer-wrap {grid-template-columns:1fr 1fr;gap:25px;}
    .footer-about {grid-column:1/-1;}
    .footer-item h3 {font-size:16px;margin-bottom:15px;}
    .detail-prevnext {flex-direction:column;gap:10px;}
    .detail-prevnext p:last-child {text-align:left;}
    .mobile-contact {display:flex;position:fixed;bottom:0;left:0;width:100%;z-index:999;}
    .mobile-contact a {flex:1;text-align:center;padding:15px 0;color:#fff;font-size:16px;}
    .call-btn {background:#ff6b00;}
    .plan-btn {background:#1a5fb4;}
    body {padding-bottom:55px;}
    .city-links {gap:8px 15px;}
    .city-links a {font-size:12px;}
}