@charset "utf-8";
/* 邛崃旅游网站 - 新版样式 */

/* ============= 基础样式 ============= */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}

body {
	font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	background: #fff;
	overflow-x: hidden;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
	display: block;
}

li {
	list-style-type: none;
}

a {
	color: #333;
	transition: all 0.3s ease;
}

a:hover {
	color: #5a8bfe;
}

.clear {
	clear: both;
}

.container {
	width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

/* ============= 顶部区域 ============= */
.top-round {
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.top {
	width: 1200px;
	height: 150px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
}

.logo {
	flex: 0 0 auto;
	padding: 10px 20px;
}

.logo img {
	height: 120px;
	width: auto;
}

.tianqi {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/* ============= 导航栏 ============= */
.nav-round {
	width: 100%;
	background: linear-gradient(135deg, #5a8bfe 0%, #4a7bee 100%);
	box-shadow: 0 2px 15px rgba(90, 139, 254, 0.3);
	position: sticky;
	top: 0;
	z-index: 999;
}

.nav-mid {
	width: 1200px;
	height: 60px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navs {
	flex: 1;
	height: 60px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.nav {
	padding: 0 20px;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 1;
}

.nav a {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
}

.nav .nLi {
    float: left;
	position: relative;
	display: inline;
	min-width: 120px;
	text-align: center;
	transition: all 0.3s ease;
}

.nav .nLi:hover {
	background: rgba(255, 255, 255, 0.15);
}

.nav .nLi a {
	display: block;
	padding: 0 20px;
	font-size: 20px;
	transition: all 0.3s ease;
}

.nav .nLi a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

.nav .sub {
	display: none;
	min-width: 200px;
	left: 0;
	top: 60px;
	position: absolute;
	background: rgba(90, 139, 254, 0.98);
	line-height: 26px;
	padding: 10px 0;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.nav .sub li {
	zoom: 1;
	text-align: left;
	padding: 8px 25px;
}

.nav .sub a {
	display: block;
	padding: 5px 10px;
	font-size: 18px;
	border-radius: 4px;
}

.nav .sub a:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	transform: translateX(5px);
}
	.pc-top{display:flex;align-items:center;justify-content:space-between;padding:10px 0;max-width:1200px;margin:0 auto}
	.pc-logo img{height:60px;display:block}
	.pc-search .form1{display:flex}
	.pc-search .input1{height:36px;line-height:36px;padding:0 12px;border:1px solid #e5e5e5;border-right:0;width:220px}
	.pc-search .input2{height:38px;width:38px}
	.pc-phone{display:inline-flex;align-items:center;font-size:16px;color:#333;white-space:nowrap;line-height:1}
	.pc-phone img{display:block;height:24px;margin-right:8px}
	.pc-navs{background:#5a8bfe}
	.pc-nav{max-width:1200px;margin:0 auto}
	.navbar-nav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;justify-content:center}
	.nav-item{position:relative}
.nav-link{display:block;color:#fff;padding:14px 20px;font-size:16px;font-weight:600}
	.nav-item:hover .nav-link,.nav-item.active .nav-link{background:#0b3257;color:#fff}
	.dropdown{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:180px;box-shadow:0 6px 18px rgba(0,0,0,.08);z-index:50;padding:6px 0}
	.nav-item:hover .dropdown{display:block}
	.dropdown dt{margin:0}
	.dropdown dt a{display:block;padding:8px 16px;color:#333;white-space:nowrap}
	.dropdown dt.active a,.dropdown dt a:hover{background:#f5f7fa;color:#5a8bfe}
@media (max-width:1024px){.pc-search,.pc-phone{display:none}.nav-link{padding:12px 14px;font-size:15px}}

#current {
	background: rgba(255, 255, 255, 0.2);
}

/* 搜索框 */
.search1 {
	display: flex;
	align-items: center;
	margin: 14px 0;
	width: 240px;
	height: 32px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.search1:hover {
	background: rgba(255, 255, 255, 0.3);
}

.srk1 {
	flex: 1;
	padding-left: 15px;
}

.srk1 .input1 {
	width: 100%;
    height: 30px;
    border: none;
    color: #fff !important;
	background: transparent;
	font-size: 14px;
}

.srk1 .input1::placeholder {
	color: rgba(255, 255, 255, 0.7);
}

.btn1 {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.btn1 .input2 {
    width: 20px;
    height: 20px; 
	opacity: 0.8;
	transition: all 0.3s ease;
}

.btn1:hover .input2 {
	opacity: 1;
	transform: scale(1.1);
}

/* ============= Banner轮播 ============= */
.banner-section {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
}

.box {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
}

.box-1 {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.box-1 ul {
	width: 100%;
	height: 100%;
}

.box-1 ul li {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
	display: none;
}

.box-1 ul li:first-child {
	display: block;
}

.box-1 ul li img {
	width: 100%;
	height: 600px;
	object-fit: cover;
}

.box-2 {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.box-2 ul {
	display: flex;
	gap: 10px;
}

.box-2 ul li {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
	list-style: none;
	font-size: 0;
	text-indent: -9999px;
}

.box-2 ul li:hover,
.box-2 ul li.on {
	background: rgba(255, 255, 255, 0.9);
	transform: scale(1.2);
}

.box-3 {
	position: relative;
	width: 100%;
	height: 100%;
	top: -600px;
	pointer-events: none;
}

.box-3 span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 80px;
	background: rgba(0, 0, 0, 0.3);
	color: white;
	font-size: 30px;
	text-align: center;
	line-height: 80px;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 10;
	user-select: none;
	pointer-events: all;
}

.box-3 span:hover {
	background: rgba(0, 0, 0, 0.6);
}

.box-3 .prev {
	left: 20px;
	border-radius: 0 8px 8px 0;
}

.box-3 .next {
	right: 20px;
	border-radius: 8px 0 0 8px;
}

.banner-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.2);
	z-index: 5;
}

.banner-title {
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.banner-title h1 {
	font-size: 72px;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 10px;
	animation: fadeInUp 1s ease;
}

.banner-subtitle {
	font-size: 28px;
	font-weight: 300;
    letter-spacing: 5px;
	animation: fadeInUp 1s ease 0.3s both;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ============= 快速导航 ============= */
.quick-nav-section {
	margin-top: -60px;
	position: relative;
	z-index: 100;
	padding: 0 20px;
}

.quick-nav-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
}

.quick-nav-item {
	display: block;
	background: #fff;
	padding: 30px 20px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	cursor: pointer;
	color: #333;
	text-decoration: none;
}

.quick-nav-item:hover {
	transform: translateY(-10px);
	box-shadow: 0 10px 30px rgba(90, 139, 254, 0.2);
}

.nav-item-1:hover { border-top: 3px solid #f53d57; }
.nav-item-2:hover { border-top: 3px solid #61d01d; }
.nav-item-3:hover { border-top: 3px solid #487aea; }
.nav-item-4:hover { border-top: 3px solid #f6b730; }
.nav-item-5:hover { border-top: 3px solid #fa6c1e; }

.nav-icon {
	width: 60px;
	height: 60px;
	margin: 0 auto 15px;
}

.nav-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.quick-nav-item h3 {
    font-size: 18px;
	color: #333;
	margin-bottom: 8px;
	font-weight: 600;
}

.quick-nav-item p {
	font-size: 13px;
	color: #999;
}

/* ============= 通用区块样式 ============= */
.section-header {
	text-align: center;
	margin-bottom: 50px;
	padding-top: 80px;
}

.section-title {
	font-size: 36px;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
}

.section-title::after {
	content: '';
    position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 4px;
	background: linear-gradient(90deg, #5a8bfe, #4ecdc4);
	border-radius: 2px;
}

.section-subtitle {
    font-size: 16px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 15px;
}

/* ============= 精选推荐区 ============= */
.featured-section {
	background: #f8f9fa;
	padding-bottom: 80px;
}

.featured-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 30px;
}

.featured-main {
	height: 100%;
}

.featured-card {
	display: block;
	height: 100%;
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s ease;
}

.featured-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.featured-image {
	position: relative;
	height: 400px;
	overflow: hidden;
}

.featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.featured-card:hover .featured-image img {
	transform: scale(1.1);
}

.featured-overlay {
	position: absolute;
	top: 20px;
	left: 20px;
}

.featured-tag {
	display: inline-block;
	padding: 8px 20px;
	background: rgba(90, 139, 254, 0.9);
    color: #fff;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
}

.featured-content {
	padding: 30px;
}

.featured-title {
	font-size: 24px;
	color: #333;
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 1.4;
}

.featured-desc {
	font-size: 15px;
	color: #666;
	line-height: 1.8;
	margin-bottom: 20px;
}

.featured-link {
    display: inline-block;
	color: #5a8bfe;
	font-weight: 500;
	transition: all 0.3s ease;
}

.featured-card:hover .featured-link {
	transform: translateX(10px);
}

/* 侧边栏 */
.featured-sidebar {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.news-card, .video-card {
	background: #fff;
	border-radius: 16px;
	padding: 25px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

.news-card:hover, .video-card:hover {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #f0f0f0;
}

.card-title {
	font-size: 20px;
	color: #333;
	font-weight: 600;
	position: relative;
	padding-left: 12px;
}

.card-title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 18px;
	background: #5a8bfe;
	border-radius: 2px;
}

.more-link {
	color: #999;
	font-size: 14px;
	transition: all 0.3s ease;
}

.more-link:hover {
	color: #5a8bfe;
}

.news-list {
	list-style: none;
}

.news-item {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e0e0e0;
}

.news-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.news-item a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #666;
	transition: all 0.3s ease;
}

.news-item a:hover {
	color: #5a8bfe;
	padding-left: 10px;
}

.news-title {
	flex: 1;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-date {
    font-size: 12px;
	color: #999;
	margin-left: 10px;
}

.video-wrapper {
	position: relative;
	display: block;
	border-radius: 12px;
	overflow: hidden;
}

.video-wrapper img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.video-wrapper:hover img {
	transform: scale(1.05);
}

.video-play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 70px;
	height: 70px;
	transition: all 0.3s ease;
}

.video-wrapper:hover .video-play-btn {
	transform: translate(-50%, -50%) scale(1.1);
}

.video-play-btn img {
	width: 100%;
	height: 100%;
}

.video-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 15px;
	background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
	color: #fff;
    font-size: 14px;
}

/* ============= 热门景区 ============= */
.scenic-section {
	padding-bottom: 80px;
}

.scenic-tabs {
	margin-top: 40px;
}

.tab-header ul {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-bottom: 40px;
}

.tab-header ul li {
	padding: 12px 40px;
	background: #fff;
	border: 2px solid #e0e0e0;
	border-radius: 30px;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-weight: 500;
}

.tab-header ul li:hover {
	border-color: #5a8bfe;
	color: #5a8bfe;
}

.tab-header ul li.on,
.tab-header ul li.tab-active {
	background: linear-gradient(135deg, #5a8bfe, #4ecdc4);
	color: #fff;
	border-color: transparent;
	box-shadow: 0 5px 15px rgba(90, 139, 254, 0.3);
}

.tab-content {
	position: relative;
}

.tab-pane {
	display: none;
}

.tab-pane.tab-active {
	display: block;
}

/* 景区网格布局 */
.part4_bd_left {
	width: 390px;
	float: left;
	margin: 0 0 0 20px;
}

.part4_bd_left li {
	float: left;
	width: 245px;
	height: 245px !important;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 20px;
}

.part4_bd_left li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s ease;
}

.part4_bd_left li:hover img {
	transform: scale(1.1);
}

.part4_bd_left li:first-child {
	width: 390px;
	height: 530px !important;
}

.part4_bd_left li:first-child img {
	width: 390px;
	height: 530px;
}

.part4_bd_left li:nth-child(2) {
	margin-right: 20px;
}

.part4_bd_right {
    float: left;
    width: 730px;
	margin: 0 0 0 55px;
}

.part4_bd_right li {
	float: left;
	width: 335px;
	height: 240px !important;
	overflow: hidden;
	border-radius: 12px;
	margin-bottom: 20px;
}

.part4_bd_right li img {
	width: 335px !important;
	height: 240px !important;
	object-fit: cover;
	transition: all 0.6s ease;
}

.part4_bd_right li:hover img {
	transform: scale(1.1);
}

.part4_bd_right li:nth-child(2),
.part4_bd_right li:nth-child(4) {
	float: right;
}

.part4_bd_right li:nth-child(5) {
	width: 100%;
	height: 250px !important;
}

.part4_bd_right li:nth-child(5) img {
	width: 100% !important;
	height: 250px !important;
}

.part4_more {
	margin-top: 40px;
    text-align: center;
	clear: both;
}

.part4_more img {
	width: 40px;
	height: 40px;
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease;
}

.part4_more img:hover {
	transform: scale(1.2) rotate(180deg);
}

/* ============= 邛崃体验（吃住游娱购） ============= */
.experience-section {
	background: #f8f9fa;
	padding-bottom: 80px;
}

.experience-tabs {
	margin-top: 40px;
}

.exp-tab-header ul {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 50px;
}

.exp-tab-header ul li {
	padding: 15px 30px;
	background: #fff;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 500;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.exp-tab-header ul li:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.exp-tab-header ul li.on,
.exp-tab-header ul li.exp-active,
.exp-tab-header ul li.cur {
	background: linear-gradient(135deg, #5a8bfe, #4ecdc4);
	color: #fff;
	box-shadow: 0 5px 20px rgba(90, 139, 254, 0.3);
}

.exp-icon {
    font-size: 24px;
}

.exp-tab-content {
	position: relative;
	min-height: 400px;
}

.exp-pane {
	display: none;
	animation: fadeIn 0.5s ease;
}

.exp-pane.exp-active,
.exp-pane.on {
	display: block;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.exp-content-wrapper {
	background: #fff;
	padding: 50px;
	border-radius: 16px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	max-width: 800px;
	margin: 0 auto;
}

.exp-title {
	font-size: 32px;
	color: #333;
    font-weight: bold;
	margin-bottom: 10px;
}

.exp-subtitle {
    font-size: 14px;
	color: #999;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.exp-list {
	list-style: none;
	margin-bottom: 30px;
}

.exp-list li {
	padding: 15px 0;
	border-bottom: 1px dashed #e0e0e0;
	transition: all 0.3s ease;
}

.exp-list li:last-child {
	border-bottom: none;
}

.exp-list li:hover {
    padding-left: 15px;
	background: #f8f9fa;
}

.exp-list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #666;
	font-size: 16px;
}

.exp-list li a:hover {
	color: #5a8bfe;
}

.exp-date {
	color: #999;
	font-size: 13px;
	margin-left: 15px;
}

.exp-more-btn {
    display: inline-block;
	padding: 12px 40px;
	background: linear-gradient(135deg, #5a8bfe, #4ecdc4);
	color: #fff;
	border-radius: 30px;
    font-size: 16px;
	font-weight: 500;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(90, 139, 254, 0.3);
}

.exp-more-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(90, 139, 254, 0.4);
	color: #fff;
}

/* ============= 精品路线 ============= */
.routes-section {
	padding-bottom: 80px;
}

.routes-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.route-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.4s ease;
}

.route-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.route-image {
	position: relative;
	height: 250px;
	overflow: hidden;
}

.route-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.route-card:hover .route-image img {
    transform: scale(1.1);
}

.route-overlay {
	position: absolute;
	top: 15px;
	right: 15px;
}

.route-date {
    display: inline-block;
	padding: 6px 15px;
	background: rgba(255, 255, 255, 0.9);
	color: #333;
	border-radius: 15px;
	font-size: 12px;
}

.route-content {
	padding: 25px;
}

.route-title {
	font-size: 18px;
	color: #333;
	font-weight: 600;
	margin-bottom: 12px;
	line-height: 1.4;
}

.route-desc {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}

/* ============= 综合服务 ============= */
.service-section {
	background: #f8f9fa;
	padding-bottom: 80px;
}

.service-grid {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	gap: 20px;
}

.service-item {
	background: #fff;
	padding: 25px 15px;
	border-radius: 12px;
	text-align: center;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.service-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(90, 139, 254, 0.15);
}

.service-item img {
	width: 60px;
	height: 60px;
	margin: 0 auto 12px;
	transition: all 0.3s ease;
}

.service-item:hover img {
	transform: scale(1.1) rotate(5deg);
}

.service-item p {
	font-size: 14px;
	color: #666;
	font-weight: 500;
}

.service-item:hover p {
	color: #5a8bfe;
}

/* ============= 举报中心 ============= */
.report-section {
	padding: 50px 0;
	background: #fff;
}

.report-title {
	text-align: center;
	font-size: 20px;
	color: #333;
	margin-bottom: 30px;
	font-weight: 600;
}

.report-links {
	display: flex;
	justify-content: center;
	gap: 30px;
}

.report-links a {
	display: block;
	transition: all 0.3s ease;
}

.report-links a:hover {
	transform: translateY(-5px);
}

.report-links img {
	height: 50px;
	width: auto;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* ============= 页脚 ============= */
.footer {
	width: 100%;
	background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    color: #fff;
	padding: 60px 0 30px;
	position: relative;
	overflow: hidden;
}

.footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #5a8bfe, #4ecdc4, #f6b730, #f53d57);
}

.footer_msg {
	width: 450px;
	text-align: center;
	line-height: 2;
	margin: 0 auto;
}

.footer_msg p {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
}

.footer_ewm {
	position: absolute;
	top: 60px;
	right: 125px;
}

.footer_ewm ul {
	display: flex;
	gap: 30px;
}

.footer_ewm li {
	text-align: center;
}

.footer_ewm img {
	height: 90px;
	border-radius: 10px;
	margin-bottom: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.footer_ewm p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
}

/* ============= 列表页样式 ============= */
.now_place {
    border-bottom: 1px solid #dcdcdc;
}

.now_place_txt {
    width: 1200px;
	margin: 0 auto;
	color: #8c8c8c;
    padding: 55px 0 10px 30px;
}

.now_place_txt a {
	color: #5a8bfe;
	transition: color 0.3s ease;
}

.now_place_txt a:hover {
	color: #4a7bee;
}

.now_place_txt strong.fc_03c {
	color: #5a8bfe;
	font-weight: 600;
}

.new_list_box {
	width: 1200px;
	margin: 25px auto 40px;
}

.new_lists li {
    padding: 20px;
    transition: all 0.3s ease;
}
.new_lists li > a {display:flex;align-items:center;gap:20px;width:100%}

.new_lists li:hover {
	background: #f8f9fa;
}

.lists_pic {
    width: 325px;
    height: 215px;
    flex: 0 0 325px;
    border-radius: 12px;
    overflow: hidden;
}

.lists_pic img {
	width: 325px;
	height: 215px;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.new_lists li:hover .lists_pic img {
	transform: scale(1.05);
}

.lists_conts {
    flex: 1 1 auto;
    min-width: 0;
    height: auto;
    padding-left: 0;
}

.lists_conts_tit {
    color: #0e3f6f;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 4px;
}

.lists_conts_time {
    color: #9aa0a6;
    font-size: 14px;
    padding: 6px 0 10px;
}

.lists_conts_discrip {
    height: 120px;
    overflow: hidden;
    line-height: 28px;
    color: #646464;
    font-size: 18px;
}

/* 列表页：右侧文字统一字号 */
.new_lists .lists_conts p{font-size:18px;line-height:28px}

/* 当“查看详情”按钮内联于摘要时的布局优化 */
.new_lists .lists_conts_discrip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;height:auto;max-height:none}
.new_lists .lists_conts_discrip .lists_conts_all{display:inline-flex;align-items:center;justify-content:center;float:none;margin:0 0 0 4px;padding:6px 12px;line-height:20px;font-size:14px;border-radius:16px}
.new_lists a:hover .lists_conts_discrip .lists_conts_all{background:#4a7bee}

.lists_conts_all {
	
	color: #5a8bfe;
    
}

.lists_conts_all:hover {
	font-weight: 500;

}

/* 分页 */
.dede_pages {
    margin-top: 25px;
}

ul.pagelist {
	display: flex;
	justify-content: center;
	gap: 10px;
}

.pagelist li {
	padding: 8px 16px;
    background: #f0f0f0;
	border-radius: 6px;
    text-align: center;
	transition: all 0.3s ease;
}

.pagelist li:hover {
	background: #5a8bfe;
}

.pagelist li:hover a {
	color: #fff;
}

.pagelist li a {
	color: #333;
}

li.thisclass {
	background: #5a8bfe;
}

li.thisclass a {
	color: #fff;
}

/* ============= 内容页样式 ============= */
.new_msgs {
    width: 1200px;
    padding: 30px 50px;
}

.new_msg {
    padding: 0 20px;
}

.new_msg_tit {
    text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
}

.new_msg_time {
    text-align: center;
    padding: 15px;
	color: #999;
}

.new_msg_body {
	padding: 30px 0;
	line-height: 2;
	font-size: 16px;
	color: #555;
}

.new_msg_body img {
	max-width: 100%;
	height: auto !important;
	border-radius: 8px;
	margin: 20px 0;
}

/* 景点列表页 */
.scenic_lists li {
    float: left;
    overflow: hidden;
    margin: 15px 25px;
	border-radius: 16px;
	transition: all 0.3s ease;
}

.scenic_lists li:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.scenic_lists img {
    width: 320px;
    height: 280px;
	object-fit: cover;
	transition: all 0.6s ease;
}

.scenic_lists li:hover img {
	transform: scale(1.05);
}

/* 景区卡片叠标题，保持圆角 */
.scenic-card {list-style:none}
.scenic-thumb {position:relative;border-radius:16px;overflow:hidden}
.scenic-title {position:absolute;left:0;right:0;bottom:0;padding:10px 14px;color:#fff;font-size:18px;font-weight:600;background:linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 85%)}

/* 景点内容页 */
.topimg {
	width: 100%;
	position: relative;
	height: 500px;
	overflow: hidden;
}

.topimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.scen_name {
    position: absolute;
    right: 85px;
	bottom: 30px;
    font-size: 50px;
    font-weight: bold;
    font-family: "宋体";
	color: #fff;
	text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}

.scenic_jj,
.scenic_pics,
.scenic_road {
	margin: 50px auto;
    border: 2px solid #5a8bfe;
	border-radius: 12px;
    padding: 30px;
	position: relative;
}

label {
    font-size: 18px;
    background: #5a8bfe;
    position: absolute;
    padding: 8px 35px;
	border-radius: 20px;
    margin-top: -49px;
    color: #fff;
	box-shadow: 0 3px 10px rgba(90, 139, 254, 0.3);
}

.scen_msg,
.scenic_roads {
    padding: 30px 0 0 0;
	line-height: 2;
}

/* 相册特效 */
.scenic_pics {
	height: 340px;
}

.scenpic_all {
    padding: 15px 0;
	position: relative;
}

.pic_left,
.pic_right {
    width: 50px;
    height: 100px;
	background: rgba(90, 139, 254, 0.9);
    position: absolute;
    text-align: center;
    font-size: 62px;
	color: #fff;
    padding: 0 5px;
    top: 125px;
	cursor: pointer;
	border-radius: 8px;
	transition: all 0.3s ease;
	user-select: none;
}

.pic_left {
	left: 0;
}

.pic_right {
	right: 0;
}

.pic_left:hover,
.pic_right:hover {
	background: rgba(90, 139, 254, 1);
}

#demo {
background: #FFF;
	overflow: hidden;
width: 1015px;
	height: 306px;
}

#demo img {
border: 3px solid #F2F2F2;
	border-radius: 8px;
}

#indemo {
float: left;
width: 800%;
}

#demo1,
#demo2 {
float: left;
}

div#demo1 img,
div#demo2 img {
    width: auto !important;
    height: 300px !important;
}

/* 确保景区风景相册在横向滚动时图片横排显示，并全部可见 */
#indemo { white-space: nowrap; }
#demo1 img, #demo2 img { float: left; display: block; margin-right: 10px; }
#demo1 a, #demo2 a { float: left; display: inline-block; }

/* 搜索页 - 已统一使用列表页样式 */
/* 搜索页现在使用 .new_list_box 和 .new_lists 样式，保持与列表页一致 */

/* 保留搜索关键词高亮样式 */
strong.fc_03c {
	color: #5a8bfe;
	font-weight: 600;
}

/* 举报中心固定入口 */
.jbzx {
    width: 160px;
    padding: 10px;
    position: fixed;
	top: 200px;
    right: 10px;
	z-index: 999;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}

.jbzx img {
	margin: 3px 0;
	border-radius: 4px;
}

.jbzx_tit {
	font-size: 16px;
    text-align: center;
	color: #e74c3c;
	margin-bottom: 8px;
	font-weight: 600;
}

/* 分页样式 */
.ab_pages {
	clear: both;
	padding: 40px 0;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}

.ab_pages ul {
	display: inline-flex;
	gap: 10px;
	margin: 0 auto;
	padding: 0;
}

.ab_pages ul a,
.ab_pages ul .page-num {
	color: #333;
	display: block;
	padding: 8px 16px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	transition: all 0.3s ease;
}

.ab_pages ul a:hover {
	background: #5a8bfe;
	color: #fff;
	border-color: #5a8bfe;
}

.ab_pages ul a.page-num-current {
	background: #5a8bfe;
	color: #FFF;
	border-color: #5a8bfe;
}

/* ============= 布局与富文本安全（由 head.html 迁移） ============= */
/* 统一主体容器：限制宽度并水平居中，确保不同模板页布局一致 */
.container, .pc-all, .now_place, .new_list_box, .new_lists, .new_msgs, .new_msg, .context,
.scenic_lists, .scenic_jj, .scenic_pics, .scenic_road, .pc-son-jj {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}

/* 面包屑行宽与居中（覆盖主样式中的左内边距） */
.now_place_txt {
	max-width: 1200px;
	margin: 0 auto;
	padding: 55px 0 10px;
}

/* 文章页正文区域更窄的可读宽度 */
.articleview .new_msg, .articleview .context {
	max-width: 900px;
}

/* 列表与景区列表内层 ul 重置 */
.new_lists ul, .scenic_lists ul {
	margin: 0;
	padding: 0;
}

/* 富文本溢出防护与通用覆盖，避免内容突破容器 */
.new_msg_body, .pc-son-jj, .scen_msg, .scenic_roads {
	max-width: 100%;
	overflow-wrap: break-word;
	word-break: break-word;
}

/* 覆盖内联 nowrap/white-space 导致的不换行问题 */
.new_msg_body *, .pc-son-jj * { white-space: normal !important; }
.new_msg_body, .new_msg_body * { box-sizing: border-box; }
.new_msg_body * { max-width: 100% !important; }
.new_msg_body { overflow-x: hidden; }
.new_msg_body span { display: inline-block !important; max-width: 100% !important; }
.new_msg_body [style*="text-wrap-mode"] { text-wrap-mode: wrap !important; white-space: normal !important; }
.new_msg_body [style*="white-space:nowrap"] { white-space: normal !important; }
.new_msg_body [style*="width"] { width: auto !important; }
.new_msg_body table { width: 100% !important; table-layout: fixed; }
.new_msg_body a { word-break: break-all; }
.new_msg_body img, .pc-son-jj img, .scen_msg img, .scenic_roads img { max-width: 100%; height: auto; }
.new_msg_body table, .pc-son-jj table { max-width: 100%; display: block; overflow: auto; }

/* ============= 首页热门景区优化布局 ============= */
.scenic-grid-modern {
	display: grid;
	grid-template-columns: 1fr 1.8fr; /* 优化左右比例，避免左侧过窄 */
	gap: 20px;
	margin-bottom: 30px;
	align-items: start; /* 顶部对齐，避免高度不一致导致的错位 */
}

.scenic-featured {
	grid-column: 1;
}

.scenic-card {
	display: block;
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

.scenic-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.scenic-card-large .scenic-thumb {
	height: 520px; /* 调整为更合适的高度 */
	background: #f5f5f5;
}

.scenic-thumb {
	position: relative;
	overflow: hidden;
	height: 240px;
	background: #f5f5f5; /* 添加背景色，防止空白 */
}

.scenic-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 保持cover以填充容器 */
	object-position: center; /* 确保图片居中裁剪 */
	transition: transform 0.6s ease;
}

.scenic-card:hover .scenic-thumb img {
	transform: scale(1.1);
}

.scenic-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 20px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
}

.scenic-grid-items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	align-content: start; /* 内容顶部对齐 */
}

/* 确保所有景区卡片高度一致 */
.scenic-grid-items .scenic-card {
	height: 100%; /* 填充Grid单元格 */
	display: flex;
	flex-direction: column;
}

.scenic-grid-items .scenic-thumb {
	flex: 1; /* 让图片区域占据所有可用空间 */
	min-height: 240px; /* 保证最小高度 */
}

.scenic-more-btn-wrapper {
	text-align: center;
	margin-top: 40px;
}

.scenic-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 40px;
	background: linear-gradient(135deg, #5a8bfe, #4ecdc4);
	color: #fff;
	border-radius: 30px;
	font-size: 16px;
	font-weight: 500;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(90, 139, 254, 0.3);
}

.scenic-more-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(90, 139, 254, 0.4);
	color: #fff;
}

.scenic-more-btn svg {
	transition: transform 0.3s ease;
}

.scenic-more-btn:hover svg {
	transform: translateX(5px);
}

/* ============= 首页邛崃体验优化布局 ============= */
.exp-grid-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-bottom: 30px;
}

.exp-card {
	display: block;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.exp-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}

.exp-card-img {
	position: relative;
	height: 200px;
	overflow: hidden;
	background: #f5f5f5;
}

.exp-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.exp-card:hover .exp-card-img img {
	transform: scale(1.08);
}

.exp-card-content {
	padding: 20px;
}

.exp-card-title {
	font-size: 16px;
	font-weight: 600;
	color: #2c3e50;
	margin: 0 0 10px 0;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.exp-card-desc {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 15px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.exp-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0;
}

.exp-card-icon {
	font-size: 20px;
}

.exp-card-date {
	font-size: 12px;
	color: #999;
}

.exp-more-wrapper {
	text-align: center;
	margin-top: 30px;
}

.exp-more-wrapper .exp-more-btn {
	display: inline-block;
	padding: 12px 35px;
	background: linear-gradient(135deg, #5a8bfe, #4ecdc4);
	color: #fff;
	border-radius: 25px;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.3s ease;
	box-shadow: 0 4px 12px rgba(90, 139, 254, 0.25);
}

.exp-more-wrapper .exp-more-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(90, 139, 254, 0.35);
	color: #fff;
}

/* ============= 响应式布局 ============= */
@media screen and (max-width: 1240px) {
	.container,
	.top,
	.nav-mid,
	.new_list_box,
	.now_place_txt,
	.new_msgs {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.quick-nav-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.service-grid {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.banner-section,
	.banner-container,
	.banner-slides,
	.banner-slides ul li {
		height: 400px;
	}
	
	.banner-title h1 {
		font-size: 42px;
	}
	
	.banner-subtitle {
		font-size: 18px;
	}
	
	.quick-nav-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.featured-grid {
		grid-template-columns: 1fr;
	}
	
	.routes-grid {
		grid-template-columns: 1fr;
	}
	
	.service-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.section-title {
		font-size: 28px;
	}
	
	/* 热门景区响应式 */
	.scenic-grid-modern {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.scenic-card-large .scenic-thumb {
		height: 300px;
	}
	
	.scenic-grid-items {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.scenic-thumb {
		height: 180px;
	}
	
	.scenic-title {
		font-size: 16px;
		padding: 12px 15px;
	}
	
	/* 邛崃体验响应式 */
	.exp-grid-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.exp-card-img {
		height: 150px;
	}
	
	.exp-card-content {
		padding: 15px;
	}
	
	.exp-card-title {
		font-size: 15px;
	}
}

@media screen and (max-width: 480px) {
	.quick-nav-grid {
		grid-template-columns: 1fr;
	}
	
	.service-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.exp-tab-header ul {
		flex-wrap: wrap;
	}
	
	/* 热门景区手机端 */
	.scenic-grid-items {
		grid-template-columns: 1fr;
	}
	
	.scenic-card-large .scenic-thumb {
		height: 250px;
	}
	
	.scenic-thumb {
		height: 200px;
	}
	
	/* 邛崃体验手机端 */
	.exp-grid-wrapper {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	
	.exp-card-img {
		height: 180px;
	}
}