/* CSS Document */
@charset "utf-8";
/* CSS Document */
* {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; color:#FFFFFF}
.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);}

/*鐒︾偣鍥�*/
.c-banner{ margin: 0 auto; width: 1200px; height:400px;position: relative; z-index: 1;}
.c-banner img{width: 1200px; width: 1200px;}
.c-banner .banner ul{list-style: none; padding-left: 0px; margin-bottom: 0px;}
.c-banner .banner ul li{position: absolute;	display: none;	opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1; display: block;}
.c-banner .banner ul li img{ width:1200px; height: 400px; position: absolute; top: 0px;}
.c-banner .banner ul li:first-child img{ position: relative;}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px; position: absolute; top: 50%;	margin-top: -53px;	background: #ccc;
	opacity: 0.5; border-radius: 5px; z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8;}
.c-banner .nexImg{ right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{ width: 20px; height:40px;}
.c-banner .jumpBtn{	width: 100%;position: absolute;	bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}

.c-banner .jumpBtn ul li{width:15px;height:15px;border-radius: 50%;display: inline-block;background-color: white;	opacity: 0.9; margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}


      :root {
            --accent-color: #e63946; 
            --text-color: #333;
            --light-text: #fff;
            --dark-blue: #1d3557;
        }
/* 
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        body {
            background-color: #f8fbff;
            color: var(--text-color);
            line-height: 1.6;
        }
        */



/* 分页导航 */
.pagination {display:flex;justify-content:center;align-items:center;margin:50px auto;width:100%;}
.pagination ul {display:flex;align-items:center;justify-content:center;gap:10px;padding:0;margin:0;list-style:none;width:auto;/* 关键修改：改为auto */}
.pagination li a {display:flex;align-items:center;justify-content:center;widthauto;min-width:70px;padding:0 10px; height:35px;border-radius:4px;background:#F3F3F3;color:#555;font-weight:600;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.05);text-decoration:none;}
.pagination li a:hover,.pagination li a.active {background:#095ca8;color:white;}
/* 建议将.on改为.active以保持一致性 */.pagination li a.active {background:#20b49a;color:white;}
.pagination li:first-child a,.pagination li:last-child a {width:70px;}

/* 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;}
}