/*	Theme Name: 525247.net Home 
	Theme URI: http://www.525247.net/
	Description: Custom theme for 525247.net
	Version: 1.0
	Author: XWAVE studio
	Author URI: http://xwave.cn */

	
/*------ Common ---------------------------------------*/

/* 现代化样式增强 */
:root {
	--lizhi-red: #d32f2f;
	--lizhi-green: #2e7d32;
	--lizhi-border: #b9b9b9;
	--highlight-orange: #ff6600;
	--card-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	--border-radius: 10px;
}
html *{	padding: 0;	margin: 0 auto;}
body {
	padding: 0;
	margin: 0 auto;
	font: 12px/25px "微软雅黑", "Microsoft YaHei", "PingFang SC", sans-serif;
	line-height: 2;
	background-color: #F2F0F1;
	color: #223344;}
}
.container {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 15px;
}
div	{	margin:0;padding:0;}
p	{	margin:0;padding:2px 0 10px 0; text-align:justify; text-justify:inter-ideograph; line-height:23px;}
span{	margin:0;padding:0;}
img	{ 	border: none; padding:0;margin:0;}
li	{	list-style-type:none;}

a 		{ color:#666;text-decoration: none;}
a:hover 	{ color: #ab7101;text-decoration: underline;}
.hover	{ color: #666;}

.clear	{ clear: both; padding:15px 0;}
.left 	{ float: left;}
.right	{ float: right;}
.en		{ font-family:Verdana;font-size:9px;color:#666;}

h1 {	font: 24px/32px 微软雅黑,宋体,Arial, sans-serif;	font-weight: bold;}
h2 {	font: 20px/28px 微软雅黑,宋体,Arial, sans-serif;	font-weight: bold;}
h3 {	font: 16px/22px 微软雅黑,宋体,Arial, sans-serif;	font-weight: bold;}
h4 {	font: 14px/20px 微软雅黑,宋体,Arial, sans-serif;	font-weight: bold;}
b {		font: 13px/16px 微软雅黑,宋体,Arial, sans-serif;	font-weight: bold;}

big	 	{ font-size: 13px;}
small 	{ font-size: 11px;}

/*------ Header ---------------------------------------*/

#top {
	width: 1024px;
	padding:0;
	margin:0 auto;
	height: 138px;
	background: url(../images/top_bg.jpg) no-repeat left;}
	
	#top .logo {
		height: 84px;width: 257px;padding-top: 20px;}

#nav {
	float: right;height: 30px;width: 1000px;margin-top: 4px;}
	
	#nav ul {
		height: 30px;width: 360px;float: right;}
	#nav ul li {
		float: left;
		list-style-type: none;
		height: 20px;
		width: 104px;
		margin: 0px 5px 0 5px;
		padding: 10px 0 0 0;
		background: #199bd4 url(../images/nav_bg.gif) no-repeat;
		text-align: center;
		line-height:20px;}
	#nav ul li a {
		color: #FFFFFF;font-size: 15px;font-weight: bold;}

/*------ Main ---------------------------------------*/	
	
.main_border{width: 1000px;height:auto;margin:0 auto;background: #199bd4;}
.main_border_top{height:10px;margin:0 auto;background: #199bd4;}
.main_border_bottom{width: 1000px;height:10px;margin:0 auto;background: #199bd4;}

#main {
	width: 980px;margin:0 auto;background: #FFF url(../images/line.jpg) repeat-y left top;
}
	#main .mainleft {
		float: left;width: 240px;height:auto;padding-top: 50px;
	}
		#main .mainleft ul{
			float: right;width: 214px;
		}
		#main .mainleft ul li{
			float:left;width: 214px;height: 50px;
		}
		#main .mainleft ul li a{
			display:block;color:#333;font-size: 16px;line-height: 20px;padding: 10px 0 0 18px;height: 30px;
		}
		#main .mainleft ul li a:hover{
			color:#9D1600;background-color:#FFF;display: block;
		}
		#main .mainleft ul li a.hover{
			display:block;color:#000000;background-color:#FFF;height: 30px;width: 200px;padding: 10px 0 0 18px;
		}	
	#main .mainright {
		float: right;width: 740px;
	}
		#main .mainright .content{
			width: 680px;margin:0 auto;padding-top:20px;
		}
		#main .mainright p{
			width: 100%;margin:0 auto;
		}
		#main .content h2 sub{
			color:#ccc;
		}
		#main .content .team_left{
			width:450px;height:auto;text-align:left;display:block;float:left;
		}
		#main .content .team_right{
			width:200px;height:auto;text-align:left;display:block;float:right;
		}
	
/* 快捷导航 */
	.quick-nav-bar {
		position: sticky;
		top: 0;
		background: rgba(245, 245, 245, 0.98);
		backdrop-filter: blur(10px);
		padding: 20px 20px;
		z-index: 1000;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	}
	.quick-nav-bar a {
		color: var(--lizhi-green);
		text-decoration: none;
		padding: 5px 10px;
		border-radius: 15px;
		border: 1px solid var(--lizhi-green);
		font-size: 14px;
		font-weight: 500;
		transition: all 0.3s ease;
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.quick-nav-bar a:hover {
		background-color: var(--lizhi-green);
		color: white;
		transform: translateY(-2px);
	}
		
/* 现代化内容区块 */
	.content-module {
		background: white;
		border-radius: var(--border-radius);
		box-shadow: var(--card-shadow);
		padding: 20px;
		margin-bottom: 35px;
		border-top: 4px solid var(--lizhi-border);
		transition: transform 0.3s ease;
	}
	.content-module:hover {
		transform: translateY(-3px);
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	}
	.module-title {
		color: var(--lizhi-red);
		border-bottom: 2px solid #eee;
		padding-bottom: 12px;
		margin-bottom: 25px;
		gap: 10px;
	}
	.module-title i {
		color: var(--highlight-orange);
	}

/* 图片优化 */
	.scenic-img {
		width: 100%;
		max-width: 640px;
		height: auto;
		border-radius: var(--border-radius);
		margin: 20px auto;
		display: block;
		box-shadow: 0 3px 10px rgba(0,0,0,0.1);
		transition: transform 0.5s ease;
	}
	.scenic-img:hover {
		transform: scale(1.01);
	}
	.img-caption {
		text-align: center;
		color: #666;
		font-size: 14px;
		margin-top: 8px;
		font-style: italic;
		padding: 0 10px;
	}

/* 景点 */
	.attraction-card {
		background: #f9f9f9;
		border-radius: var(--border-radius);
		padding: 5px;
	}
	.attraction-card h4 {
		color: var(--lizhi-green);
		margin-bottom: 10px;
		gap: 8px;
	}
/* 展开收起功能 */
	.expandable {
		max-height: 200px;
		overflow: hidden;
		position: relative;
	}
	.expandable.expanded {
		max-height: none;
	}
	.expand-toggle {
		text-align: center;
		margin-top: 15px;
	}
	.expand-btn {
		background: var(--lizhi-green);
		color: white;
		border: none;
		padding: 10px 25px;
		border-radius: 25px;
		cursor: pointer;
		font-size: 14px;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		transition: background 0.3s;
	}
	.expand-btn:hover {
		background: rgba(255, 255, 255, 0.98);
		border: 2px solid var(--lizhi-green);
		color: var(--lizhi-green);
		gap: 10px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	}
/* 响应式设计 */
	@media (max-width: 680px) {
		.quick-nav-bar {
			padding: 10px 5px;
			gap: 8px;
		}
		.quick-nav-bar a {
			padding: 6px 12px;
			font-size: 13px;
		}
		.content-module {
			padding: 20px 15px;
		}
		.two-column, .attractions-grid {
			grid-template-columns: 1fr;
		}
	}
	

/*------ Footer ---------------------------------------*/

#footer {
	height: 30px;width: 1000px;margin:20px auto;text-align: center;color: #666;
}

 /* 返回顶部 */
#backToTopBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: #199BD4;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
	}

#backToTopBtn:hover {
	background-color: #777;
	color: #eee;
	}