/* 固定 Bootstrap 点击弹窗/下拉时页面抖动、导航消失问题 */
body,
.modal-open {
  overflow: visible !important;
  padding-right: 0 !important;
}

/* 导航栏禁止被挤位移 */
.navbar {
  padding-right: 0 !important;
  margin-right: 0 !important;
}


/* 永久禁止 Bootstrap 自动修改 body 样式 */
body {
  padding-right: 0 !important;
  overflow: visible !important;
}

/* 修复导航栏被顶没、错位问题 */
.navbar {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

/* 修复所有下拉菜单不抖动、不偏移 */
.modal-open {
  overflow: visible !important;
  padding-right: 0 !important;
}
/* 必要布局样式css */

.trade-title {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin: 50px 0;
	position: relative;
}
.trade-title:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: -19px;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid;
	border-color: #20B09F transparent transparent;
}
.trade-title:after {
	content: "";
	position: absolute;
	width: 52px;
	height: 3px;
	background-color: #20B09F;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
}
.trade-black {
	/*height: 400px;*/
	background-color: #30383e;
}
.trade-box {
	margin: 0 auto;
	position: relative;
	transition: all .3s ease;
}

@media only screen and (min-width: 768px) {
	
	.trade-box-list {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

	
}


.trade-box-item {
	flex: 1;
	text-align: center;
	position: relative;
	height: 300px;
	background: no-repeat center;
	background-size: cover;
}
.trade-content .trade-box-item:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/*background-color: rgba(0,0,0,.6);*/
	background-color: rgb(59 112 159 / 60%);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.trade-box-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
a, button, input, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.item-logo {
	margin: 0 auto;
	display: block;
}
.trade-content .trade-box-item .item-logo {
	position: relative;
	margin-top: 90px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.item-title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 20px 0;
	position: relative;
}
.trade-content .item-title:before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	border-bottom: 2px solid #fff;
	margin: 0 auto 20px;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
	position: relative;
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	opacity: 0;
	margin-top: 10px;
}
.item-text p {
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
}
.trade-content .trade-box-item:hover .item-text {
	display: block;
	opacity: 1;
	margin-top: 0;
}
.trade-content .trade-box-item:hover:before {
	background-color: rgb(232 175 27 / 80%);
}
.trade-content .trade-box-item:hover .item-logo {
	margin-top: 3rem;
}
.trade-content .trade-box-item:hover .item-title:before {
	opacity: 0;
	margin-bottom: 0;
}
.reqwg p{
    line-height:normal;
}
.reqwg h6{
    margin-bottom: 4px !important;
    
}
.reqwg h6 strong{
    margin-bottom: 2;
    
}


.h-available {
  height: 100% !important; /* 兜底：兼容所有浏览器 */
  height: -webkit-fill-available !important; /* WebKit 内核（Chrome/Safari/Edge） */
  height: -moz-available !important; /* Firefox */
}

.qy td, th {
  vertical-align: middle; /* 核心：垂直居中 */
  text-align: center;     /* 可选：水平居中 */
}
.qy table{
    line-height: normal;
}


/*.qy {*/
/*    width: 100%;*/
/*    overflow: auto;*/
/*}*/
/*.qy table thead {*/
/*    white-space: nowrap;*/
/*}*/




/*lg屏幕以上*/
@media only screen and (min-width: 992px) {
	.jtsz434312 .dropdown-menu{
		    left: -8px;
	}
	.acprcdi img{
    height: 217px;
}
}



.acprcdi img{
    width: 100%;
}



/* 响应式显示控制 */
.hotel-card-item {
    display: none;
}

/* 大屏 (≥992px) - 默认显示前4个 */
@media (min-width: 992px) {
    .hotel-card-item:nth-child(-n+4) {
        display: block;
    }
}

/* 平板 (≥768px 且 <992px) - 默认显示前3个 */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hotel-card-item:nth-child(-n+3) {
        display: block;
    }
}

/* 小屏 (≥576px 且 <768px) - 默认显示前4个 (2行) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .hotel-card-item:nth-child(-n+4) {
        display: block;
    }
}

/* 手机 (<576px) - 默认显示前2个 */
@media (max-width: 575.98px) {
    .hotel-card-item:nth-child(-n+2) {
        display: block;
    }
}

/* 显示全部状态 */
.show-all .hotel-card-item {
    display: block !important;
}

/* 按钮样式优化 */
.show-all-btn {
    transition: all 0.3s ease;
}

.show-all-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 隐藏按钮当显示全部时 */
.show-all ~ .text-center .show-all-btn,
.show-all + .text-center .show-all-btn {
    display: none;
}





/* 右侧图片容器 - 确保定位正确 */
.hero-right {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow: hidden; /* 隐藏图片超出部分 */
    
        border-radius: 16px;
}

/* 概念图片核心样式 - 融入背景效果 */
.hero-concept-image {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    
    /* 核心融合效果 */
    mix-blend-mode: screen; /* 与深色背景融合效果最佳 */
    opacity: 0.85; /* 轻微透明，增强融入感 */
    
    /* 滤镜调整，匹配背景色调 */
    filter: brightness(1.1) contrast(0.9) saturate(0.85);
    
    /* 渐变遮罩 - 让图片边缘柔和过渡到背景 */
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 60%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to left, rgba(0,0,0,1) 60%, rgba(0,0,0,0.7) 80%, rgba(0,0,0,0) 100%);
    
    /* 平滑过渡动画 */
    transition: all 0.5s ease;
}

/* 鼠标悬停效果 - 增强交互感 */
/*.hero-right:hover .hero-concept-image {*/
/*    opacity: 0.95;*/
/*    filter: brightness(1.2) contrast(0.95) saturate(0.9);*/
/*    transform: perspective(800px) rotateY(-3deg) rotateX(2deg) scale(1.02);*/
/*}*/

/* 优化发光效果 - 与图片融合 */
.hero-concept-image-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(100, 150, 255, 0.3) 0%, rgba(100, 150, 255, 0.1) 40%, transparent 70%);
    z-index: 1;
    filter: blur(40px);
    animation: glowPulse 4s ease-in-out infinite;
}

/* 发光脉冲动画 */
@keyframes glowPulse {
    0%, 100% {
        opacity: 0.6;
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

/* 响应式调整 */
@media (max-width: 991.98px) {
    .hero-concept-image {
    /* 移动端调整遮罩方向为向上 */
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 50%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0) 100%);
    mask-image: linear-gradient(to top, rgba(0,0,0,1) 50%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0) 100%);
    opacity: 0.75;
}
    
    .hero-concept-image-glow {
        width: 100%;
        height: 100%;
        filter: blur(30px);
    }
}