@charset "utf-8";
/* CSS Document */
/* Reset and Base Styles */        
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;}
.container {max-width:1200px;margin:0 auto;padding:0 20px;}
/* Typography */        
h1,h2,h3,h4 {font-weight:600;line-height:1.3;}
h2.section-title {font-size:2.2rem;color:#0A2463;text-align:center;margin-bottom:3rem;position:relative;}
h2.section-title:after {content:'';position:absolute;width:80px;height:4px;background:linear-gradient(90deg,#1E6FD9,#0A2463);bottom:-15px;left:50%;transform:translateX(-50%);border-radius:2px;}
/* Header Styles */        
.top-bar {background:linear-gradient(90deg,#0A2463,#1E6FD9);color:white;padding:12px 0;font-size:0.9rem;}
.top-content {display:flex;justify-content:space-between;align-items:center;}
.contact-info span {margin-right:25px;}
.contact-info i {margin-right:8px;color:#64B5F6;}
.search-box {display:flex;}
.search-box input {padding:8px 15px;border:none;border-radius:4px 0 0 4px;width:250px;font-size:0.9rem;}
.search-box button {background:#0A3D91;color:white;border:none;padding:8px 15px;border-radius:0 4px 4px 0;cursor:pointer;transition:background 0.3s;}
.search-box button:hover {background:#0A2463;}
.header-container {display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:white;box-shadow:0 4px 12px rgba(10,36,99,0.08);}
.logo img {height:60px;width:auto;}
/* Navigation */        
.menu .nav {display:flex;list-style:none;}
.menu .nav li {position:relative;}
.menu .nav li a {text-decoration:none;color:#0A2463;font-weight:500;padding:15px 22px;display:block;transition:all 0.3s;border-radius:4px;}
.menu .nav li a:hover,.menu .nav li a.current {background:#E8F4FF;color:#1E6FD9;}
.menu .nav li .box {position:absolute;background:white;min-width:250px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border-radius:8px;padding:20px;display:none;z-index:1000;border-top:4px solid #1E6FD9;}
.menu .nav li .box a {display:block;padding:12px 15px;color:#555;border-bottom:1px solid #eee;}
.menu .nav li .box a:hover {background:#F0F8FF;color:#1E6FD9;border-radius:4px;}
/* Hero Section */        
.hero {background:linear-gradient(rgba(10,36,99,0.85),rgba(10,36,99,0.9)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');background-size:cover;background-position:center;color:white;text-align:center;padding:100px 0;margin-bottom:80px;}
.hero h2 {font-size:3rem;margin-bottom:25px;font-weight:600;}
.hero p {font-size:1.2rem;max-width:800px;margin:0 auto 40px;color:#E3F2FD;}
.btnhero {display:inline-block;background:linear-gradient(90deg,#1E6FD9,#0A3D91);color:white;padding:16px 40px;text-decoration:none;border-radius:6px;font-weight:600;font-size:1.1rem;transition:all 0.3s;box-shadow:0 6px 15px rgba(30,111,217,0.3);}
.btnhero:hover {transform:translateY(-3px);box-shadow:0 10px 20px rgba(30,111,217,0.4);background:linear-gradient(90deg,#0A3D91,#1E6FD9);}
/* Products Section */  
/* Products Section - 改进版确保高度一致 */        
#products {padding:80px 0;background:white;}
.products-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:35px;margin-top:40px;}
/* 关键修改：确保所有产品卡片高度一致 */        
.product-card {background:white;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;border:1px solid #E8F4FF;display:flex;flex-direction:column;height:100%;/* 确保卡片填满网格单元格 */}
.product-card:hover {transform:translateY(-10px);box-shadow:0 15px 35px rgba(30,111,217,0.15);}
/* 关键修改：固定图片高度 */        
.product-img {height:250px;/* 固定图片高度 */            overflow:hidden;flex-shrink:0;/* 防止图片区域被压缩 */}
.product-img img {width:100%;height:100%;/*object-fit:cover; 保持图片比例，裁剪多余部分 */            transition:transform 0.5s;}

.product-card:hover .product-img img {transform:scale(1.05);}
/* 关键修改：内容区域使用flex-grow填充剩余空间 */        
.product-info {padding:25px;display:flex;flex-direction:column;flex-grow:1;/* 让内容区域填充剩余空间 */}
.product-info h3 {color:#0A2463;margin-bottom:12px;font-size:1.4rem;flex-shrink:0;/* 标题不收缩 */}
.product-info p {color:#666;margin-bottom:20px;font-size:0.95rem;line-height:1.6;flex-grow:1;/* 段落填充可用空间，确保按钮对齐 */            min-height:60px;/* 设置最小高度，确保多行文本有足够空间 */}
.btn {display:inline-block;background:#1E6FD9;color:white;padding:12px 25px;text-decoration:none;border-radius:4px;font-weight:500;transition:background 0.3s;border:none;cursor:pointer;text-align:center;flex-shrink:0;width:50%; /* 三分之一宽 */    flex-shrink: 0;/* 按钮不收缩 */}
.btn:hover {background:#0A3D91;}
/* About Section */        
#about {padding:80px 0;background:linear-gradient(135deg,#F0F8FF 0%,#E8F4FF 100%);}
.about-content {display:flex;align-items:center;gap:50px;}
.about-text {flex:1;}
.about-text h3 {color:#0A2463;font-size:1.8rem;margin-bottom:20px;}
.about-text p {margin-bottom:20px;color:#555;line-height:1.7;}
.btns {display:inline-block;background:linear-gradient(90deg,#0A3D91,#1E6FD9);color:white;padding:14px 32px;text-decoration:none;border-radius:4px;font-weight:500;transition:all 0.3s;border:none;cursor:pointer;}
.btns:hover {background:linear-gradient(90deg,#1E6FD9,#0A3D91);box-shadow:0 6px 15px rgba(30,111,217,0.3);}
.about-image {flex:1;border-radius:10px;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.about-image img {width:100%;height:auto;display:block;}
/* Videos Section */        
#videos {padding:80px 0;background:white;}
.video-container {display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:35px;margin-top:40px;}
.video-card {background:white;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.08);transition:transform 0.3s;border:1px solid #E8F4FF;}
.video-card:hover {transform:translateY(-5px);}
.video-thumbnail {height:200px;overflow:hidden;}
.video-thumbnail img {width:100%;height:100%;object-fit:cover;}
.video-info {padding:25px;}
.video-info h3 {color:#0A2463;margin-bottom:12px;font-size:1.3rem;}
.video-info p {color:#666;margin-bottom:20px;font-size:0.95rem;}
/* News Section */        
#news {padding:80px 0;background:linear-gradient(135deg,#F8FAFC 0%,#F0F8FF 100%);}
.news-container {display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:35px;margin-top:40px;}
.news-card {background:white;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.08);transition:transform 0.3s;}
.news-card:hover {transform:translateY(-5px);}
.news-img {height:200px;overflow:hidden;}
.news-img img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.news-card:hover .news-img img {transform:scale(1.05);}
.news-info {padding:25px;}
.news-date {color:#1E6FD9;font-size:0.9rem;margin-bottom:10px;font-weight:500;}
.news-info h3 {color:#0A2463;margin-bottom:12px;font-size:1.3rem;}
.news-info p {color:#666;margin-bottom:20px;font-size:0.95rem;}
/* Contact Section */        
#contact {padding:80px 0;background:white;}
.contact-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;margin-top:40px;}
.contact-info h3 {color:#0A2463;font-size:1.8rem;margin-bottom:25px;}
.contact-details p {margin-bottom:15px;color:#555;display:flex;align-items:center;}
.contact-details i {color:#1E6FD9;margin-right:15px;width:20px;text-align:center;}
.social-links {margin-top:30px;}
.social-links a {display:inline-block;width:45px;height:45px;background:#E8F4FF;color:#1E6FD9;border-radius:50%;text-align:center;line-height:45px;transition:all 0.3s;}
.social-links a:hover {background:#1E6FD9;color:white;transform:translateY(-3px);}
.contact-form form {display:flex;flex-direction:column;gap:20px;}
.contact-form input,.contact-form textarea {padding:15px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;transition:border 0.3s;}
.contact-form input:focus,.contact-form textarea:focus {border-color:#1E6FD9;outline:none;}
.contact-form textarea {min-height:150px;resize:vertical;}
/* Footer */        
footer {background:linear-gradient(90deg,#0A2463,#0A3D91);color:white;padding:70px 0 30px;}
.footer-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:50px;}
.footer-col h3 {color:white;font-size:1.3rem;margin-bottom:25px;position:relative;padding-bottom:10px;}
.footer-col h3:after {content:'';position:absolute;width:40px;height:3px;background:#64B5F6;bottom:0;left:0;}
.footer-col p {color:#E3F2FD;line-height:1.7;margin-bottom:20px;}
.footer-col ul {list-style:none;}
.footer-col ul li {margin-bottom:12px;}
.footer-col ul li a {color:#E3F2FD;text-decoration:none;transition:color 0.3s;}
.footer-col ul li a:hover {color:#64B5F6;padding-left:5px;}
.copyright {text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.1);color:#BBDEFB;font-size:0.9rem;}
/* Responsive Design */        
@media (max-width:992px) {.about-content {flex-direction:column;}
.top-content {flex-direction:column;gap:15px;text-align:center;}
.contact-info span {display:block;margin-right:0;margin-bottom:5px;}
}
@media (max-width:768px) {.header-container {flex-direction:column;gap:20px;}
.menu .nav {flex-wrap:wrap;justify-content:center;}
.menu .nav li a {padding:12px 15px;}
.hero h2 {font-size:2.2rem;}
.hero p {font-size:1rem;}
h2.section-title {font-size:1.8rem;}
.products-grid,.video-container,.news-container {grid-template-columns:1fr;}
}
@media (max-width:576px) {.search-box input {width:180px;}
.hero {padding:70px 0;}
}