* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:"Microsoft Yahei",sans-serif;color:#333;overflow-x:hidden;line-height:1.7;}
a {text-decoration:none;color:inherit;}
ul,li {list-style:none;}
.container {width:1200px;margin:0 auto;max-width:100%;padding:0 20px;}
.title {text-align:center;margin-bottom:60px;}
.title h2 {font-size:36px;color:#093075;margin-bottom:10px;}
.title p {color:#666;font-size:16px;}
.btn {display:inline-block;padding:12px 30px;border-radius:50px;margin:0 10px;transition:all 0.3s;cursor:pointer;}
.primary {background:#093075;color:#fff;}
.outline {border:1px solid #093075;color:#093075;}
.btn:hover {transform:translateY(-3px);box-shadow:0 8px 20px rgba(9,48,117,0.2);}

/* 导航滚动变色 */
.header {position:fixed;top:0;left:0;width:100%;z-index:999;padding:15px 0;transition:all 0.3s;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);}
.header.active {background:#fff;box-shadow:0 2px 20px #eee;}
.header .container {display:flex;justify-content:space-between;align-items:center;}
.logo h2 {font-size:22px;color:#fff;transition:0.3s;}
.header.active .logo h2 {color:#093075;}
.logo p {font-size:12px;color:#eee;}
.header.active .logo p {color:#666;}
.nav {display:flex;gap:24px;align-items:center;}
.nav a {color:#fff;transition:0.3s;position:relative;}
.header.active .nav a {color:#333;}
.nav a.active {color:#4096ff;}
.nav a.active::after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:#4096ff;}
.chat-btn {background:#4096ff;color:#fff;padding:8px 20px;border-radius:50px;cursor:pointer;white-space:nowrap;}

/* 汉堡菜单 */
.hamburger {display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{width:26px;height:3px;background:#fff;border-radius:2px;transition:0.3s;}
.header.active .hamburger span{background:#093075;}
.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(6px,-6px);}
.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;padding:20px;display:none;flex-direction:column;gap:16px;box-shadow:0 10px 20px #00000012;}
.mobile-menu.show{display:flex;}
.mobile-menu a{color:#333;padding:8px 0;}

/*面包屑*/
.breadcrumb{padding:20px 0;font-size:14px;color:#666;}
.breadcrumb a{color:#4096ff;}

/* 内页通用banner */
.page-banner{height:400px;background:#093075;display:flex;align-items:center;color:#fff;position:relative;margin-top:70px;}
.page-banner .container h1{font-size:42px;margin-bottom:12px;}
.page-banner .container p{opacity:0.8;font-size:18px;}

/* 滚动动画 */
.animate-up {opacity:0;transform:translateY(40px);transition:all 0.8s ease;}
.animate-fade {opacity:0;transition:all 1s ease;}
.animate-active {opacity:1;transform:translateY(0);}

/* 产品卡片悬浮3D效果 */
.product-section {padding:100px 0;background:#f8f9fa;}
.product-list {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.product-card {background:#fff;padding:40px 30px;border-radius:20px;transition:all 0.4s;box-shadow:0 5px 20px rgba(0,0,0,0.05);cursor:pointer;}
.product-card:hover {transform:translateY(-10px) scale(1.02);box-shadow:0 15px 40px rgba(9,48,117,0.15);}
.product-icon {font-size:40px;margin-bottom:20px;}
.product-card h3 {font-size:20px;margin-bottom:15px;color:#093075;}

/*产品详情Tab*/
.tab-wrap{margin:40px 0;}
.tab-buttons{display:flex;gap:10px;border-bottom:1px solid #ddd;}
.tab-btn{padding:12px 24px;background:none;border:none;font-size:16px;cursor:pointer;color:#666;}
.tab-btn.active{color:#093075;border-bottom:2px solid #093075;}
.tab-panel{display:none;padding:30px 0;}
.tab-panel.active{display:block;}

/*轮播*/
.carousel{position:relative;width:100%;height:360px;border-radius:20px;overflow:hidden;background:#f0f4fc;}
.carousel-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#093075;}
.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff88;border:none;font-size:20px;cursor:pointer;z-index:2;}
.carousel-prev{left:16px;}
.carousel-next{right:16px;}

/* 案例 */
.case-section{padding:100px 0;}
.case-list {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.case-card{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,0.06);}
.case-img{height:220px;background:#09307522;}
.case-card .txt{padding:24px;}

/* 新闻列表 */
.news-section{padding:100px 0;background:#f8f9fa;}
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;}
.news-item{background:#fff;border-radius:16px;padding:28px;transition:0.3s;}
.news-item:hover{box-shadow:0 10px 30px rgba(9,48,117,0.1);}
.news-item h4{font-size:19px;color:#093075;margin-bottom:8px;}
.news-item span{font-size:14px;color:#888;display:block;margin-bottom:10px;}

/* 联系表单 */
.contact-section{padding:100px 0;}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #ddd;padding:14px;border-radius:10px;margin-bottom:16px;font-size:16px;}
.contact-form textarea{min-height:140px;resize:none;}
.submit-btn{background:#093075;color:#fff;width:100%;padding:14px;border-radius:10px;border:0;font-size:17px;cursor:pointer;}

/* 页脚 */
.footer {background:#093075;color:#fff;text-align:center;padding:40px 0;margin-top:0;}

/* 产品详情页模块 */
.product-detail-section{padding:100px 0;}
.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}

/* 响应式 */
@media (max-width:768px) {
    .nav {display:none;}
    .hamburger{display:flex;}
    .product-list,.case-list,.news-list,.contact-box,.detail-row {grid-template-columns:1fr;}
    .page-banner{height:260px;margin-top:60px;}
    .page-banner h1{font-size:28px;}
}