@charset "utf-8";
.bread-nav{ background-color:#fff/* #fad110 */;margin-top: -5px;line-height: 2.5;}

.page-con{}
.page-con .feature-line .ht{ color:#2591d1;font-size: 1.3rem; font-weight: 700}
.page-con .feature-line h3{ color:#2591d1;}
.page-con .feature-line .dheight{ height: 262px;}
.message-box h2{ color:#fff;margin: 1rem 0;text-align: center;}
.message-box .h{color:#fff;text-align: center;font-size:1.325rem;padding-bottom: 1rem;}

.feature-con{ background-image:url(../images/contact-mbg.png);background-size: 100% auto;margin-top: 6px;}
.feature-con .feature-line{ display:flex;align-items: center;}
.feature-con .feature-line > div{ padding:2.5rem 0rem}
.feature-con .feature-line > div:nth-child(odd) { }
.feature-con .feature-line .feature-icon{ width:8.33vw}
.feature-con .feature-line .h{ color:#2591d1; font-weight: bold; font-size:1.125rem;}
.feature-con .feature-line .hc{ color:#fff;}

/* 联系信息列表 */
.card-title {
	font-size: 1.8rem;
	color: #2591d1;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.card-title i {
	font-size: 1.5rem;
}
.card-body{
	height: 661px;
}
.card-subtitle {
	color: #6b7280;
	font-size: 1rem;
}

.contact-list {
	list-style: none;
	padding: 0;
}

.contact-item {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f1f5f9;
	display: flex;
	align-items: flex-start;
}

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

.contact-icon {
	width: 50px;
	height: 50px;
	background: #2591d1/* linear-gradient(135deg, #1e40af, #3b82f6) */;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.2rem;
	margin-right: 20px;
	flex-shrink: 0;
}

.contact-detail {
	flex-grow: 1;
}

.contact-label {
	font-size: 0.9rem;
	color: #6b7280;
	margin-bottom: 5px;
}

.contact-value {
	font-size: 1.1rem;
	color: #1f2937;
	font-weight: 600;
	line-height: 1.5;
}

.contact-link {
	color: #2591d1;
	text-decoration: none;
	transition: color 0.3s ease;
}

.contact-link:hover {
	color: #3b82f6;
	text-decoration: underline;
}

/* 经销商招募区域 */
.distributor-section {
	background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
	border-radius: 16px;
	padding: 50px;
	margin-bottom: 70px;
	text-align: center;
	border: 1px solid #bfdbfe;
}

.distributor-title {
	font-size: 2rem;
	color: #2591d1;
	margin-bottom: 20px;
}

.distributor-text {
	font-size: 1.1rem;
	color: #4b5563;
	max-width: 800px;
	margin: 0 auto 30px;
	line-height: 1.7;
}

.distributor-highlight {
	color: #2591d1;
	font-weight: 700;
}

.distributor-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #2591d1 /* linear-gradient(90deg, #1e40af, #3b82f6) */;
	color: #ffffff;
	padding: 15px 30px;
	border-radius: 10px;
	font-weight: 600;
	text-decoration: none;
	font-size: 1.1rem;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}

.distributor-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(30, 64, 175, 0.25);
}

@media (min-width: 1200px){
	.feature-con .feature-line .feature-icon{width:100px;}
}

.distributors-con .distributors-h2{ color:#2591d1;text-align: center;font-weight: bold;margin: 2rem 0;}

.unit-3{padding:30px;border:2px solid #e6e6e6;position:relative;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease}
.unit-3:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07);opacity:0;visibility:hidden;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;background:#0ac3f9}
.unit-3 .unit-3-heading,.unit-3 .unit-3-body{position:relative;z-index:2}
.unit-3 .unit-3-icon-wrap{position:relative;height:68px;width:59px;-webkit-box-flex:0;-ms-flex:0 0 59px;flex:0 0 59px}
.unit-3 .flag{ border:1px solid #e6e6e6;border-radius: 6px;}
.unit-3 p{color:#333}
.unit-3:hover,.unit-3:focus{border:2px solid transparent}
.unit-3:hover h2,.unit-3:focus h2{color:#fff}
.unit-3:hover .unit-3-body,.unit-3:hover .unit-3-body p,.unit-3:focus .unit-3-body,.unit-3:focus .unit-3-body p{color:#fff}
.unit-3:hover .unit-3-svg,.unit-3:focus .unit-3-svg{position:absolute;stroke:#fff}
.unit-3:hover .unit-3-icon,.unit-3:focus .unit-3-icon{color:#fff}
.unit-3:hover:before,.unit-3:focus:before{opacity:1;visibility:visible;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}