/*fp-seed:ubzcim0mki8t v2.83 y26jz14w*/
/* ============================================
   北京中由物流有限公司 - 全局样式 (1:1 还原参考站)
   ============================================ */

/* === Reset & Base === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Microsoft YaHei','PingFang SC','Source Han Sans CN','Helvetica Neue',Arial,sans-serif;color:#333;line-height:1.6;background:#fff;overflow-x:hidden;min-width:1200px}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
img{max-width:100%;height:auto;display:block}
button{cursor:pointer;border:none;outline:none;font-family:inherit}
input,textarea{font-family:inherit;outline:none}

/* === Container === */
.container{max-width:1200px;margin:0 auto;padding:0 10px}

/* === Section Heading === */
.section-heading{text-align:center;padding:60px 0 20px}
.section-heading h2{font-size:30px;font-weight:700;color:#000}
.section-heading .line{margin:12px auto 0;width:69px;height:6px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="8"><rect width="69" height="8" rx="4" fill="%23003a8e"/></svg>') center/contain no-repeat}

/* === Header / Navbar === */
.header{background:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.06);min-width:1200px}
.header .container{display:flex;align-items:center;height:80px;justify-content:space-between}
.header .logo img{height:58px}
.header .logo{display:flex;align-items:center}
.nav-list{display:flex;align-items:center;height:80px}
.nav-list>li{position:relative;height:80px;display:flex;align-items:center}
.nav-list>li>a{display:flex;align-items:center;height:80px;padding:0 18px;font-size:15px;color:#333;white-space:nowrap;transition:color 0.3s;position:relative}
.nav-list>li>a:hover,.nav-list>li>a.active{color:#31267A}
.nav-list>li>a.active::after{content:'';position:absolute;bottom:0;left:18px;right:18px;height:3px;background:#31267A;border-radius:2px}

/* Dropdown */
.dropdown-menu{display:none;position:absolute;top:80px;left:0;background:#fff;min-width:160px;box-shadow:0 4px 12px rgba(0,0,0,0.1);border-radius:0 0 4px 4px;padding:8px 0;z-index:100}
.dropdown:hover .dropdown-menu{display:block}
.dropdown-menu li a{display:block;padding:10px 20px;font-size:14px;color:#666;transition:all 0.3s;white-space:nowrap}
.dropdown-menu li a:hover{color:#31267A;background:#f0edf7}

/* Hamburger */
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;cursor:pointer;z-index:1001}
.hamburger span{display:block;height:2px;background:#333;border-radius:2px;transition:all 0.3s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.mobile-nav{display:none;position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 10px rgba(0,0,0,0.1);padding:80px 20px 20px;z-index:1000;transition:right 0.3s;overflow-y:auto}
.mobile-nav.active{right:0}
.mobile-nav a{display:block;padding:12px 0;font-size:1rem;color:#333;border-bottom:1px solid #f0f0f0}
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:999}
.overlay.active{display:block}

/* === Fixed Sidebar (QQ Service) === */
.fixed-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:999;width:61px}
.fixed-sidebar .side-item{position:relative;width:61px;height:61px;background:#31267A;border-bottom:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s}
.fixed-sidebar .side-item:hover{background:#d8292f}
.fixed-sidebar .side-item svg{width:24px;height:24px;fill:#fff}
.fixed-sidebar .side-item .side-popup{position:absolute;right:70px;top:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.15);border-radius:4px;padding:15px 20px;white-space:nowrap;display:none;z-index:1001}
.fixed-sidebar .side-item:hover .side-popup{display:block}
.fixed-sidebar .side-popup h4{font-size:14px;color:#31267A;margin-bottom:5px;font-weight:600}
.fixed-sidebar .side-popup p{font-size:13px;color:#666;line-height:1.6}
.fixed-sidebar .side-popup img{width:120px;height:120px;object-fit:contain}

/* === Hero Banner === */
.hero{position:relative;height:500px;overflow:hidden;min-width:1200px}
.hero-slider{height:100%;position:relative}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;background-size:cover;background-position:center}
.hero-slide.active{opacity:1}
.hero-slide::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.35)}
.hero-content{position:relative;z-index:1;color:#fff;max-width:1200px;margin:0 auto;padding:0 10px;height:100%;display:flex;flex-direction:column;justify-content:center}
.hero-content h1,.hero-content h2{font-size:42px;font-weight:700;margin-bottom:15px;line-height:1.3}
.hero-content p{font-size:18px;margin-bottom:30px;opacity:0.9;line-height:1.7;max-width:600px}
.hero-btns{display:flex;gap:15px;flex-wrap:wrap}
.hero-dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:2}
.hero-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s}
.hero-dot.active{background:#31267A;width:30px;border-radius:6px}

/* === Buttons === */
.btn{display:inline-block;padding:12px 32px;font-size:15px;font-weight:500;border-radius:4px;transition:all 0.3s ease;text-align:center;cursor:pointer}
.btn-primary{background:#31267A;color:#fff;border:2px solid #31267A}
.btn-primary:hover{background:#d8292f;border-color:#d8292f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,58,142,0.3)}
.btn-outline{background:transparent;color:#31267A;border:2px solid #31267A}
.btn-outline:hover{background:#31267A;color:#fff}
.btn-white{background:#fff;color:#31267A;border:2px solid #fff}
.btn-white:hover{background:#f0edf7;border-color:#f0edf7}
.btn-lg{padding:14px 40px;font-size:16px}

/* === Product Services (4 cards) === */
.products-section{padding:0 0 60px}
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 10px}
.product-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.3s ease;text-align:center}
.product-card:hover{transform:translateY(-6px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.product-card .img-wrap{height:198px;overflow:hidden;position:relative}
.product-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.product-card:hover .img-wrap img{transform:scale(1.05)}
.product-card .info{padding:25px 20px 30px}
.product-card .info h3{font-size:18px;color:#31267A;margin-bottom:10px;font-weight:700}
.product-card .info p{font-size:14px;color:#666;line-height:1.6}
.view-more{text-align:center;margin-top:40px}
.view-more .btn{width:197px;height:47px;line-height:21px;display:inline-flex;align-items:center;justify-content:center}

/* === Solutions Section (Dark Full-Width) === */
.solutions-section{position:relative;min-width:1200px;background:#33297C;background-size:cover;background-position:center;background-attachment:fixed;padding:60px 0 80px;margin:0}
.solutions-section::before{content:'';position:absolute;inset:0;background:rgba(51,41,124,0.9);z-index:0}
.solutions-section .container{position:relative;z-index:1}
.solutions-section .section-heading h2{color:#fff}
.solutions-section .section-heading .line{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="69" height="8"><rect width="69" height="8" rx="4" fill="%23ffffff"/></svg>') center/contain no-repeat}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 10px;margin-top:40px}
.solution-card{position:relative;width:100%;height:328px;border-radius:4px;cursor:pointer;overflow:hidden}
.solution-card .card-face{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;text-align:center;transition:transform 0.45s ease,opacity 0.45s ease;background:rgba(255,255,255,0.08);border-radius:4px}
.solution-card .card-front{z-index:2;transform:translateX(0);opacity:1}
.solution-card .card-back{z-index:1;transform:translateX(100%);opacity:0}
.solution-card:hover .card-front{transform:translateX(-100%);opacity:0}
.solution-card:hover .card-back{transform:translateX(0);opacity:1;z-index:3}
.solution-card .icon{width:84px;height:84px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:50%}
.solution-card .icon svg{width:42px;height:42px;fill:#fff}
.solution-card h3{font-size:20px;color:#fff;margin-bottom:15px;font-weight:700}
.solution-card ul{text-align:center}
.solution-card ul li{font-size:14px;color:rgba(255,255,255,0.8);line-height:1.75;padding:2px 0}

/* === Case Slider === */
.cases-section{padding:0 0 60px}
.case-slider{position:relative;width:1180px;margin:30px auto 0;overflow:hidden;border-radius:4px}
.case-slider .slides{display:flex;transition:transform 0.5s ease}
.case-slide{min-width:1180px;height:410px;display:flex;align-items:center;background-size:cover;background-position:center;position:relative}
.case-slide::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.4)}
.case-slide .case-info{position:relative;z-index:1;color:#fff;max-width:450px;padding:60px}
.case-slide .case-info h3{font-size:24px;font-weight:700;margin-bottom:15px}
.case-slide .case-info p{font-size:14px;line-height:1.75;opacity:0.9}
.case-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all 0.3s;border:none}
.case-nav:hover{background:rgba(255,255,255,0.4)}
.case-nav svg{width:20px;height:20px;fill:#fff}
.case-nav.prev{left:20px}
.case-nav.next{right:20px}
.case-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2}
.case-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s}
.case-dot.active{background:#31267A;width:24px;border-radius:4px}

/* === News Section === */
.news-section{background:#f8f9fb;padding:60px 0}
.news-section .section-heading{padding-top:0}
.news-grid{display:grid;grid-template-columns:570px 1fr;gap:30px;padding:0 10px;margin-top:30px}
.news-featured{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s;height:424px}
.news-featured:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}
.news-featured .thumb{height:260px;overflow:hidden}
.news-featured .thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.news-featured:hover .thumb img{transform:scale(1.05)}
.news-featured .info{padding:25px}
.news-featured .date{font-size:12px;color:#999;margin-bottom:8px}
.news-featured h3{font-size:18px;color:#333;margin-bottom:10px;line-height:1.5}
.news-featured p{font-size:14px;color:#666;line-height:1.6}
.news-list-side{display:flex;flex-direction:column;gap:20px}
.news-list-item{display:flex;gap:15px;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:all 0.3s;padding:15px;height:128px}
.news-list-item:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.1)}
.news-list-item .thumb{width:160px;min-width:160px;height:98px;overflow:hidden;border-radius:4px}
.news-list-item .thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.news-list-item:hover .thumb img{transform:scale(1.05)}
.news-list-item .info{flex:1;display:flex;flex-direction:column;justify-content:center}
.news-list-item .date{font-size:12px;color:#999;margin-bottom:5px}
.news-list-item h3{font-size:14px;color:#333;line-height:1.5;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-list-item p{font-size:12px;color:#999;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* === Partners === */
.partners-section{padding:60px 0}
.partners-section .section-heading{padding-top:0}
.partner-slider{position:relative;width:1180px;height:124px;margin:30px auto 0;overflow:hidden}
.partner-track{display:flex;animation:partnerScroll 30s linear infinite;height:124px;align-items:center}
.partner-track:hover{animation-play-state:paused}
.partner-item{min-width:180px;width:180px;height:124px;display:flex;align-items:center;justify-content:center;padding:12px;margin:0 10px;background:transparent;filter:none;opacity:1;transition:all 0.3s}
.partner-item img{max-width:100%;max-height:100%;object-fit:contain}
.partner-item:hover{filter:none;opacity:1;background:transparent;box-shadow:none}
@keyframes partnerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* === Footer === */
.footer{background:#fff;padding:50px 0 0;border-top:1px solid #eee}
.footer-grid{display:flex;gap:30px;padding:0 10px 40px}
.footer-col{min-width:130px}
.footer-col h4{font-size:16px;color:#333;margin-bottom:18px;font-weight:700;padding-bottom:10px;position:relative}
.footer-col h4::after{content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background:#31267A}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a{font-size:14px;color:#666;transition:color 0.3s;line-height:1.8}
.footer-col ul li a:hover{color:#31267A}
.footer-col.contact{min-width:130px}
.footer-col.contact .footer-logo{margin-bottom:15px}
.footer-col.contact .footer-logo img{height:50px}
.footer-col.contact p{font-size:14px;color:#666;line-height:2}
.footer-qr{text-align:center;min-width:130px;margin-left:auto}
.footer-qr img{width:120px;height:120px;object-fit:contain;margin-bottom:8px;border:2px solid #ddd;border-radius:5px;padding:5px;background:#fff}
.footer-qr p{font-size:13px;color:#999}
.footer-qr-left{text-align:left!important;margin-left:auto}
.footer-qr-left img{width:80px!important;height:80px!important}
.footer-qr-left p{font-size:12px}
.footer-bottom{background:#fff;border-top:1px solid #eee;padding:15px 0;text-align:center}
.footer-bottom p{font-size:12px;color:#989898;line-height:2}
.footer-bottom a{color:#989898;transition:color 0.3s}
.footer-bottom a:hover{color:#31267A}
.footer-bottom .sep{display:inline-block;margin:0 8px;color:#989898}

/* === Page Header (Inner Pages) === */
.page-header{background-color:#31267A;background-size:cover;background-position:center;color:#fff;height:400px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}
.page-header::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.4);z-index:0}
.page-header .container{position:relative;z-index:1}
.page-header h1,.page-header h2{font-size:30px;font-weight:700;margin-bottom:8px}
.page-header .breadcrumb{font-size:14px;opacity:0.8}
.page-header .breadcrumb a{color:#fff}
.page-header .breadcrumb span{margin:0 8px}

/* === About Page === */
.about-page-section{padding:20px 0}
.epidemic-section{padding:0}
.about-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-page-image{border-radius:4px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1)}
.about-page-image img{width:100%;height:400px;object-fit:cover}
.about-page-content h2{font-size:24px;color:#31267A;margin-bottom:20px}
.about-page-content p{font-size:14px;color:#666;line-height:1.8;margin-bottom:15px}
.timeline{position:relative;padding-left:30px;max-width:600px;margin:30px auto 0}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:#e0e0e0}
.timeline-item{position:relative;padding-bottom:25px}
.timeline-item::before{content:'';position:absolute;left:-34px;top:5px;width:10px;height:10px;background:#31267A;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #31267A}
.timeline-item .year{font-size:14px;color:#31267A;font-weight:700;margin-bottom:5px}
.timeline-item h4{font-size:16px;color:#333;margin-bottom:5px}
.timeline-item p{font-size:14px;color:#666}
.culture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.culture-card{text-align:center;padding:40px 20px;background:#fff;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.3s}
.culture-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.culture-card .icon{width:60px;height:60px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:#f0edf7;border-radius:50%}
.culture-card .icon svg{width:28px;height:28px;fill:#31267A}
.culture-card h3{font-size:16px;color:#333;margin-bottom:8px}
.culture-card p{font-size:13px;color:#666}

/* === Services Page === */
.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:60px 0;border-bottom:1px solid #f0f0f0}
.service-detail:last-child{border-bottom:none}
.service-detail .img-wrap{border-radius:4px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1)}
.service-detail .img-wrap img{width:100%;height:350px;object-fit:cover}
.service-detail:nth-child(even) .img-wrap{order:2}
.service-detail h2{font-size:24px;color:#31267A;margin-bottom:15px;font-weight:700}
.service-detail p{font-size:14px;color:#666;line-height:1.8;margin-bottom:15px}
.service-detail ul{list-style:disc;padding-left:20px}
.service-detail ul li{font-size:14px;color:#666;padding:5px 0}

/* === Cases Page (4 columns grid) === */
.cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.case-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.3s}
.case-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.case-card img{width:100%;height:180px;object-fit:cover;display:block}
.case-card .case-info{padding:20px}
.case-card .case-info h3{font-size:16px;color:#333;margin-bottom:10px;font-weight:700;line-height:1.4}
.case-card .case-info p{font-size:14px;color:#666;line-height:1.6}

/* === Cases Page (4 columns grid) === */
.cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.case-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.3s}
.case-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.case-card img{width:100%;height:180px;object-fit:cover;display:block}
.case-card .case-info{padding:20px}
.case-card .case-info h3{font-size:16px;color:#333;margin-bottom:10px;font-weight:700;line-height:1.4}
.case-card .case-info p{font-size:14px;color:#666;line-height:1.6}

/* === Epidemic Case Section === */
.epidemic-case{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-top:10px;align-items:start;background:#fff;border-radius:4px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.06)}
.epidemic-text p{font-size:15px;color:#666;line-height:1.8;text-align:justify}
.epidemic-images{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:20px}
.epidemic-images img{width:100%;height:140px;object-fit:cover;border-radius:4px}

/* === Solutions Page === */
.solutions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.solution-item{display:flex;gap:25px;background:#fff;border-radius:4px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.3s}
.solution-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.1)}
.solution-item .icon{width:60px;height:60px;min-width:60px;display:flex;align-items:center;justify-content:center;background:#f0edf7;border-radius:50%}
.solution-item .icon svg{width:28px;height:28px;fill:#31267A}
.solution-item h3{font-size:18px;color:#333;margin-bottom:8px}
.solution-item p{font-size:14px;color:#666;line-height:1.6}

/* === Products Page === */
.products-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.product-page-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.3s}
.product-page-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.product-page-card .img-wrap{height:220px;overflow:hidden}
.product-page-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.product-page-card:hover .img-wrap img{transform:scale(1.05)}
.product-page-card .info{padding:25px}
.product-page-card .tag{display:inline-block;padding:4px 12px;background:#f0edf7;color:#31267A;font-size:12px;border-radius:20px;margin-bottom:10px}
.product-page-card h3{font-size:18px;color:#333;margin-bottom:8px}
.product-page-card p{font-size:14px;color:#666;line-height:1.6}

/* === News Page === */
.news-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.news-card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06);transition:all 0.3s}
.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12)}
.news-card .thumb{height:200px;overflow:hidden}
.news-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}
.news-card:hover .thumb img{transform:scale(1.05)}/*@rev 575vkuep7oqj*/
.news-card .info{padding:20px}
.news-card .date{font-size:12px;color:#999;margin-bottom:8px}
.news-card h3{font-size:16px;color:#333;margin-bottom:8px;line-height:1.5}
.news-card p{font-size:13px;color:#666;line-height:1.6}

/* === Contact Page === */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-top:30px}
.contact-info h2{font-size:24px;color:#31267A;margin-bottom:20px}
.contact-info-item{display:flex;gap:15px;margin-bottom:25px}
.contact-info-item .icon{width:45px;height:45px;min-width:45px;display:flex;align-items:center;justify-content:center;background:#f0edf7;border-radius:50%}
.contact-info-item .icon svg{width:20px;height:20px;fill:#31267A}
.contact-info-item h4{font-size:15px;color:#333;margin-bottom:5px}
.contact-info-item p{font-size:14px;color:#666}
.contact-form{background:#fff;padding:40px;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.contact-form h2{font-size:24px;color:#31267A;margin-bottom:25px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-size:14px;color:#333;margin-bottom:8px;font-weight:500}
.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;transition:border-color 0.3s}
.form-group input:focus,.form-group textarea:focus{border-color:#31267A}
.form-group textarea{height:140px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-submit{text-align:center;margin-top:10px}
.form-submit .btn{width:100%;padding:14px;font-size:16px}
.form-message{text-align:center;padding:10px;margin-top:10px;border-radius:4px;font-size:14px;display:none}
.form-message.success{display:block;background:#d4edda;color:#155724}
.form-message.error{display:block;background:#f8d7da;color:#721c24}

/* === Map === */
.map-section{height:350px;background:#f0edf7;display:flex;align-items:center;justify-content:center;text-align:center;color:#31267A;font-size:15px}

/* === Scroll to Top === */
.scroll-top{display:none}

/* === Animations === */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.fade-in-up{animation:fadeInUp 0.6s ease forwards}

/* === Responsive === */
@media (max-width:1250px){
  body{min-width:auto}
  .header{min-width:auto}
  .hero{min-width:auto}
  .solutions-section{min-width:auto}
  .footer{min-width:auto}
  .page-header{min-width:auto}
  .container{max-width:100%;padding:0 15px}
  .case-slider{width:100%}
  .case-slide{min-width:100%}
  .partner-slider{width:100%}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .solutions-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:1fr}
  .news-featured{height:auto}
  .footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px 30px}
  .footer-col{width:auto!important;margin-bottom:0!important;min-width:0!important}
  .footer-col.contact{width:auto!important;min-width:0!important;margin-bottom:0!important}
  .footer-qr,.footer-qr-left{margin-left:0}
  .products-page-grid{grid-template-columns:repeat(2,1fr)}
  .news-page-grid{grid-template-columns:repeat(2,1fr)}
  .cases-grid{grid-template-columns:repeat(2,1fr)}
  .culture-grid{grid-template-columns:repeat(2,1fr)}
  .epidemic-case{grid-template-columns:1fr}
  .epidemic-images{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
  .solutions-list{grid-template-columns:1fr}
  .about-page-grid{grid-template-columns:1fr}
  .service-detail{grid-template-columns:1fr}
  .service-detail:nth-child(even) .img-wrap{order:0}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .nav-list{display:none}
  .hamburger{display:flex}
  .mobile-nav{display:block}
  .hero{height:350px}
  .hero-content h1{font-size:28px}
  .hero-content p{font-size:14px}
  .hero-btns{flex-direction:column}
  .hero-btns .btn{width:100%}
  .products-grid{grid-template-columns:1fr}
  .solutions-grid{grid-template-columns:1fr}
  .partner-item{min-width:140px}
  .footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px 30px}
  .footer-col{width:auto!important;margin-bottom:0!important;min-width:0!important}
  .footer-col.contact{width:auto!important;min-width:0!important}
  .footer-qr,.footer-qr-left{text-align:left!important;margin-left:0}
  .footer-bottom{padding:15px 20px}
  .footer-bottom p{font-size:12px}
  .products-page-grid{grid-template-columns:1fr}
  .news-page-grid{grid-template-columns:1fr}
  .cases-grid{grid-template-columns:1fr}
  .culture-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  section{padding:40px 0}
  .section-heading{padding-top:40px}
  .section-heading h2{font-size:24px}
  .fixed-sidebar{display:none}
}

/* === News Detail Page === */
.news-detail{max-width:1200px;margin:0 auto;background:#fff;padding:40px 0}
.news-detail-title{font-size:28px;font-weight:700;color:#333;line-height:1.4;margin-bottom:15px}
.news-detail-meta{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}
.news-detail-meta .date{font-size:14px;color:#999}
.news-detail-meta .author{font-size:14px;color:#666}
.news-detail-content{line-height:1.8;color:#333}
.news-detail-content img{width:100%;height:auto;border-radius:4px;margin-bottom:20px}
.news-detail-content p{margin-bottom:15px;font-size:15px;line-height:1.8;color:#555}
.news-detail-nav{margin-top:40px;padding-top:20px;border-top:1px solid #eee}
.btn-back{display:inline-block;padding:10px 24px;background:#31267A;color:#fff;border-radius:4px;font-size:14px;transition:all 0.3s}
.btn-back:hover{background:#d8292f;transform:translateY(-2px)}

/* CMS form success */
.form-success-panel{text-align:center;padding:48px 32px;background:#f8fbff;border:1px solid #d6e8ff;border-radius:8px}
.form-success-panel__icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#003399;color:#fff;font-size:32px;line-height:64px;font-weight:700}
.form-success-panel__title{font-size:24px;color:#003399;margin-bottom:12px}
.form-success-panel__desc{font-size:15px;color:#666;line-height:1.8;margin-bottom:24px}
.form-success-panel__btn{min-width:140px}
.news-empty{text-align:center;color:#999;padding:60px 20px;font-size:15px}
.form-message.success{display:block;background:#d4edda;color:#155724;border:1px solid #c3e6cb}