@charset "utf-8";
/* 重置默认样式，避免浏览器自带样式干扰 */
* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     list-style: none;
     text-decoration: none;
        }
 /* 页面主体最小高度，避免页脚遮挡内容 */
body {
 	 height: 100%;
     min-height: 100vh;
     display: flex;
     flex-direction: column;  /*让页脚固定在页面底部（非悬浮）*/ 
     font-family: "Microsoft Yahei", sans-serif;
/*	 padding-bottom: 6rem;  留出足够空间，避免内容被固定 footer 遮挡 */
}
html{
/*    background-color: #FFFFFF;*/
}

 /* 导航栏整体样式 */
.daohenglan  {
    display: flex;/* 弹性布局，实现logo和导航项左右分布 */
    width: 100%;
    height: 80px;
    background-color: #1096EB;/* 导航栏背景色，可自行修改 */
    padding-top: 0;
    padding-right: 200px;
    padding-left: 200px;/* 左右内边距，控制内容与边缘的距离 */
    box-shadow: 0 2px 9px rgba(0,0,0,0.5);/* 轻微阴影增加立体感 */
    justify-content: space-between;/* 两端对齐 */
    align-items: center;/* 垂直居中 */
    position: fixed; /* 可选：固定导航栏在顶部 */
    top: 0;
    left: 0;
    z-index: 999;

}

 /* logo样式 */
.daohenglan .logo {
    height: 60px; /* 控制logo高度，不超过导航栏高度 */
    width: auto; /* 宽度自适应，保持图片比例 */
    margin-left: -100px;/*左右LOGO位置移动*/
}

/*LOGO图片位置微调*/
/*.logo a img {
    margin-top: -53px;
    margin-left: -23px;
}/

/* 导航链接容器样式 */
.daohenglan .daohengyou {
    display: flex;/* 让导航项横向排列 */
    font-weight: 500;
    padding-left: 10px;
    margin-right: 3px;/*左右距离调动*/
	flex-wrap: wrap; /* 屏幕变小时自动换行，适配移动端 */
}

/* 导航项 - 横向整栏排列，间距均匀 */
.daohenglan .daohengyou li {
    margin: 0 15px; /*左右间距均匀，适配整栏 */
    display: inline-block;
}

 /* 导航链接样式 */
.daohengyou li a {
    font-size: 22px;
    color: #FFFFFF; /* 文字默认颜色 */
    font-weight: 500;
    transition: color 0.3s ease; /* 颜色过渡动画，更丝滑 */
	transform-origin: center; /* 放大时以中心为原点 */
	padding: 4px 0;
	position: relative;
/*	flex-wrap: wrap;  屏幕变小时自动换行，适配移动端 */
}

.daohengyou li a:hover {
    color: #300AED; /* 悬浮时的文字颜色，可自行修改 */
}

/* 选中/激活状态样式 */
.daohengyou li a.active{
	color: #F97510; /* 常亮橙色，和Logo颜色统一 */
	transform: scale(1.1); /* 放大1.1倍 */
	font-weight: bold;
}

/* 可选：鼠标悬停效果（非选中时的反馈） */
.daohengyou li a:hover:not(.active){
	color: #FFCC80;/* 浅橙色过渡 */
	transform: scale(1.05); /* 轻微放大 */
}
/************************************************************************/


/* 最外层容器：控制整体宽度、居中、边距 */
.contact-section {
	max-width: 1400px;

	margin: 20px auto;
	padding: 0 15px;
}

/* 左右双栏布局容器：flex弹性布局，实现并排 */
.contact-box {
	display: flex;
	gap: 25px; /* 左右两个卡片之间的间距 */
	flex-wrap: wrap; /* 屏幕变小时自动换行，适配移动端 */

}

/* 通用卡片样式：左侧联系信息 + 右侧留言表单 共用样式 */
.card {
	flex: 1; /* 两栏平分宽度 */
	min-width: 700px; /* 最小宽度，小于该值自动换行 */
	border: 2px solid #e5e5e5; /* 卡片浅灰色边框，匹配截图 */
	border-radius: 4px; /* 卡片轻微圆角 */
	padding: 22px 24px; /* 卡片内部内边距 */
	background: #ffffff; /* 卡片白色背景 */

}

/* 卡片主标题：蓝色加粗样式 */
.card-title {
    font-size: 42px;
    font-weight: bold;
    color: #0066ff; /* 标题蓝色，匹配截图 */
    margin-bottom: 25px;
    text-align: center;	
}

/* ===================== 左侧：联系信息 样式 ===================== */
/* 信息单项布局：图标+文字 横向排列 */
.info-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 2px solid #f0f0f0; /* 信息项底部分隔线 */
}
/* 信息图标样式 */
.info-icon {
	font-size: 32px;
	color: #0066ff;
	margin-right: 12px;
	line-height: 45px;
}
/* 信息文字内容 */
.info-text {
	flex: 1;
}
.info-text h4 {
	font-size: 32px;
	color: #333;
	font-weight: 600;
	margin-bottom: 4px;
}
.info-text p {
	font-size: 24px;
	color: #666;
	line-height: 1.6;
}

/* 公司位置标题样式 */
.map-title {
    font-size: 36px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 21px;
    text-align: center;
}
/* 地图图片容器：固定展示区域 */
.map-container {
    width: 100%;
    height: 410px;
    background-color: #f7f7f7; /* 图片加载前的背景色 */
    border-radius: 4px;
    overflow: hidden; /* 裁剪图片超出部分 */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 地图图片样式：核心！替换为你的图片，自动铺满容器 */
.map-img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 图片等比例缩放，填充容器，不变形 */
	display: block;
}

/* ===================== 右侧：留言咨询 表单样式 ===================== */
/* 表单每组项：标签+输入框 的间距 */
.form-item {
	margin-bottom: 16px;
}
/* 表单标签样式 */
.form-item label {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 6px;
}
/* 输入框/下拉框/文本域 通用样式 */
.input-control {
	width: 100%;
	height: 38px;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 14px;
	color: #666;
	outline: none;
}
/* 输入框聚焦样式 */
.input-control:focus {
	border-color: #0066ff;
}
/* 留言文本域单独样式 */
textarea.input-control {
	height: 120px;
	padding: 10px;
	resize: none; /* 禁止拖拽修改大小 */
	line-height: 1.4;
}
/* 提交按钮样式 */
.submit-btn {
	width: 100%;
	height: 42px;
	background-color: #0066ff; /* 按钮蓝色，匹配截图 */
	color: #fff;
	font-size: 15px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin-top: 5px;
}
/* 按钮悬浮效果 */
.submit-btn:hover {
	background-color: #005ce6;
}








/********************************************************/






/*////////////////////////////*/


 /* 关于我们模块容器 */
.about-container{
    width: 100%;
    max-width: none;/* 限制最大宽度，适配大屏 */
    margin-top: 90px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;/* 上下间距50px，左右自动居中 */
    padding: 0 20px;/* 左右内边距，适配小屏 */
    text-align: center;/* 所有内容居中对齐 */
    background-color: #FCF6F6;
}

/* 主标题样式 */
.about-title{
	font-size: 45px;/* 标题字号 */
	color: #333333;/* 标题颜色 */
	margin-bottom: 24px;/* 标题与副标题间距 */
	font-weight: 500;/* 加粗 */
}

/* 副标题样式 */
.about-subtitle{
	font-size: 25px;
	color: black;
	margin-bottom: 18px;/* 副标题与正文间距 */
	line-height: 1.6; /* 行高，提升可读性 */
}
/************************************************************************/




/*********************************/



 /* 底部页脚核心样式 */
.footer {
    padding: 20px 30px;
    background-color: #AAAAAA;/* 浅灰背景，提升辨识度 */
    border-top: 1px solid #000000;/* 顶部分割线 */
    text-align: center;/* 内容居中对齐 */
    color: #00000;     /* 文字基础颜色 */
    width: 100%;
}

 /* 邮箱信息样式 */
.footer .Email {
    font-size: 18px;
    margin-bottom: 15px;/* 与版权信息拉开间距 */
    line-height: 1.5;
}

/* 邮箱链接样式（可选，点击可发邮件） */
.footer .Email a {
    color: #0066cc;/* 蓝色链接色，符合网页习惯 */
}

 /* 版权信息样式 */
.footer .copyright {
    font-size: 18px;
    color: #000000;/* 浅灰色，区分层级 */
}


.zhuanweifu{
	flex: 1 0 auto;
}