@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 a img {
    margin-top: -53px;
    margin-left: -23px;
}/

/* 导航链接容器样式 */
.daohenglan .daohengyou {
    display: flex;/* 让导航项横向排列 */
    font-weight: 500;
    padding-left: 10px;
    margin-right: 3px;/*左右距离调动*/
}

/* 导航项 - 横向整栏排列，间距均匀 */
.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;
}

.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); /* 轻微放大 */
}
/************************************************************************/



/*公司介绍*/
/* 页面容器：限制最大宽度并居中，避免内容过宽 */
.page-container {
    max-width: 1300px;
    margin-top: 102px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding: 0 20px;
        }

/* 标题样式：居中显示 + 底部分隔线 */
.section-title {
            text-align: center;
            font-size: 50px;
            font-weight: 500;
            color: #333;
            padding-bottom: 10px;
            border-bottom: 2px solid #e5e5e5; /* 标题下方的浅灰分隔线 */
            margin-bottom: 30px;
        }

/* 内容容器：用于包裹图片和文字，清除浮动影响 */
.content-wrap {
            overflow: hidden; /* 核心：清除子元素float带来的高度塌陷问题 */
        }

/* 右侧图片：实现文字环绕的核心 */
.float-img {
            float: right; /* 让图片向右浮动，文字自动环绕在左侧 */
            width: 400px; /* 图片宽度，可根据需求调整 */
            margin-left: 25px; /* 图片与左侧文字的间距，避免紧贴 */
            margin-bottom: 15px; /* 图片与下方文字的间距 */
            border-radius: 4px; /* 可选：轻微圆角提升美观度 */
        }




/* 文字段落样式：提升可读性 */
.content-text p {
    color: #666;
    line-height: 1.8; /* 行高设置为1.8倍，大段文字更易读 */
    margin-bottom: 5px; /* 段落之间的间距 */
    text-align: justify; /* 可选：文字两端对齐，排版更整齐 */
    text-indent: 35px;
	
        }

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

/* 表格容器：移动端横向滚动核心 */
.table-container {
	width: 100%;
	overflow-x: auto; /* 关键：表格超出宽度时横向滚动 */
	-webkit-overflow-scrolling: touch; /* 移动端顺滑滚动 */
	padding: 0 0 20px 0;
	/* 滚动条美化（可选） */
	scrollbar-width: thin;
}







table {
    border-collapse: collapse;
    width: 72%;/* 移动端宽度100%，依托容器横向滚动 */
	min-width: 600px; /* 保证表格最小宽度，避免列挤压 */
    font-family: "Microsoft YaHei", sans-serif;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
/*    margin-bottom: 10px;表格居中*/
        }
        th, td {
            border: 1px solid #000;
            padding: 6px 4px;/* 移动端减少单元格内边距 */
            text-align: center;
            font-size: 12px; /* 移动端字体适配 */
			white-space: nowrap; /* 关键：禁止单元格内容换行，保证可读性 */
        }
        th {
            background-color: #ff0000;
            color: #ffffff;
            font-weight: bold;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }


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

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

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

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

 /* 版权信息样式 */
.footer .copyright {
    font-size: 18px;
    color: #000000;/* 浅灰色，区分层级 */
}
.content-wrap .content-text h2 {
    margin-bottom: 15px;
}
/******************/
.jscs {
    font-size: 25px;
	
}


 /* 自定义按钮样式 */
.back-btn {
	padding: 8px 16px; /* 内边距，让按钮更舒适 */
	background-color: #2196F3; /* 蓝色背景（可自行修改） */
	color: white; /* 白色文字 */
	border: none; /* 去掉默认边框 */
	border-radius: 4px; /* 圆角效果 */
	cursor: pointer; /* 鼠标悬停显示手型 */
	font-size: 14px; /* 字体大小 */
	transition: background-color 0.2s; /* 过渡动画，更丝滑 */
}

/* 鼠标悬停效果 */
.back-btn:hover {
	background-color: #1976D2; /* 悬停时加深背景色 */
}
/*返回按钮*/
.an .anniu {
    margin-left: 270px;
	display: inline-block;/* 行内块，可设置宽高和内外边距 */
    padding: 10px 20px;/* 按钮内边距 */
    background-color: #FF0004;/* 蓝色背景，匹配示例 */
    color: white;/* 文字颜色 */
    text-decoration: none;/* 去除下划线 */
    border-radius: 8px;/* 轻微圆角，更美观 */
    font-size: 14px;
    transition:  0.3s;/*  hover 过渡效果 */
    margin-top: 10px;

}
.anniu:hover{
	background-color: #11ABEC;
	transition: all 0.3s;
}
/* 移动端适配：针对手机屏幕（宽度≤768px，主流手机断点） */
@media (max-width: 768px) {
    .an .anniu {
        /* 1. 去掉PC端固定左间距，避免手机上按钮偏出屏幕 */
        margin-left: 0;
        /* 2. 可选：让按钮居中显示（更适配手机视觉） */
        display: block; /* 改为块级元素，方便居中 */
        margin: 10px auto; /* 上下10px，左右自动（水平居中） */
        /* 3. 适配手机的内边距和字体大小（避免按钮过大/过小） */
        padding: 8px 16px;
        font-size: 13px;
        /* 4. 可选：增加按钮宽度，适配手机屏幕触控 */
        width: 80%; /* 占屏幕80%宽度，方便点击 */
        text-align: center; /* 文字居中 */
    }
}
.an{
	flex: 1 0 auto;
}