@charset "utf-8";
/* CSS Document */
	/* 总外层容器 */
/*	.contact-wrap {
		width: 100%;
		min-height: 960px;
		background: url("../images/console-bg.jpg") center/cover no-repeat fixed;
		position: relative;
		color: #fff;
		padding: 80px 4%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 60px;
		transition: background-position 0.1s;
	}*/
	.contact-wrap {
		width: 100%;
		min-height: 960px;
		background: url("../images/console-bg.jpg") center/cover no-repeat fixed;
		position: relative;
		color: #fff;
		padding: 180px 4%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 60px;
		transition: background-position 0.1s;
	}
	/* 全局深色遮罩 */
	.contact-wrap::before {
		content: "";
		position: absolute;
		left: 0;
		top: -1px;
		width: 100%;
		height: 100.3%;
		background: rgba(0,0,0,0.75);
		z-index: 1;
	}
	/* 所有内容层级上浮 */
	.center-top, .content-row {
		position: relative;
		z-index: 2;
	}

	/* ========== 中间1：顶部热线标题区（整行独立） ========== */
	.center-top {
		text-align: center;
	}
	.contact-title-en {
		font-size: 22px;
		opacity: 0.7;
		margin-bottom: 8px;
		letter-spacing: 3px;
	}
	.contact-title-cn {
		font-size: 32px;
		letter-spacing: 3px;
		margin-bottom: 15px;
		font-weight: 500;
	}
	.service-tip {
		font-size: 14px;
		opacity: 0.6;
		margin-bottom: 12px;
	}
	.hotline { 
		width: 100%; 
		text-align: center; 
		height: 45px; 
		line-height: 45px; 
		margin-bottom: 50px; 
	}
	.hotline:hover small { 
		opacity: 0; 
	}
	.hotline:hover i { 
		width: 100%; 
		opacity: 1; 
	}
	.hotline span { 
		display: inline-block; 
		position: relative;
		cursor: pointer; 
	}
	.hotline small {
		display: block;
		font-size: 48px;
		font-weight: 400;
		letter-spacing: 6px;
		width: 100%;
		text-align: left;
		color: #ffffff;
		-webkit-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.hotline i { 
		font-size: 48px;
		font-weight: 400; 
		letter-spacing: 6px;
		white-space: nowrap; 
		display: block; 
		font-style: inherit; 
		text-align: left; 
		width: 0; 
		overflow: hidden; 
		position: absolute; 
		top: 0; 
		color: #f3f3f3; 
		-webkit-transition: all 0.4s ease-in-out; 
	}
	.hotline a {
		color: #fff;
		text-decoration: none;
	}

	/* ========== 下方三栏内容行：左1 / 中间2 / 右1 同级一行 ========== */
	.content-row {
		display: flex;
		align-items: flex-start; /* 三栏垂直居中同一水平线 */
		gap: 40px;
		width: 100%;
	}
	.col-left, .col-qr, .col-right {
		flex: 1;
	}
	.col-qr {
		text-align: center;
		flex: 0.75;
	}

	/* 左侧：关于安贝斯 左1 */
	.col-left h2 {
		font-size: 26px;
		font-weight: normal;
		text-align: center;
		margin: 0 auto 20px;
		letter-spacing: 10px;
		position: relative;
		padding: 0 30px 10px;
		max-width: 70%;
	}
	.col-left h2::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: rgba(255,255,255,0.2);
	}
	.col-left p {
		line-height: 2.3;
		font-size: 12px;
		letter-spacing: 3px;
		color: #ddd;
		margin-bottom: 12px;
	}
	.detail-link {
		color: #ff3333;
		text-decoration: none;
	}

	/* 中间2：二维码区域 */
	.qrcode-box {
		width: 180px;
		height: 180px;
		margin: 0 auto;
		overflow: hidden;
		border-radius: 4px;
	}
	.qrcode-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
		/*border: 10px solid #000000;
    	border-radius: 10px;
    	background: #000000;*/
	}
	.qrcode-box:hover .qrcode-img {
		/*transform: scale(1.02);*/ 
	}
	.qrcode-desc {
		margin-top: 16px;
		font-size: 18px;
		letter-spacing: 5px;
		opacity: 0.9;
	}

	/* 右侧：联系方式列表 右1 */
	.contact-item {
		position: relative;
		padding: 5px 0;
		font-size: 15px;
		letter-spacing: 3px;
		overflow: hidden;
		display: flex;
		align-items: center;
		gap: 12px;
	}
	/* 底部分割横线 */
	.contact-item::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: rgba(255,255,255,0.2);
	}
	/* 从左到右扫光动画 */
	.contact-item::after {
		content: "";
		position: absolute;
		left: -100%;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
		transition: left 0.6s ease;
		pointer-events: none;
		z-index: -1;
	}
	.contact-item:hover::after {
		left: 100%;
	}
	/* 图标图片统一尺寸 */
	.contact-icon {
		width: 20px;
		height: 32px;
		object-fit: contain;
		flex-shrink: 0;
	}

/* ====================== 移动端自适应媒体查询 ====================== */
@media screen and (max-width: 1200px) {
	/* 隐藏左1、右1模块 */
	.col-left, .col-right {
		display: none !important;
	}
	/* 下方内容行改为单列居中 */
	.content-row {
		justify-content: center;
	}
	.col-qr {
		flex: none;
		width: 100%;
	}

	/* 全局容器调整内边距、高度 */
	.contact-wrap {
		min-height: auto;
		padding: 60px 5%;
		gap: 40px;
	}

	/* 顶部标题文字缩小 */
	.contact-title-en {
		font-size: 18px;
	}
	.contact-title-cn {
		font-size: 26px;
	}
	/* 热线号码适配缩小 */
	.hotline small, .hotline i {
		font-size: 36px;
	}
	.hotline {
		margin-bottom: 30px;
	}

	/* 二维码缩小适配手机 */
	.qrcode-box {
		width: 180px;
		height: 180px;
	}
	.qrcode-desc {
		font-size: 16px;
	}
}

/* 手机小屏（768px以下）进一步缩小 */
@media screen and (max-width: 768px) {
	.contact-title-en {
		font-size: 16px;
	}
	.contact-title-cn {
		font-size: 22px;
	}
	.hotline small, .hotline i {
		font-size: 28px;
		letter-spacing: 3px;
	}
	.qrcode-box {
		width: 150px;
		height: 150px;
		border-width: 6px;
	}
}