/* 基础样式（默认适配小屏幕） */
#carousel-example-generic {position: relative;width: 100%;margin: 0 auto;max-width: 1920px; /* 防止超过最大宽度 */z-index: 3;}

.carousel-inner,
.carousel-inner .item {position: relative;width: 100%;height: 0;padding-bottom: 30.78%; /* 1920/591 ≈ 3.25 → 100% / 3.25 = 30.78% */overflow: hidden;}
.carousel-inner .item img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

/* 大屏幕（≥1920px）样式 */
@media (min-width: 1920px) {
    #carousel-example-generic {width: 1920px;height: 591px;margin: 0 auto;}
    .carousel-inner,
    .carousel-inner .item {padding-bottom: 0;height: 591px;}
    .carousel-inner .item img {width: 1920px;height: 591px;object-fit: contain; /* 确保图片不被裁剪 */}
}

/* 控制按钮和指示器优化 */
.carousel-control {width: 5%;opacity: 0.8;transition: opacity 0.3s;}
.carousel-control:hover {opacity: 1;}
.carousel-indicators {bottom: 15px;margin-bottom: 0;}
.carousel-indicators li {width: 8px;height: 8px;margin: 4px;background-color: #fff;}
.carousel-indicators .active {width: 12px;height: 12px;}

/*线路推荐*/
.travel_list{justify-content:space-around; align-items: flex-start;margin: -10px; /* 抵消子元素的外边距 */}
.travel_li{border: 1px solid #d1d1d1;box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.2), 0 4px 8px -2px rgba(0, 0, 0, 0.15);border-radius: 0.5rem;transition: transform 0.3s ease;flex: 0 0 calc(25% - 20px); /* 一行显示4个，减去左右边距 */margin: 10px 10px 30px 10px; height: 33rem;overflow: hidden; /* 防止内容溢出影响布局 */}
.travel_li a{text-decoration: none;}
.travel_li:hover {transform: scale(1.05);}
.travel_li img {width: calc(100% - 12px); /* 减去左右外边距的宽度 */height: 18rem;object-fit: cover;margin: 6px;}
.travel_li_title {font-size: 1.25rem;line-height: 1.75rem; white-space: nowrap; /* 禁止换行 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 超出部分显示省略号 */width: calc(100% - 1rem); /* 设置宽度，减去一些内边距 */padding: 0 0.5rem; /* 增加内边距 */}
.travel_li_des{color: #9c1c1c;}
.travel_li_symbol{width: 7px; height: 7px; background-color: #202020;}
.travel_li_simple_txt{
    width: calc(100% - 0.75rem - 5px);
    line-height: 1.5; /* 控制行高，影响实际显示行数 */
    max-height: calc(1.5em * 2); /* 2 行的高度（根据 line-height 计算） */
    overflow: hidden; /* 溢出内容隐藏 */

    /* 以下为多行省略号的标准写法（主流浏览器支持） */
    display: -webkit-box; /* 弹性盒子模型（WebKit 内核） */
    -webkit-box-orient: vertical; /* 子元素垂直排列 */
    -webkit-line-clamp: 2; /* 限制最多显示 2 行 */
    text-overflow: ellipsis; /* 溢出部分显示省略号（需配合 overflow: hidden） */
}
.view_detail_btn{width:11rem;border: #ad182e solid 1px; margin:.5rem auto; padding: 0 1.5rem; font-size: 1.25rem; color: #ad182e;}

/* 城市列表强制单行显示 */
.travel_li_des {flex-wrap: nowrap;}
.travel_li_des ul {flex-wrap: nowrap;}

/*欢迎来到中国旅游*/
.welcome_china {width: 100%;background: url("../../img/index/index_bg1.jpg") no-repeat bottom;}
.welcome_china_font{padding: 0 0 0 60px;}
.welcome_china_img1{position: absolute;right: 0;bottom: 0;}
.welcome_china_img1 img {width: 100%;}

/*您中国之行需要了解的其他事项*/
.travel_circle_li{
    transition: transform 0.3s ease;
    /* 一行显示4个，减去左右边距 */
    flex: 0 0 calc(25% - 20px);
    margin: 10px;
    height: 25rem;
    overflow: hidden; /* 防止内容溢出影响布局 */
}
.travel_circle_li a{text-decoration: none;align-items: center;}
.travel_circle_li:hover {transform: scale(1.05);}
.travel_circle_li img {width: 18rem; /* 减去左右外边距的宽度 */height: 18rem;object-fit: cover;border-radius: 50%;}
.travel_circle_li_title {font-size: 1.125rem;line-height: 1.75rem; white-space: nowrap; /* 禁止换行 */overflow: hidden; /* 隐藏溢出内容 */text-overflow: ellipsis; /* 超出部分显示省略号 */width: calc(100% - 1rem); /* 设置宽度，减去一些内边距 */padding: 0 0.5rem; /* 增加内边距 */}
.view_more_detail_btn{width:10.5rem;border: #ee7b2a solid 1px; margin:.5rem auto; padding: 0 1rem; font-size: 1.25rem; color: #ee7b2a;}

/*目的地*/
.des_li{
    transition: transform 0.3s ease;
    /* 一行显示4个，减去左右边距 */
    flex: 0 0 calc(25% - 20px);
    margin: 10px;
    height: 19.625rem;
    overflow: hidden; /* 防止内容溢出影响布局 */
}
.des_li a{text-decoration: none; position: relative;}
.des_li:hover {transform: scale(1.05);}
.des_li img {width: 100%; /* 减去左右外边距的宽度 */height: 19.625rem;object-fit: cover; position: relative; z-index: 5;}
.des_li_title {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    font-size: 2.5rem;
    white-space: nowrap; /* 禁止换行 */
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    width: 100%;
    min-height: 9.375rem;
    background: url("../../img/index/des_bottom_title_bg.png") no-repeat;
    background-size: cover;
    /* 添加以下样式实现水平和垂直居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: flex-end; /* 垂直居中 */
    color:#fff;
    padding-bottom: 20px;
    opacity: 0;
}

.bottom_bg{
    width: 100%;
    background: url("../../img/index/bottom_bg.jpg") no-repeat bottom;
    background-size: cover;
}
/* .bottom_card_li{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.bottom_card_num{font-size: 1.5rem;color: #fff;}
.bottom_card_li_title{font-size: 1.5rem;color: #fff;} */

.bottom_card_li_list{justify-content: space-between;}
.bottom_card_li {
    width:192px;
    background: #fff;
    border:#d8dada solid 1px;
    box-shadow: 0 4px 24px rgba(44,90,160,0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: box-shadow 0.3s, transform 0.3s;
    position: relative;
    padding-bottom:15px;
}
.bottom_card_li:nth-child(even){margin-top: 50px;}
.bottom_card_li:hover {
    box-shadow: 0 8px 32px rgba(44,90,160,0.16);
    transform: translateY(-6px) scale(1.03);
}
.bottom_card_li_img{margin-top:22px;}
.bottom_card_num {
    font-size:3rem;
    color: #0259b7;
    font-weight: bold;
}
.bottom_card_li_title {
    padding:0 22px;
}

/* 响应式布局调整 */
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {
	.container{width: 1425px;}
}

@media (max-width: 3840px) {
    .welcome_china_img_box{height:558px;}
    .welcome_china_img1{position: relative;width: 700px;}
}

@media (max-width: 1200px) {
    .welcome_china_img_box{height:auto;}
    .welcome_china_img1{width: 100%;}
}

@media (max-width: 991px) {
    .travel_li {flex: 0 0 calc(33.3333% - 20px); /* 中等屏幕一行显示3个 */}
    .travel_circle_li,.des_li {
        /* 中等屏幕一行显示3个 */
        flex: 0 0 calc(33.3333% - 20px);
    }
    .des_li_title{opacity: 1;}
}

/* 移动端控制按钮调整 */
@media (max-width: 767px) {
    .carousel-control {width: 10%;}
    .carousel-indicators li {width: 6px;height: 6px;margin: 3px;}
    .carousel-indicators .active {width: 10px;height: 10px;}

    .travel_li {flex: 0 0 calc(50% - 20px); /* 小屏幕一行显示2个 */}
    .travel_circle_li,.des_li {
        /* 小屏幕一行显示2个 */
        flex: 0 0 calc(50% - 20px);
    }
}
@media (max-width: 480px) {
    .travel_li {flex: 0 0 calc(100% - 20px); /* 超小屏幕一行显示1个 */}
    .welcome_china_font{padding:0;}
    .travel_circle_li,.des_li {
        /* 超小屏幕一行显示1个 */
        flex: 0 0 calc(100% - 20px);
    }
    .bottom_card_li{width:100%;margin-top:15px !important;}
}