:root{--primary-navy:#4a90d9;--primary-navy-light:#6bb3ea;--primary-navy-dark:#2d6ab3;--accent-gold:#87ceeb;--accent-gold-light:#e0f0fa;--bg-white:#ffffff;--bg-light:#f0f7ff;--bg-gray:#d6e4f0;--text-white:#ffffff;--text-gray:#5a7184;--text-gray-dark:#2d4a61;--text-navy:#2d6ab3;--border-subtle:rgba(74,144,217,0.15);--border-gold:rgba(135,206,235,0.4);--shadow-gold:0 0 40px rgba(74,144,217,0.2);--shadow-dark:0 20px 60px rgba(0,0,0,0.1);--gradient-navy:linear-gradient(135deg,#4a90d9 0%,#6bb3ea 50%,#2d6ab3 100%);--gradient-gold:linear-gradient(135deg,#4a90d9 0%,#4a90d9 50%,#4a90d9 100%);--transition-smooth:all 0.4s cubic-bezier(0.4,0,0.2,1);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Microsoft YaHei','PingFang SC','Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;background:var(--bg-white);color:var(--text-gray-dark);line-height:1.7;overflow-x:hidden;}
a{text-decoration: none;color: var(--text-gray);}
.container{max-width:1200px;margin:0 auto;padding:0 0px;}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);transition:var(--transition-smooth);}
.navbar.scrolled{padding:15px 0;box-shadow:0 5px 30px rgba(0,0,0,0.08);}
.navbar .container{display:flex;justify-content:space-between;align-items:center;}
.nav-brand{display:flex;align-items:center;gap:15px;}
.logo-icon{width:50px;height:auto;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;}
.logo-img{width:100%;height:100%;object-fit:cover;}
.nav-brand h1{font-size:2rem;font-weight:700;color:#1c497f;}
.nav-menu{display:flex;list-style:none;gap:40px;}
.nav-menu a{color:#000000;text-decoration:none;font-size:1.2rem;font-weight:500;transition:var(--transition-smooth);position:relative;padding:5px 0;}
.nav-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-gold);transition:var(--transition-smooth);}
.nav-menu a:hover,.nav-menu a.active{color:var(--primary-navy);}
.nav-menu a:hover::after,.nav-menu a.active::after{width:100%;}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--primary-navy);}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:100px;overflow:hidden;}
.hero-slideshow{width:100%;height:100%;position:absolute;top:0;left:0;}
.hero-slide{display:none;width:100%;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;left:0;animation:fadeIn 0.8s ease;}
.hero-slide.active{display:flex;justify-content:flex-start;}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(74,144,217,0.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(135,206,235,0.1) 0%,transparent 40%);pointer-events:none;}
.hero .container{display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:1;width:100%;}
.hero-controls{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;z-index:10;}
.hero-prev,.hero-next{width:50px;height:50px;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);border-radius:50%;color:var(--text-white);font-size:1.2rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;}
.hero-prev:hover,.hero-next:hover{background:rgba(255,255,255,0.3);border-color:var(--accent-gold);transform:scale(1.1);}
.hero-dots{display:flex;gap:15px;}
.hero-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.4);cursor:pointer;transition:var(--transition-smooth);}
.hero-dot.active{background:var(--accent-gold);width:30px;border-radius:6px;}
.hero-content{color:var(--text-white);}
.hero-badge{display:inline-block;background:rgba(255,255,255,0.1);border:1px solid rgba(255, 255, 255, 0.5);padding:10px 25px;border-radius:50px;font-size:0.9rem;color:#fff;margin-bottom:30px;}
.hero-content h2{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:25px;}
.hero-content h2 span{color:#fff;}
.hero-content p{font-size:1.1rem;color:rgba(255,255,255,0.8);margin-bottom:40px;line-height:1.8;}
.hero-buttons{display:flex;gap:20px;margin-bottom:60px;}
.btn-primary{background:#fff;color:var(--primary-navy);border:none;padding:16px 40px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-gold);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 50px rgba(74,144,217,0.4);}
.btn-secondary{background:transparent;color:var(--text-white);border:2px solid rgba(255,255,255,0.3);padding:14px 35px;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);}
.btn-secondary:hover{border-color:var(--accent-gold);color:var(--accent-gold);background:rgba(74,144,217,0.1);}
.hero-stats{display:flex;gap:60px;}
.hero-stat{text-align:left;}
.hero-stat .stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--accent-gold);line-height:1;margin-bottom:8px;}
.hero-stat .stat-label{color:rgba(255,255,255,0.7);font-size:0.9rem;}
.section-header{text-align:center;margin-bottom:60px;}
.section-title{font-size:2.5rem;font-weight:700;margin-bottom:25px;color:var(--text-navy);position:relative;}
.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-gold);border-radius:2px;}
.section-subtitle{font-size:1.1rem;color:var(--text-gray);max-width:500px;margin:0 auto;}
.profile{padding:60px 0;background:var(--bg-white);}
.profile-content{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:flex-start;}
.profile-image img{width:100%;height:570px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-dark);}
.profile-info h3{font-size:1.8rem;font-weight:700;color:var(--text-navy);margin-bottom:25px;}
.profile-info .profile-intro{margin-bottom:35px;}
.profile-info .profile-intro p{font-size:1rem;color:var(--text-gray);line-height:1.8;margin-bottom:15px;}
.profile-info .profile-intro p:last-child{margin-bottom:0;}
.profile-info .profile-section{margin-bottom:30px;}
.profile-info .profile-section:last-child{margin-bottom:0;}
.profile-section{background:var(--bg-light);border-radius:15px;padding:30px;}
.profile-section h4{font-size:1.15rem;font-weight:600;color:var(--text-navy);margin-bottom:20px;}
.fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.field-item{display:flex;align-items:center;justify-content:center;padding:15px 20px;background:var(--bg-white);border-radius:12px;transition:var(--transition-smooth);font-size:0.9rem;color:var(--text-gray-dark);font-weight:500;}
.field-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.08);background:var(--bg-light);}
.services{padding:60px 0;background:url('./images/services.jpg') center center / cover no-repeat fixed;position:relative;background-size:cover;background-position:center;background-attachment:fixed;min-height:100%;}
.services::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(74,144,217,0.85) 0%,rgba(107,179,234,0.85) 100%);z-index:0;}
.services .container{position:relative;z-index:1;}
.services .section-title{color:var(--text-white);}
.services .section-title::after{background:var(--accent-gold);}
.services .section-subtitle{color:rgba(255,255,255,0.8);}
.services-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;}
.service-card{background:var(--bg-white);border-radius:20px;overflow:hidden;min-height:450px;position:relative;transition:var(--transition-smooth);box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1px solid var(--border-subtle);display:flex;flex-direction:row;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px rgba(74,144,217,0.15);border-color:rgba(74,144,217,0.3);}
.service-icon-box{width:40%;height:auto;min-height:450px;background:linear-gradient(135deg,var(--primary-navy) 0%,rgba(74,144,217,0.8) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;}
.service-icon-box::after{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:rgba(255,255,255,0.1);border-radius:50%;}
.service-icon-img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;z-index:1;}
.service-content{padding:35px;display:flex;flex-direction:column;flex:1;}
.service-card h3{font-size:1.35rem;font-weight:700;color:var(--text-navy);margin-bottom:15px;line-height:1.3;}
.service-card p{color:var(--text-gray);font-size:0.95rem;line-height:1.7;margin-bottom:20px;flex:1;}
.service-list{list-style:none;margin-bottom:20px;}
.service-list li{color:var(--text-gray-dark);padding:8px 0;font-size:0.9rem;position:relative;padding-left:22px;}
.service-list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--accent-gold);border-radius:50%;}
.service-link{display:inline-flex;align-items:center;color:var(--primary-navy);font-size:0.9rem;font-weight:600;text-decoration:none;padding:10px 0;transition:var(--transition-smooth);}
.service-link:hover{color:var(--accent-gold);transform:translateX(5px);}
.cases{padding:60px 0;background:#ffffff;}
.cases-wrapper{position:relative;width:100%;overflow:hidden;}
.cases-prev,.cases-next{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;background:rgba(255,255,255,0.95);border:1px solid var(--border-subtle);border-radius:50%;color:var(--primary-navy);font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.cases-prev{left:10px;}
.cases-next{right:10px;}
.cases-prev:hover,.cases-next:hover{background:var(--primary-navy);color:var(--text-white);border-color:var(--primary-navy);transform:translateY(-50%) scale(1.1);}
.cases-scroll{overflow-x:auto;overflow-y:hidden;padding:20px 40px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;}
.cases-scroll::-webkit-scrollbar{display:none;}
.cases-grid{display:flex;gap:25px;}
.case-card{flex-shrink:0;width:280px;background:var(--bg-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.06);transition:var(--transition-smooth);}
.case-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(74,144,217,0.15);}
.case-image{height:180px;overflow:hidden;}
.case-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);}
.case-card:hover .case-image img{transform:scale(1.08);}
.case-content{padding:22px;}
.case-date{color:var(--accent-gold);font-size:0.8rem;margin-bottom:10px;}
.case-content h3{font-size:1.05rem;font-weight:600;color:var(--text-navy);margin-bottom:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-content p{color:var(--text-gray);font-size:0.85rem;line-height:1.6;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.read-more{color:var(--primary-navy);text-decoration:none;font-weight:600;font-size:0.88rem;transition:var(--transition-smooth);}
.read-more:hover{color:var(--accent-gold);}
.laws{padding:60px 0;background:#f0f7ff;}
.links{padding:30px 0;background:#f8faff;border-top:1px solid var(--border-subtle);}
.links-content{display:flex;align-items:center;flex-wrap:wrap;gap:15px;}
.links-label{font-size:0.95rem;color:var(--text-gray);font-weight:600;white-space:nowrap;}
.links-list{display:flex;flex-wrap:wrap;gap:20px;}
.link-item{font-size:0.9rem;color:var(--text-gray);text-decoration:none;padding:6px 12px;border-radius:6px;transition:var(--transition-smooth);}
.link-item:hover{color:var(--primary-navy);background:rgba(74,144,217,0.08);}
.news-section{margin-top:40px;}
.news-container{display:grid;grid-template-columns:repeat(2,49%);gap:2%;}
.news-column{border-radius:15px;padding:25px;background:var(--bg-white);box-shadow:0 4px 20px rgba(0,0,0,0.04);}
.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--accent-gold);}
.column-title-wrap{display:flex;align-items:center;gap:10px;}
.column-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-white);flex-shrink:0;}
.column-icon svg{width:60%;height:60%;}
.column-title{font-size:1.2rem;font-weight:700;color:var(--text-navy);margin:0;}
.column-more{font-size:0.85rem;color:var(--text-gray);text-decoration:none;font-weight:500;transition:var(--transition-smooth);}
.column-more:hover{color:var(--primary-navy);}
.news-list{display:flex;flex-direction:column;gap:0;}
.news-item{display:flex;flex-direction:column;padding:15px 0;border-bottom:1px dashed var(--border-subtle);transition:var(--transition-smooth);}
.news-item:last-child{border-bottom:none;}
.news-item:hover{background:rgba(74,144,217,0.03);padding-left:8px;}
.news-item h3{margin:0 0 8px 0;font-size:0.95rem;font-weight:600;color:var(--text-navy);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-item h3 a{color:inherit;text-decoration:none;transition:var(--transition-smooth);}
.news-item h3 a:hover{color:var(--primary-navy);}
.news-item p{margin:0;font-size:0.82rem;color:var(--text-gray);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.contact{padding:60px 0;background:#fff;}
.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:flex-start;}
.contact-image{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-dark);width:100%;height:0;padding-bottom:65%;position:relative;}
.contact-image img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.contact-image.contact-map{padding-bottom:0;height:450px;background:var(--bg-light);}
.contact-info{display:flex;flex-direction:column;gap:25px;}
.info-item{display:flex;align-items:flex-start;gap:20px;padding:25px;border-radius:15px;background:var(--bg-light);}
.info-icon{width:55px;height:55px;background:rgba(74,144,217,0.08);border:1px solid var(--border-gold);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-navy);flex-shrink:0;}
.info-icon svg{width:55%;height:55%;}
.info-content strong{display:block;font-size:1.1rem;color:var(--text-navy);margin-bottom:8px;}
.info-content p{color:var(--text-gray);font-size:0.95rem;line-height:1.6;}
.footer{background:#0060c4;padding:60px 0 30px;}
.footer-content{display:grid;grid-template-columns:1fr 0.5fr 0.5fr 1.5fr;gap:50px;margin-bottom:50px;}
.footer-brand h4{font-size:1.4rem;font-weight:600;color:var(--text-white);margin-bottom:15px;}
.footer-brand p{color:rgba(255,255,255,0.6);font-size:0.95rem;}
.footer-section h4{color:var(--text-white);font-size:1rem;font-weight:600;margin-bottom:20px;}
.footer-section ul{list-style:none;}
.footer-section ul li{margin-bottom:12px;}
.footer-section ul li a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.9rem;transition:var(--transition-smooth);}
.footer-section ul li a:hover{color:var(--accent-gold);}
.footer-contact{display:flex;gap:20px;}
.footer-qr{text-align:center;}
.footer-qr img{width:150px;height:150px;border-radius:8px;border:2px solid rgba(255,255,255,0.2);}
.footer-qr span{display:block;color:rgba(255,255,255,0.6);font-size:0.8rem;margin-top:8px;}
.footer-info{display:flex;flex-direction:column;gap:12px;}
.footer-info-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.6);font-size:0.88rem;}
.footer-keywords{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0;border-top:1px solid rgba(255,255,255,0.08);margin-top:20px;}
.keywords-label{font-size:0.85rem;color:rgba(255,255,255,0.5);font-weight:600;white-space:nowrap;}
.keyword-item{font-size:0.85rem;color:rgba(255,255,255,0.5);text-decoration:none;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);transition:var(--transition-smooth);}
.keyword-item:hover{color:rgba(255,255,255,0.9);background:rgba(74,144,217,0.2);border-color:rgba(74,144,217,0.3);}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.5);font-size:0.9rem;}
.footer-bottom p a{color:rgba(255,255,255,0.5);text-decoration : none ;}
.float-sidebar{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;z-index:1000;}
.float-item{position:relative;}
.float-icon-btn{width:4rem;height:4rem;background:linear-gradient(135deg,var(--primary-navy) 0%,#6bb3ea 100%);color:var(--text-white);border:none;border-radius:0.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);box-shadow:0 4px 15px rgba(74,144,217,0.3);}
.float-icon-btn svg,.float-icon-img{width:55%;height:55%;object-fit:contain;}
.float-icon-btn:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(74,144,217,0.4);}
.float-tooltip{position:absolute;right:65px;top:50%;transform:translateY(-50%);background:var(--bg-white);border-radius:12px;padding:15px;box-shadow:0 8px 30px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transition:var(--transition-smooth);white-space:nowrap;z-index:1001;border:1px solid var(--border-subtle);}
.float-item:hover .float-tooltip{opacity:1;visibility:visible;right:70px;}
.float-qr-img{width:120px;height:120px;object-fit:cover;border-radius:8px;display:block;margin-bottom:8px;}
.float-tooltip p{font-size:0.85rem;color:var(--text-gray);margin:0;text-align:center;}
.float-phone-text{font-size:1.2rem;font-weight:700;color:var(--primary-navy);margin:0;text-align:center;}
.page-banner{position:relative;height:380px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top: 105px;}
.page-banner-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.page-banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000021;}
.page-banner-content{position:relative;z-index:1;text-align:center;color:var(--text-white);}
.page-banner-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;}
.page-banner-desc{font-size:1rem;opacity:0.85;}
.page-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;font-size:0.9rem;opacity:0.9;}
.page-breadcrumb a{color:var(--text-white);text-decoration:none;transition:var(--transition-fast);}
.page-breadcrumb a:hover{color:var(--text-gold);text-decoration:underline;}
.page-breadcrumb span{color:rgba(255,255,255,0.6);}
.page-content{padding:60px 0;}
.services-page{padding:60px 0;}
.services-intro{background:var(--bg-light);border-radius:20px;padding:40px;margin-bottom:60px;text-align:center;}
.services-intro p{font-size:1rem;color:var(--text-gray);line-height:1.8;max-width:800px;margin:0 auto;}
.services-page .services-grid{display:grid;grid-template-columns:1fr;gap:30px;}
.services-page .services-card{background:var(--bg-white);border-radius:20px;overflow:hidden;transition:var(--transition-smooth);box-shadow:0 2px 15px rgba(0,0,0,0.04);display:flex;align-items:stretch;}
.services-page .services-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(74,144,217,0.15);}
.services-page .services-card-image{width:35%;flex-shrink:0;position:relative;overflow:hidden;}
.services-page .services-card-image img{width:100%;height:100%;object-fit:cover;display:block;}
.services-page .services-card-content{padding:30px;flex:1;display:flex;flex-direction:column;}
.services-page .services-card-content h3{font-size:1.35rem;font-weight:700;color:var(--text-navy);margin-bottom:15px;}
.services-page .services-card-content p{font-size:0.95rem;color:var(--text-gray);line-height:1.7;margin-bottom:20px;}
.services-page .services-card-list{list-style:none;}
.services-page .services-card-list li{font-size:0.9rem;color:var(--text-gray);padding:8px 0;padding-left:20px;position:relative;}
.services-page .services-card-list li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary-navy);border-radius:50%;}
.contact-page{padding:60px 0;}
.contact-page-content{display:flex;gap:50px;}
.contact-info-section{flex:1;background:var(--bg-light);border-radius:20px;padding:40px;}
.contact-info-title{font-size:1.5rem;font-weight:600;color:var(--text-navy);margin-bottom:30px;}
.contact-info-list{display:flex;flex-direction:column;gap:25px;}
.contact-info-item{display:flex;align-items:flex-start;gap:20px;padding:20px;background:var(--bg-white);border-radius:12px;transition:var(--transition-smooth);}
.contact-info-item:hover{transform:translateX(5px);box-shadow:0 4px 20px rgba(74,144,217,0.1);}
.contact-info-icon{width:55px;height:55px;background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-navy-light) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-info-icon svg{width:24px;height:24px;}
.contact-wechat-icon{width:120px;height:120px;background:none;border-radius:12px;border:2px solid var(--border-gold);overflow:hidden;}
.contact-wechat-icon img{width:100%;height:100%;object-fit:cover;}
.contact-info-content h4{font-size:1.1rem;font-weight:600;color:var(--text-navy);margin-bottom:5px;}
.contact-info-content p{font-size:0.95rem;color:var(--text-gray);line-height:1.6;}
.contact-map{flex:1.2;border-radius:20px;overflow:hidden;height:450px;background:var(--bg-light);position:relative;}
.contact-map img{width:100%;height:100%;}
.contact-map iframe{width:100%;height:100%;border:0;}
.cases-page{padding:60px 0;}
.cases-page .cases-intro{text-align:center;margin-bottom:60px;}
.cases-page .cases-intro p{font-size:1rem;color:var(--text-gray);line-height:1.8;max-width:800px;margin:0 auto;}
.cases-page .cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.cases-page .cases-card{background:var(--bg-white);border-radius:20px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,0.04);transition:var(--transition-smooth);cursor:pointer;}
.cases-page .cases-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(74,144,217,0.15);}
.cases-page .cases-card-image{width:100%;height:290px;overflow:hidden;}
.cases-page .cases-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:var(--transition-smooth);}
.cases-page .cases-card:hover .cases-card-image img{transform:scale(1.05);}
.cases-page .cases-card-content{padding:25px;}
.cases-page .cases-card-category{display:inline-block;font-size:0.8rem;color:var(--primary-navy);background:rgba(74,144,217,0.1);padding:4px 12px;border-radius:20px;margin-bottom:12px;font-weight:500;}
.cases-page .cases-card-title{font-size:1.2rem;font-weight:700;color:var(--text-navy);margin-bottom:12px;line-height:1.4;}
.cases-page .cases-card-desc{font-size:0.9rem;color:var(--text-gray);line-height:1.7;margin-bottom:15px;}
.cases-page .cases-card-meta{display:flex;gap:15px;font-size:0.85rem;color:var(--text-gray-light);}
.cases-page .cases-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:50px;}
.cases-page .cases-page-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-white);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-gray);font-size:1rem;transition:var(--transition-smooth);text-decoration:none;}
.cases-page .cases-page-link:hover{background:var(--primary-navy);color:var(--text-white);border-color:var(--primary-navy);}
.cases-page .cases-page-link.active{background:var(--primary-navy);color:var(--text-white);border-color:var(--primary-navy);}
.popular-page{padding:60px 0;}
.popular-intro{text-align:center;margin-bottom:60px;}
.popular-intro p{font-size:1rem;color:var(--text-gray);line-height:1.8;max-width:800px;margin:0 auto;}
.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.popular-card{background:var(--bg-white);border-radius:20px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,0.04);transition:var(--transition-smooth);cursor:pointer;}
.popular-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(74,144,217,0.15);}
.popular-card-image{width:100%;height:200px;overflow:hidden;}
.popular-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth);}
.popular-card:hover .popular-card-image img{transform:scale(1.1);}
.popular-card-content{padding:25px;}
.popular-card-category{display:inline-block;padding:6px 14px;background:var(--bg-light);border-radius:20px;font-size:0.8rem;color:var(--primary-navy);font-weight:500;margin-bottom:12px;}
.popular-card-title{font-size:1.2rem;font-weight:600;color:var(--text-navy);margin-bottom:10px;line-height:1.4;}
.popular-card-desc{font-size:0.9rem;color:var(--text-gray);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.popular-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-subtle);}
.popular-card-meta span{font-size:0.8rem;color:var(--text-gray);}
.popular-pagination{display:flex;justify-content:center;gap:10px;margin-top:50px;}
.popular-page-link{padding:12px 20px;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-gray);text-decoration:none;transition:var(--transition-smooth);}
.popular-page-link:hover,.popular-page-link.active{background:var(--primary-navy);color:var(--text-white);border-color:var(--primary-navy);}
.laws-page{padding:60px 0;}
.laws-sidebar{background:var(--bg-light);border-radius:16px;padding:30px;position:sticky;top:120px;height:fit-content;}
.laws-sidebar-title{font-size:1.2rem;font-weight:600;color:var(--text-navy);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary-navy);}
.laws-sidebar-list{display:flex;flex-direction:column;gap:5px;}
.laws-sidebar-item{padding:12px 15px;border-radius:8px;color:var(--text-gray);text-decoration:none;transition:var(--transition-smooth);}
.laws-sidebar-item:hover,.laws-sidebar-item.active{background:var(--primary-navy);color:var(--text-white);}
.laws-main{background:var(--bg-white);border-radius:16px;padding:40px;box-shadow:0 2px 15px rgba(0,0,0,0.04);}
.laws-category-header{display:flex;align-items:center;gap:15px;margin-bottom:30px;}
.laws-category-icon{width:48px;height:48px;border-radius:12px;background:var(--primary-navy);display:flex;align-items:center;justify-content:center;}
.laws-category-icon svg{width:24px;height:24px;fill:none;stroke:var(--text-white);stroke-width:2;}
.laws-category-title{font-size:1.5rem;font-weight:600;color:var(--text-navy);}
.laws-list{display:flex;flex-direction:column;gap:20px;}
.laws-item{display:flex;align-items:center;justify-content:space-between;padding:20px;background:var(--bg-light);border-radius:12px;transition:var(--transition-smooth);}
.laws-item:hover{background:rgba(74,144,217,0.08);}
.laws-item-info{flex:1;}
.laws-item-title{font-size:1.1rem;font-weight:500;color:var(--text-navy);margin-bottom:5px;}
.laws-item-meta{font-size:0.85rem;color:var(--text-gray);margin-bottom:10px;}
.laws-item-desc{font-size:0.9rem;color:var(--text-gray-light);line-height:1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.laws-item-arrow{width:40px;height:40px;border-radius:50%;background:var(--primary-navy);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);}
.laws-item:hover .laws-item-arrow{transform:translateX(5px);}
.laws-item-arrow svg{width:16px;height:16px;fill:none;stroke:var(--text-white);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.news-page{padding:60px 0;}
.news-page-content{display:grid;grid-template-columns:1fr 300px;gap:40px;}
.news-list{display:flex;flex-direction:column;gap:0px;}
.news-list-item{display:flex;gap:25px;background:var(--bg-white);border-radius:16px;padding:25px;box-shadow:0 2px 15px rgba(0,0,0,0.04);transition:var(--transition-smooth);}
.news-list-item:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(74,144,217,0.1);}
.news-list-item-img{width:200px;height:140px;border-radius:12px;overflow:hidden;flex-shrink:0;}
.news-list-item-img img{width:100%;height:100%;object-fit:cover;}
.news-list-item-content{flex:1;display:flex;flex-direction:column;}
.news-list-item-title{font-size:1.2rem;font-weight:600;color:var(--text-navy);margin-bottom:10px;line-height:1.4;text-decoration:none;}
.news-list-item-title:hover{color:var(--primary-navy);}
.news-list-item-desc{font-size:0.9rem;color:var(--text-gray);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-list-item-meta{display:flex;gap:15px;font-size:0.85rem;color:var(--text-gray);margin-top:15px;}
.news-sidebar{background:var(--bg-light);border-radius:16px;padding:30px;}
.news-sidebar-title{font-size:1.2rem;font-weight:600;color:var(--text-navy);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary-navy);}
.news-tags{display:flex;flex-wrap:wrap;gap:10px;}
.news-tag{padding:8px 16px;background:var(--bg-white);border-radius:20px;font-size:0.85rem;color:var(--text-gray);text-decoration:none;transition:var(--transition-smooth);}
.news-tag:hover{background:var(--primary-navy);color:var(--text-white);}
.news-pagination{display:flex;justify-content:center;gap:10px;margin-top:50px;}
.news-page-link{padding:12px 20px;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-gray);text-decoration:none;transition:var(--transition-smooth);}
.news-page-link:hover,.news-page-link.active{background:var(--primary-navy);color:var(--text-white);border-color:var(--primary-navy);}
.article-page{padding:60px 0;}
.article-header{text-align:center;margin-bottom:40px;}
.article-title{font-size:2.2rem;font-weight:700;color:var(--text-navy);margin-bottom:20px;line-height:1.4;}
.article-meta{display:flex;justify-content:center;gap:20px;font-size:0.9rem;color:var(--text-gray);}
.article-meta span{display:flex;align-items:center;gap:5px;}
.article-image{width:100%;height:400px;border-radius:16px;overflow:hidden;margin-bottom:40px;}
.article-image img{width:100%;height:100%;object-fit:cover;}
.article-body{font-size:1rem;color:var(--text-gray-dark);line-height:1.9;}
.article-body video{margin: 0 auto;display: flex;}
.article-body h2{font-size:1.5rem;font-weight:600;color:var(--text-navy);margin:30px 0 15px;}
.article-body h3{font-size:1.3rem;font-weight:600;color:var(--text-navy);margin:25px 0 15px;}
.article-body p{margin-bottom:15px;text-indent:2em;}
.article-body ul,.article-body ol{margin:15px 0;padding-left:30px;}
.article-body li{margin-bottom:10px;}
.article-body blockquote{border-left:4px solid var(--primary-navy);padding-left:20px;margin:20px 0;color:var(--text-gray);font-style:italic;}
.article-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-subtle);}
.article-tag{padding:8px 16px;background:var(--bg-light);border-radius:20px;font-size:0.85rem;color:var(--primary-navy);text-decoration:none;}
.article-share{display:flex;justify-content:center;gap:20px;margin-top:40px;padding-top:30px;border-top:1px solid var(--border-subtle);}
.share-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-light);border:none;border-radius:10px;font-size:0.9rem;color:var(--text-gray);cursor:pointer;transition:var(--transition-smooth);}
.share-btn:hover{background:var(--primary-navy);color:var(--text-white);}
.about-page{padding:60px 0;}
.about-page-header{text-align:center;margin-bottom:60px;}
.about-page-title{font-size:2.5rem;font-weight:700;color:var(--text-navy);margin-bottom:15px;}
.about-page-desc{font-size:1.1rem;color:var(--text-gray);}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:60px;}
.about-stat{text-align:center;padding:30px;background:var(--bg-light);border-radius:16px;}
.about-stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--primary-navy);margin-bottom:10px;}
.about-stat-label{font-size:0.95rem;color:var(--text-gray);}
/* .about-content{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin-bottom:60px;} */
.about-image{border-radius:20px;overflow:hidden;box-shadow:var(--shadow-dark);}
.about-image img{width:100%;height:450px;object-fit:cover;}
.about-info h3{font-size:1.8rem;font-weight:700;color:var(--text-navy);margin-bottom:25px;}
.about-info p{font-size:1rem;color:var(--text-gray);line-height:1.8;margin-bottom:20px;}
.about-experience{margin-bottom:60px;}
.about-experience-title{font-size:1.5rem;font-weight:600;color:var(--text-navy);text-align:center;margin-bottom:40px;}
.about-experience-list{display:flex;flex-direction:column;gap:20px;}
.about-experience-item{display:flex;gap:30px;background:var(--bg-light);border-radius:16px;padding:30px;}
.about-experience-year{width:120px;background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-navy-light) 100%);border-radius:12px;color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0;}
.about-experience-content h4{font-size:1.2rem;font-weight:600;color:var(--text-navy);margin-bottom:10px;}
.about-experience-content p{font-size:0.95rem;color:var(--text-gray);line-height:1.6;}
.about-achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.about-achievement{background:var(--bg-white);border-radius:16px;padding:30px;text-align:center;box-shadow:0 2px 15px rgba(0,0,0,0.04);}
.about-achievement-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-navy-light) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.about-achievement-icon svg{width:30px;height:30px;}
.about-achievement h4{font-size:1.2rem;font-weight:600;color:var(--text-navy);margin-bottom:10px;}
.about-achievement p{font-size:0.9rem;color:var(--text-gray);line-height:1.6;}


.article-navigation{display: flex;flex-direction: column;margin-top: 5%;font-size: 16px;line-height: 36px;color: #7f7f7f;;}


/*地图*/

#mapDiv { height: 500px; width: 100%; }
 .info-content {font-size: 13px;line-height: 20px;padding: 5px 0;}


/*.principal-pages{padding:2% 0;}*/
.cases-pagination {text-align: center;font-size: 16px;    margin-top: 3%;}
.cases-pagination a:nth-child(1) {display: none;}
.cases-pagination a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:55px;height:34px;font:14px/34px arial;}
.cases-pagination a:hover,.cases-pagination a:active{background:#005ab7;color: #FFFFFF;text-decoration: none;}
.cases-pagination .cur { background: #005ab7;border: 1px solid #005ab7;text-decoration: none;}
.cases-pagination a.cur {color: #fff;}
.cases-pagination .disabled {width: 79px;}
.cases-pagination b{border: 1px solid #ddd;display: inline-block;margin-right: 6px;color: #ffffff;width: 55px;height: 34px;font: 14px/34px arial;    background-color: #205aef;}

@media (max-width:1200px){
    .container{padding:0 40px;}
    .hero-content h2{font-size:3rem;}
    .hero-content p{font-size:1rem;}
    .hero-stat .stat-number{font-size:2rem;}
}
@media (max-width:1024px){
    .hero{min-height:90vh;}
    .hero-slide{min-height:90vh;}
    .hero-content h2{font-size:2.6rem;}
    .hero-stat .stat-number{font-size:1.8rem;}
    .hero-badge{padding:8px 20px;font-size:0.85rem;}
}
@media (max-width:992px){
    .container{padding:0 30px;}
    .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-white);flex-direction:column;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);}
    .nav-menu.active{display:flex;}
    .nav-menu li{margin:5px 0;}
    .nav-menu a{display:block;padding:12px 20px;border-radius:8px;}
    .nav-menu a:hover{background:rgba(74,144,217,0.05);}
    .nav-toggle{display:block;}
    .hero{min-height:85vh;}
    .hero-slide{min-height:85vh;}
    .hero .container{display:flex;justify-content:center;text-align:center;}
    .hero-content h2{font-size:2.4rem;}
    .hero-buttons{justify-content:center;}
    .hero-controls{bottom:20px;gap:15px;}
    .hero-prev,.hero-next{width:40px;height:40px;font-size:1rem;}
    .hero-stats{gap:40px;}
    .profile-content{grid-template-columns:1fr;gap:40px;}
    .profile-image img{height:1050px;}
    .fields-grid{grid-template-columns:repeat(2,1fr);}
    .services-grid{grid-template-columns:1fr;}
    .case-card{width:260px;}
    .news-container{grid-template-columns:1fr;}
    .contact-content{grid-template-columns:1fr;gap:50px;}
    .footer-content{grid-template-columns:repeat(2,1fr);}
    .footer-contact{flex-direction:column;align-items:center;text-align:center;}
    .footer-info{align-items:center;}
    .float-icon-btn{width:3.5rem;height:3.5rem;border-radius:0.6rem;}
    .float-tooltip{right:55px;padding:12px;}
    .float-item:hover .float-tooltip{right:60px;}
    .services-page .services-grid{grid-template-columns:1fr;}
    .contact-page-content{flex-direction:column;}
    .contact-map{height:400px;}
    .cases-page .cases-grid{grid-template-columns:repeat(2,1fr);}
    .popular-grid{grid-template-columns:repeat(2,1fr);}
    .news-page-content{grid-template-columns:1fr;}
    .laws-page-content{grid-template-columns:1fr;}
    .about-content{grid-template-columns:1fr;}
    .about-stats{grid-template-columns:repeat(2,1fr);}
    .about-achievements{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
    .hero-buttons{display: none;}
    .container{padding:0 20px;}
    .hero{min-height:75vh;}
    .hero-slide{min-height:75vh;}
    .hero-content h2{font-size:2rem;}
    .hero-badge{padding:8px 20px;font-size:0.8rem;}
    .hero-buttons{flex-direction:column;align-items:center;gap:15px;}
    .btn-primary,.btn-secondary{padding:14px 35px;width:200px;}
    .hero-controls{gap:10px;}
    .hero-stats{gap:30px;}
    .hero-stat .stat-number{font-size:1.5rem;}
    .hero-stat .stat-label{font-size:0.8rem;}
    .section-title{font-size:2rem;}
    .section-subtitle{font-size:1rem;}
    .profile{padding:30px 0;}
    .profile-image img{height:800px;}
    .profile-info h3{font-size:1.5rem;}
    .fields-grid{grid-template-columns:repeat(2,1fr);}
    .services{padding:30px 0;}
    .services-grid{grid-template-columns:1fr;}
    .service-card{min-height:auto;}
    .cases{padding:30px 0;}
    .case-card{width:240px;}
    .cases-prev,.cases-next{display:none;}
    .cases-scroll{padding:20px 10px;}
    .laws{padding:30px 0;}
    .news-container{grid-template-columns:1fr;gap:20px;display: flex;flex-direction: column;}
    .news-column{padding:20px;}
    .news-item h3{font-size:1rem;}
    .news-item p{font-size:0.85rem;}
    .contact{padding:30px 0;}
    .contact-content{gap:40px;}
    .contact-image{padding-bottom:55%;}
    .contact-image.contact-map{height:400px;}
    .info-item{padding:20px;gap:15px;flex-wrap:wrap;}
    .info-icon{width:45px;height:45px;font-size:1.2rem;}
    .info-content strong{font-size:1rem;}
    .info-content p{font-size:0.9rem;word-break:break-all;}
    .footer{padding:30px 0 20px;}
    .footer-content{grid-template-columns:1fr;gap:30px;margin-bottom: 20px;}
    .footer-brand h4{font-size:1.2rem;}
    .float-icon-btn{width:3rem;height:3rem;border-radius:0.5rem;}
    .float-tooltip{right:45px;padding:10px;}
    .float-item:hover .float-tooltip{right:50px;}
    .float-qr-img{width:100px;height:100px;}
    .section-header{margin-bottom: 30px;}
    .nav-menu{gap: 0px;}
    .page-banner-title{font-size:1.5rem;}
    .page-banner-desc{    font-size: 0.8rem;}
    .services-page .services-card{flex-direction:column;}
    .services-page .services-card-image{width:100%;height:200px;}
    .contact-map{height:350px;}
    .popular-grid{grid-template-columns:1fr;}
    .popular-card-image{height:180px;}
    .cases-page .cases-grid{grid-template-columns:1fr;}
    .cases-page .cases-card-image{height:290px;}
    .laws-main{padding:10px;}
    .laws-item{flex-direction:column;gap:15px;align-items:flex-start;}
    .laws-item-arrow{align-self:flex-end;}
    .news-list-item{flex-direction:column;}
    .news-list-item-img{width:100%;height:200px;}
    .about-stats{grid-template-columns:1fr;}
    .about-achievements{grid-template-columns:1fr;}
    .about-experience-item{flex-direction:column;}
    .about-experience-year{width:100%;height:60px;}
    .about-image img{height:350px;}
    .page-banner{height: 170px;margin-top: 80px;}
    .footer-keywords{display: none;}
    .laws-page{padding: 30px 0;}
    .contact-info-section{padding: 10px; }
    .contact-page{padding: 30px 0;}
    .profile-section{padding: 10px;}
    .article-title{font-size: 1.2rem;}
    .article-body img{width:100% !important;height:100% !important;}
    .article-page{padding: 30px 0;}
    .links-list{gap: 5px;}
    .contact-map{display:none;}
    .service-icon-box{width:0px;}
}
@media (max-width:576px){
    .hero{min-height:60vh;}
    .hero-slide{min-height:60vh;}
    .nav-brand h1{font-size:1.2rem;}
    .logo-icon{width:30px;height:40px;font-size:1.4rem;}
    .hero-content h2{font-size:1.6rem;}
    .hero-content p{font-size:0.85rem;}
    .hero-badge{padding:6px 15px;font-size:0.75rem;}
    .hero-stats{gap:20px;}
    .hero-stat .stat-number{font-size:1.2rem;}
    .hero-stat .stat-label{font-size:0.75rem;}
    .section-title{font-size:1.6rem;}
    .case-card{width:220px;}
    .service-content{padding:25px;}
    .service-card h3{font-size:1.2rem;}
    .news-item h3{font-size:0.9rem;}
    .news-item p{font-size:0.78rem;}
    .cases-scroll{padding:20px 5px;}
    .contact-content{gap:30px;}
    .contact-image{padding-bottom:50%;border-radius:12px;}
    .contact-image.contact-map{height:350px;}
    .info-item{padding:15px;gap:12px;}
    .info-icon{width:40px;height:40px;border-radius:10px;}
    .info-content strong{font-size:0.9rem;}
    .info-content p{font-size:0.85rem;}
    .footer-section{display: none;}
    .profile-image img{height: 500px;}
    .article-body video{width:100%;height: auto;}
}