/* CSS Document */
@charset "utf-8";
/* CSS Document */
/* 顶部信息栏样式*/    
.container {width:90%;max-width:1200px;margin:0 auto;padding:0 15px;}
/* Header Styles */        
header {background-color:#FFF;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000;}
.header-container {display:flex;justify-content:space-between;align-items:center;padding:15px 0;}
.logo {display:flex;align-items:center;}
.logo h1 {font-size:24px;color:var(--dark-blue);margin-left:10px;}
.logo i {color:var(--accent-color);font-size:28px;}
nav ul {display:flex;list-style:none;}
nav ul li {margin-left:25px;}
nav ul li a {text-decoration:none;color:var(--dark-blue);font-weight:600;padding:8px 12px;border-radius:4px;transition:all 0.3s ease;}
nav ul li a:hover,nav ul li a.active {background-color:#fff;}


.top-bar {background-color:#095ca8;color:#fff;padding:0;font-size:14px;height:40px;line-height:40px;overflow:hidden;}
.top-content {display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 15px;height:40px;}
.contact-info span {margin-right:20px;white-space:nowrap;}
.contact-info i {margin-right:5px;color:#fff;}
.search-box {display:flex;height:24px;}
.search-box input {padding:0 8px;border:none;border-radius:4px 0 0 4px;outline:none;width:150px;height:24px;font-size:12px;}
.search-box button {background:#3498db;border:none;padding:0 8px;border-radius:0 4px 4px 0;color:white;cursor:pointer;height:24px;display:flex;align-items:center;justify-content:center;}
.search-box button i {font-size:12px;}

/*menu*/
.menu{height:65px;background:#fefefe;position:relative; width:100%; z-index: 1000;}
.menu .nav{width:1200px;height:65px;margin:0 auto;}
.menu .nav li{float:left;font-size:16px; width:100px; height:65px; background:url(../images/xian.jpg) no-repeat left center;}
.menu .nav li a{font-family:"Microsoft YaHei"; font-weight: bold; text-align:center; font-size:16px; color:#656565; display:block; text-decoration:none; line-height:65px;position:relative;overflow:hidden;}
.menu .nav li a:hover,.menu .nav li a.current{color:#656565;}
.menu .nav li .box{ width:280px; height:300px; position:absolute; top:80px;display:none; filter:alpha(opacity=60); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; z-index:1000;}
.menu .nav li .box a{ width:260px; display:block; float:left; color:#FFF; font-size:14px; font-family:"Microsoft YaHei"; font-weight:normal; line-height:45px; background:#095ca8; border-bottom: #555 1px solid; text-align:left; padding-left:38px;}
.menu .nav li .box a:hover{text-decoration:none;color:#FFF;}
.menu .nav li .box a.current{color:#fff;}
#Navleft { height:65px; width:150px; display:block; background:url(../images/navbg.jpg) no-repeat 40px 61px;}
.navfoot{ background:url(../images/navfoot.jpg) repeat-x; height:15px; width:100%;}

/*鐒︾偣鍥�*/
.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;
        }
        */
.hero {height:55vh;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/banner.png');background-size:cover;background-position:center;display:flex;align-items:center;color:white;padding:0 10%; z-index:-10000;}
.hero-content {max-width:700px;}
.hero h2 {font-size:3.5rem;margin-bottom:1.5rem;line-height:1.2;}
.hero p {font-size:1.3rem;margin-bottom:2rem;opacity:0.9;}
.hero-buttons {display:flex;gap:1rem;}

.hero2 {height:30vh;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('../images/banner.png');background-size:cover;background-position:center;display:flex;align-items:center;color:white;padding:0 10%; z-index:-10000;}
.hero2-content {max-width:700px;}
.hero2 h2 {font-size:2.5rem;margin-bottom:1.5rem;line-height:1.2;}
.hero2 p {font-size:1.0rem;margin-bottom:2rem;opacity:0.9;}
.hero2-buttons {display:flex;gap:1rem;}

.btn {display:inline-block;background-color:#f3f3f3;color:#333;padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;}
.btn:hover {background-color:#c1121f;color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.btns{display:inline-block;background-color:#c1121f;color:#fff;padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;}
.btns:hover {background-color:#c1121f;color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.btnhero3{display:inline-block;background-color:#c1121f;color:#fff;padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;}
.btnhero3:hover {background-color:#c1121f;color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.btnhero2{display:inline-block;background-color:#c1121f;color:#fff;padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;}
.btnhero2:hover {background-color:#c1121f;color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.btnhero{display:inline-block;background-color:#c1121f;color:#fff;padding:8px 20px;border-radius:5px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;}
.btnhero:hover {background-color:#c1121f;color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}

/* Section Styles */        
section {padding:60px 0;}
.section-title {text-align:center;margin-bottom:40px;color:var(--dark-blue);position:relative;}
.section-title:after {content:'';display:block;width:80px;height:4px;background-color:var(--accent-color);margin:10px auto;}



/* 分页导航 */
.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-color:var(--dark-blue);color:var(--light-text);padding:50px 0 20px;}
.footer-container {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px;}
.footer-col h3 {color:#FFF;margin-bottom:20px;font-size:1.2rem;position:relative;padding-bottom:10px;}
.footer-col p {color:#FFF;}
.footer-col h3:after {content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:var(--accent-color);}
.footer-col ul {list-style:none;}
.footer-col ul li {margin-bottom:10px;}
.footer-col ul li a {color:#ccc;text-decoration:none;transition:color 0.3s ease;}
.footer-col ul li a:hover {color:var(--accent-color);}
.copyright {text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:0.9rem;color:#aaa;}
/* Responsive Design */        
@media (max-width:768px) {.header-container {flex-direction:column;text-align:center;}
nav ul {margin-top:20px;flex-wrap:wrap;justify-content:center;}
nav ul li {margin:5px;}
.hero h2 {font-size:2rem;}
.about-content,.contact-container {grid-template-columns:1fr;}
.about-image {height:250px;}
}
/* 响应式设计 */
@media (max-width: 768px) {
	.top-content {
		flex-direction: column;
		align-items: flex-start;
	}

	.search-box {
		width: 100%;
		margin-top: 10px;
	}

	.search-box input {
		flex-grow: 1;
	}
}

@media (max-width: 480px) {
	.contact-info {
		flex-direction: column;
		gap: 5px;
	}
}