/*footer*/
.footer-guanxiang {
	padding: 70px 0;
	background: var(--color-primary);
}

.footer-guanxiang .container {
	width: 1400px;
	margin: 0 auto;
}


.footer-guanxiang .wp {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.footer-guanxiang .wpb {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.footer-guanxiang .foot-logo {
	padding-bottom: 30px;
	border-bottom: 1px solid #466bb1;
}
.footer-guanxiang .foot-logo .logo{
    width: 15%;
}

.footer-guanxiang .foot-logo span {
	display: block;
	margin-top: 38px;
}

.footer-guanxiang .foot-logo span a {
	margin-left: 20px;
	opacity: 0.6;
}

.footer-guanxiang .foot-logo span a img {
	max-width: 25px;
}

.footer-guanxiang .foot-logo span a:hover {
	opacity: 1;
}

.footer-guanxiang .foot-con {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 50px;
}

/* .footer-guanxiang .foot-con div {
	width: 24%;
	margin-right: 8%;
} */

.footer-guanxiang .foot-con h3 {
	margin-bottom: 30px;
	font-size: 22px;
	color: #fff;
}

.footer-guanxiang .foot-con ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.footer-guanxiang .foot-con li a {
	display: block;
	margin-bottom: 15px;
	font-size: 17px;
	color: #fff;
	opacity: 0.7;
}

.footer-guanxiang .foot-con li a:hover {
	text-decoration: underline;
	opacity: 1;
}
.footer-guanxiang .foot-con .foot-nav{
    width: 10%;
}
.footer-guanxiang .foot-con .foot-product{
    width: 32%;
}
.footer-guanxiang .foot-con foot-info {
	width: 55%;
}

.footer-guanxiang .foot-con div.newsletter p {
	font-size: 15px;
	color: #fff;
	line-height: 32px;
	margin-top: -6px;
}

.newsletter form {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 20px;
	position: relative;
}

.footer-guanxiang .newsletter input {
	width: 70%;
	height: 64px;
	padding-left: 34px;
	font-size: 13px;
	background: rgba(255, 255, 255, 0.17);
	color: #fff;
	outline: none;
	border: none;
}

.footer-guanxiang .newsletter input::placeholder {
	color: #fff;
}

.footer-guanxiang .newsletter button {
	width: 30%;
	height: 64px;
	font-size: 13px;
	font-family: var(--title-font-family);
	background: #fff;
	color: var(--color-primary);
	outline: none;
	border: none;
	cursor: pointer;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all;
}

.footer-guanxiang .newsletter button:hover {
	background: rgba(255, 255, 255, 0.95);
}

.footer-guanxiang .foot-txt {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 60px;
}

.footer-guanxiang .foot-txt p {
	margin-top: 0;
	font-size: 12px;
	color: #8ca3ce;
}

.footer-guanxiang .foot-txt p a {
	margin-left: 150px;
	color: #8ca3ce;
	text-decoration: underline;
}

.footer-guanxiang .foot-txt p a:hover {
	color: #fff;
}

.footer-guanxiang .foot-gotop {
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}

.footer-guanxiang .foot-gotop img {
	margin-right: 10px;
	-webkit-animation: bounce-down 1s linear infinite;
	animation: bounce-down 1s linear infinite;
}

@keyframes bounce-down {
	25% {
		transform: translateY(-3px);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(3px);
	}

	100% {
		transform: translateY(0);
	}
}

.gotop-guanxiang {
	position: fixed;
	right: 10px;
	top: 50%;
	display: none;
	z-index: 2;
}

.gotop-guanxiang a {
	display: block;
	width: 46px;
	height: 46px;
	border-radius: 8px;
	background: var(--color-primary);
	margin: 10px 0;
	text-align: center;
	line-height: 44px;
	box-shadow: 1px 2px 6px 2px rgb(0, 0, 0, 0.1);
	cursor: pointer;
}

.gotop-guanxiang a:hover {
	background: var(--color-primary);
}
.foot-contact p {
    color: #fff; /* 改为你需要的颜色，例如深灰色 */
}

/*手机端底部*/
.mobile-footer-guanxiang {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 60px;
	background: var(--color-primary);
	z-index: 99;
	box-shadow: 1px 2px 8px 4px rgba(0, 0, 0, 0.1);
}

.mobile-footer-guanxiang .mobile-foot a {
	float: left;
	width: 25%;
	height: 60px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-right: 1px solid #2054b5;
	box-sizing: border-box;
}

.mobile-footer-guanxiang .mobile-foot a:last-child {
	border-right: none;
}

.mobile-footer-guanxiang .mobile-foot img {
	display: block;
	width: 28px;
	height: 28px;
	margin: 5px auto 0 auto;
}

.gotop-guanxiang img {
	vertical-align: middle;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
	transition: 1s all;
}

.footer-guanxiang .crmFormVali-error {
	top: 100%;
	left: 0 !important;
	right: unset;
	margin-top: 0.5em;
}


/* 基础样式 - 适用于所有设备 */


@media screen and (max-width: 1580px) {
	.footer-guanxiang .container {
		width: 82%;
	}

	.footer-guanxiang {
		padding: 40px 0;
	}

.footer-guanxiang .foot-logo img {
    max-width: 160px;
    height: auto;
	}

	.footer-guanxiang .foot-con h3 {
		font-size: 20px;
		margin-bottom: 35px;
	}

	.footer-guanxiang .foot-con li a {
		font-size: 16px;
	}

	.footer-guanxiang {
		padding: 50px 0 35px 0;
	}
}

@media screen and (max-width: 1400px) {

	.footer-guanxiang .foot-logo div:first-child img {
		width: 178px;
        height: auto;
	}

	.footer-guanxiang .foot-con li a {
		font-size: 15px;
	}
}

@media screen and (max-width: 1280px) {

	.footer-guanxiang .foot-txt p a {
		margin-left: 80px;
	}

	.footer-guanxiang .foot-con div.newsletter p {
		line-height: 24px;
	}
}

/* @media screen and (max-width: 960px) {
	.footer-guanxiang .container {
		width: 88%;
	}

	.footer-guanxiang {
		padding-top: 40px;
	}

	.footer-guanxiang .foot-con div {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.footer-guanxiang .foot-con div.newsletter,
	.foot-txt p {
		width: 100%;
	}

	.footer-guanxiang .foot-gotop {
		margin-top: 20px;
	}

	.footer-guanxiang {
		padding-bottom: 100px;
	}

	.footer-guanxiang .foot-con,
	.foot-txt {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.footer-guanxiang .foot-con div.newsletter {
		margin-left: 0;
	}

	.footer-guanxiang .foot-con {
		margin-top: 30px;
	}

	.footer-guanxiang .foot-con h3 {
		margin-bottom: 30px;
		font-size: 20px;
	}

	.footer-guanxiang .foot-con li a {
		margin-bottom: 13px;
	}

	.footer-guanxiang .newsletter input,
	.footer-guanxiang .newsletter button {
		height: 56px;
	}

	.footer-guanxiang .foot-txt {
		margin-top: 20px;
	}

	.footer-guanxiang .foot-txt p a {
		margin-left: 20px;
	}

	.footer-guanxiang .foot-con div.newsletter p {
		line-height: 22px;
	}

	.gotop-guanxiang a {
		width: 42px;
		height: 42px;
		line-height: 40px;
	}

	.gotop-guanxiang img {
		max-width: 24px;
	}

	.footer-guanxiang .foot-con h3 {
		font-size: 18px;
	}

	.footer-guanxiang .foot-logo div:first-child img {
		width: 126px;
	}

	p,
	.about-contxt .title p,
	.about-certifications .about-certificationstxt .title p {
		line-height: 22px;
	}

	.mobile-footer-guanxiang {
		display: block;
	}
 
} */
/* ===== 修复 Get In Touch 区域对齐问题 ===== */
.footer-guanxiang .foot-con .foot-contact {
   margin-top: 20px;
}

/* .footer-guanxiang .foot-con .foot-contact h3 {
    margin-bottom: 50px;
    font-size: 20px;
    color: #fff;
    text-align: left;
    padding-left: 0;  
} */

.footer-guanxiang .foot-con .foot-contact hr {
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    width: 100%;
}

.footer-guanxiang .foot-con .foot-contact p {
    display: flex;
    align-items: flex-start;
    margin: 15px 0;
    color: #fff;
    opacity: 0.8;
    font-size: 15px;
    line-height: 1.5;
    padding: 0;
    /* 关键修复：让文字和标题完全左对齐 */
    position: relative;
}

.footer-guanxiang .foot-con .foot-contact p i {
    width: 24px;  /* 固定图标宽度 */
    flex-shrink: 0;
    font-size: 16px;
    color: #fff;
    opacity: 0.9;
    display: inline-block;
    text-align: left;
}

/* 地址样式 - 处理长文本换行 */
.footer-guanxiang .foot-con .foot-contact .p1 {
    word-break: break-word;
    white-space: normal;
}

/* 让文字内容占满剩余空间 */
.footer-guanxiang .foot-con .foot-contact p span,
.footer-guanxiang .foot-con .foot-contact p a {
    flex: 1;
    word-break: break-word;
    color: #fff;
    text-decoration: none;
    padding-left: 0;
    margin-left: 0;
}

.footer-guanxiang .foot-con .foot-contact p a:hover {
    text-decoration: underline;
    opacity: 1;
}

/* 移动端适配 */
/* @media screen and (max-width: 960px) {
    .footer-guanxiang .foot-con .foot-contact {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    
    .footer-guanxiang .foot-con .foot-contact p {
        font-size: 14px;
    }
    
    .footer-guanxiang .foot-con .foot-contact p i {
        width: 22px;
    }
} */

@media screen and (max-width: 768px) {
    .footer-guanxiang .foot-con .foot-contact {
        padding: 0 10px;
    }
    
    .footer-guanxiang .foot-con .foot-contact h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .footer-guanxiang .foot-con .foot-contact p {
        font-size: 13px;
        margin: 12px 0;
    }
}
/* ===== 统一所有底部列的颜色 ===== */
.footer-guanxiang .foot-con div {
    color: #fff;  /* 所有列的文字统一为白色 */
}

.footer-guanxiang .foot-con div h3 {
    color: #fff;  /* 确保所有标题也是白色 */
}

.footer-guanxiang .foot-con div p {
    color: #fff;  /* 确保所有段落文字白色 */
    opacity: 0.8;  /* 稍微降低透明度，和原来的样式保持一致 */
}

.footer-guanxiang .foot-con div a {
    color: #fff;  /* 所有链接白色 */
}

/* 特别处理 newsletter 区域，让它和其他列一致 */
/* .footer-guanxiang .foot-con div.newsletter {
    width: 44%;
    margin-right: 0;
    margin-left: 4%;
    color: #fff;  
} */

.footer-guanxiang .foot-con div.newsletter p {
    font-size: 15px;
    color: #fff;  /* 明确设置为白色 */
    line-height: 32px;
    margin-top: -6px;
    opacity: 0.8;  /* 和其他列保持一致 */
}

.footer-guanxiang .newsletter input {
    width: 70%;
    height: 64px;
    padding-left: 34px;
    font-size: 13px;
    background: rgba(255, 255, 255, 0.17);
    color: #fff;  /* 输入框文字白色 */
}

.footer-guanxiang .newsletter input::placeholder {
    color: rgba(255, 255, 255, 0.7);  /* placeholder稍微透明一点 */
}

.footer-guanxiang .newsletter button {
    width: 30%;
    height: 64px;
    font-size: 13px;
    font-family: var(--title-font-family);
    background: #fff;
    color: var(--color-primary);  /* 按钮文字保持原来的蓝色 */
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    transition: .3s all;
}

/* 移动端适配 */
/* @media screen and (max-width: 960px) {
    .footer-guanxiang .foot-con div.newsletter p {
        color: #fff;
        opacity: 0.8;
    }
} */
/* ===== 统一所有底部列的悬停样式 ===== */

/* 1. Quick link 和 Products 列（已有li a结构） */
.footer-guanxiang .foot-con li a:hover {
    text-decoration: underline;
    opacity: 1;
}

/* 2. Get In Touch 列（p a结构） */
.footer-guanxiang .foot-con .foot-contact p a:hover {
    text-decoration: underline;
    opacity: 1;
    color: #fff;
}

/* 3. Newsletter 列（如果有链接） */
.footer-guanxiang .foot-con .newsletter a:hover {
    text-decoration: underline;
    opacity: 1;
    color: #fff;
}

/* 4. 统一所有可点击元素的悬停效果 */
.footer-guanxiang .foot-con a:hover {
    text-decoration: underline;
    opacity: 1;
    transition: all 0.3s ease;
}

/* 5. 特别处理没有链接的纯文本悬停（如果需要） */
.footer-guanxiang .foot-con p:hover {
    /* 如果没有链接，可以不做变化，或者轻微改变透明度 */
    opacity: 0.9;
}

/* 6. 统一所有列的文字和链接基础样式 */
.footer-guanxiang .foot-con div a {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.3s ease;
    display: inline-block;  /* 确保悬停区域正确 */
}

/* 7. Get In Touch 区域的图标悬停（如果图标也是可点击的） */
.footer-guanxiang .foot-contact p i:hover {
    opacity: 1;
}

/* 8. 统一所有列的悬停效果 - 最简洁的写法 */
.footer-guanxiang .foot-con a {
    color: #fff;
    text-decoration: none;
    opacity: 0.8;
    transition: all 0.3s ease;
}

.footer-guanxiang .foot-con a:hover {
    text-decoration: underline;
    opacity: 1;
}

/* 9. Newsletter 按钮悬停（保持原有样式） */
.footer-guanxiang .newsletter button:hover {
    background: rgba(255, 255, 255, 0.95);
}

/* 10. 确保移动端也一致 */
/* @media screen and (max-width: 960px) {
    .footer-guanxiang .foot-con a:hover {
        text-decoration: underline;
        opacity: 1;
    }
} */
/* ===== 移动端终极修复 (优先级最高) ===== */
@media screen and (max-width: 960px) {
    
    /* 强制所有列堆叠 */
    .footer-guanxiang .foot-con {
        display: block !important;
    }
    
    /* 强制所有列宽度100% */
    .footer-guanxiang .foot-con > div,
    .footer-guanxiang .foot-con .foot-contact,
    .footer-guanxiang .foot-con .newsletter {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 30px 0 !important;
        /* padding: 0 15px !important; */
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }
    
    /* 强制标题样式统一 */
    .footer-guanxiang .foot-con h3 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
        text-align: left !important;
    }
    
    /* Quick link 强制两列 */
    .footer-guanxiang .foot-con div:first-child ul {
        display: block !important;
    }
    
    .footer-guanxiang .foot-con div:first-child li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .footer-guanxiang .foot-con div:first-child li a {
        display: block !important;
        /* padding: 5px 0 !important; */
        font-size: 14px !important;
        color: #fff !important;
        opacity: 0.8 !important;
    }
    
    /* Products 强制单列 */
    .footer-guanxiang .foot-con div:nth-child(2) ul {
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .footer-guanxiang .foot-con div:nth-child(2) li {
        list-style: none !important;
        margin-bottom: 10px !important;
    }
    
    .footer-guanxiang .foot-con div:nth-child(2) li a {
        font-size: 14px !important;
        line-height: 1.4 !important;
        display: block !important;
    }
    
    /* Get In Touch 强制图标对齐 */
    .footer-guanxiang .foot-contact p {
        display: flex !important;
        align-items: flex-start !important;
        margin: 12px 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        color: #fff !important;
        opacity: 0.8 !important;
    }
    
    .footer-guanxiang .foot-contact p i {
        width: 22px !important;
        flex-shrink: 0 !important;
        margin-right: 8px !important;
        font-size: 16px !important;
    }
    
    .footer-guanxiang .foot-contact p span,
    .footer-guanxiang .foot-contact p a {
        flex: 1 !important;
        word-break: break-word !important;
        color: #fff !important;
        text-decoration: none !important;
    }
    
    /* Newsletter 强制表单竖排 */
    .footer-guanxiang .newsletter form {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin-top: 15px !important;
    }
    
    .footer-guanxiang .newsletter input,
    .footer-guanxiang .newsletter button {
        width: 100% !important;
        height: 48px !important;
        border-radius: 4px !important;
        font-size: 14px !important;
    }
    
    .footer-guanxiang .newsletter input {
        padding-left: 15px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        border: none !important;
        color: #fff !important;
    }
    
    .footer-guanxiang .newsletter button {
        background: #fff !important;
        color: var(--color-primary) !important;
        border: none !important;
        cursor: pointer !important;
    }
    
    /* 底部版权区域 */
    .footer-guanxiang .foot-txt {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 20px 15px 0 !important;
        margin-top: 20px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    .footer-guanxiang .foot-txt p {
        margin: 5px 0 !important;
        font-size: 12px !important;
    }
    
    .footer-guanxiang .foot-txt p a {
        margin-left: 0 !important;
        display: inline-block !important;
    }
    
    .footer-guanxiang .foot-gotop {
        margin-top: 15px !important;
    }
}

/* 超小屏幕 */
@media screen and (max-width: 480px) {
    /* .footer-guanxiang .foot-con > div,
    .footer-guanxiang .foot-con .foot-contact,
    .footer-guanxiang .foot-con .newsletter {
        padding: 0 10px !important;
    }
     */
    .footer-guanxiang .foot-con h3 {
        font-size: 16px !important;
    }
    
    .footer-guanxiang .foot-con li a,
    .footer-guanxiang .foot-contact p {
        font-size: 13px !important;
    }
    
    .footer-guanxiang .foot-contact p i {
        width: 20px !important;
        font-size: 14px !important;
    }
    
    .footer-guanxiang .newsletter input,
    .footer-guanxiang .newsletter button {
        height: 44px !important;
        font-size: 13px !important;
    }
}
/* ===== 统一所有悬停下划线样式 ===== */
@media screen and (min-width: 961px) {
    .footer-guanxiang .foot-con li a:hover {
        text-decoration: underline !important;
        opacity: 1 !important;
    }
    
    .footer-guanxiang .foot-contact p a:hover {
        text-decoration: underline !important;
        opacity: 1 !important;
    }
    
    .footer-guanxiang .newsletter a:hover {
        text-decoration: underline !important;
        opacity: 1 !important;
    }
    
    .footer-guanxiang .foot-con a:hover {
        text-decoration: underline !important;
        opacity: 1 !important;
    }
}

@media screen and (max-width: 960px) {
    .footer-guanxiang .foot-con li a:hover,
    .footer-guanxiang .foot-contact p a:hover,
    .footer-guanxiang .newsletter a:hover,
    .footer-guanxiang .foot-con a:hover {
        text-decoration: none !important;  
        opacity: 0.8 !important;  
    }
    .footer-guanxiang .foot-con li a:active,
    .footer-guanxiang .foot-contact p a:active,
    .footer-guanxiang .newsletter a:active {
        opacity: 1 !important; 
    }
}

.footer-guanxiang .newsletter button:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    text-decoration: none !important;
}
/* .footer-guanxiang .foot-logo img {
    width: 250px !important;
    max-width: 250px !important;
    height: auto !important;
} */
.footer-guanxiang .foot-con div:first-child ul {
    display: block !important;
    flex-direction: column !important;
}

.footer-guanxiang .foot-con div:first-child li {
    width: 100% !important;
}

.footer-guanxiang .foot-con div:first-child li a {
    display: block !important;
    width: 100% !important;
}