.header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	/* background: rgba(0, 0, 0, 0.1); */
	/* -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); */
	/* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); */
}

.header .header_flx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: auto;
}

.logo {
	width: 165px;
	display: block;
}

.header .logo_c {
	display: none;
}

.header .header_r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(81% - 15px);
}

.navge {
	width: 90%;
	display: flex;
	justify-content: space-between;
}

.header .navge>div {
	position: relative;
}

.header .nav1 {
	font-weight: 500;
	line-height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.header .nav1 a {
	color: white;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.header .nav1::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
	width: 100%;
	height: 2px;
	background: none;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.header .nav1:hover::before {
	background: #164F8F;
}

/* nav dropdown arrow indicator */
.header .nav1.xuan::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 6px;
	margin-left: 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='white' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.sticky .nav1.xuan::after,
.header:hover .nav1.xuan::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23222' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat center;
}

/* 导航 */
.header:hover {
	background-color: #fff;
}

.header:hover .logo_c {
	display: block;
}

.header:hover .logo_w {
	display: none;
}


.sticky {
	background-color: #fff;
}

.sticky .logo_w {
	display: none;
}

.sticky .logo_c {
	display: block;
}

.sticky .nav1 a {
	color: #222;
}

.sticky .world svg path {
	fill: #222;
}

.sticky .header_search svg path {
	fill: #222;
}

.header:hover .world svg path {
	fill: #222;
}

.header:hover .header_search svg path {
	fill: #222;
}

.header:hover .nav1 a {
	color: #222;
}

.header .nav1 a:hover,
.header .nav1 a:focus {
	font-size: 24px;
	color: #164F8F !important;
	text-decoration: none;
	/* text-decoration: underline; */
}

/* 覆盖外部框架（如 Bootstrap 3.x 的 a:hover 下划线），保持全站链接悬停无下划线 */
body a:hover,
body a:focus {
	text-decoration: none;
}

.header .nav1_act::before {
	width: 100%;
}

/* ===== 下拉面板（紧凑型，按设计稿） ===== */
.header .nav2 {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	z-index: 10;
	width: 240px;
	padding: 0;
}

.header .nav2_flx {
	display: block;
	padding: 0;
}

.header .nav2_l {
	width: 100%;
	display: block;
}

.header .nav2_l div {
	width: 100%;
	display: block;
}

.header .nav2_l a {
	display: block;
	padding: 13px 24px;
	color: rgb(102, 102, 102);
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border-left: none;
}

.header .nav2_l a:hover {
	color: #fff;
	background-color: #164F8F;
	border-bottom: none;
}

/* ===== 核心业务三级下拉 ===== */
.header .nav2_business {
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	-webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	z-index: 10;
	width: 240px;
	padding: 0;
	overflow: visible;
}

.header .nav2_business .nav2_flx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.header .nav2_business_col {
	width: 240px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
}

/* Left column items */
.header .nav2_business_col .nav2_item {
	position: relative;
}

.header .nav2_business_col .nav2_item > a {
	display: block;
	padding: 13px 24px;
	color: rgb(102, 102, 102);
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.header .nav2_business_col .nav2_item > a:hover {
	color: #fff;
	background-color: #164F8F;
}

/* "功能" active state - dark blue background, white text */
.header .nav2_business_col .nav2_item.nav2_active > a {
	color: #fff;
	background-color: #164F8F;
}

/* Right column - sub-items under 功能 */
.header .nav2_business_sub {
	display: none;
	position: absolute;
	left: 240px;
	top: 0;
	width: 240px;
	background-color: #fff;
	-webkit-box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.10);
	border-radius: 0 4px 4px 0;
}

.header .nav2_business_col .nav2_item.nav2_active .nav2_business_sub {
	display: block;
}

.header .nav2_business_sub a {
	display: block;
	padding: 13px 24px;
	color: rgb(102, 102, 102);
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.header .nav2_business_sub a:hover {
	color: #fff;
	background-color: #164F8F;
}

.header_other {
	/* width: 22.5%; */
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header .other_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 44%;
	min-width: 100px;
	height: 40px;
	line-height: 1;
	color: white;
	background: var(--yx_Color);
	border-radius: 10px;
}

.header .world {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
}

.header .world svg path {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.header .world:hover svg path {
	fill: var(--yx_Color);
}

.header .header_line {
	width: 1px;
	height: 24px;
	background: rgba(255, 255, 255, 0.2);
	margin: 0 20px;
}

.header .header_search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
}

.header .header_search svg path {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.header .header_search:hover svg path {
	fill: var(--yx_Color);
}

.phone_menu {
	display: none;
	width: 30px;
	position: relative;
	margin-left: 30px;
}

.phone_menu span {
	background: #333;
	height: 2px;
	display: block;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	width: 100%;
}

.phone_menu span:first-child {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}

.phone_menu span:last-child {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	position: absolute;
	-webkit-transform: translateY(8px);
	-ms-transform: translateY(8px);
	transform: translateY(8px);
	top: 0;
}

.menu_act span:first-child {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
	transform: translateY(0px) rotate(45deg);
}

.menu_act span:last-child {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform: translateY(0px) rotate(135deg);
	-ms-transform: translateY(0px) rotate(135deg);
	transform: translateY(0px) rotate(135deg);
}

.menu_act span:nth-child(2) {
	opacity: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

.header_act {
	top: -80px;
}

.pinfo {
	margin-top: 80px;
}

.footer {
	background: #fff;
}

.footer .footer_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer .footer_nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 75%;
	max-width: 1090px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 100px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.footer .footer_nav_col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.footer .footer_nav_title {
	font-weight: bold;
	color: rgb(34, 34, 34);
	font-size: 16px;
	padding: 4px 0 8px 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.footer .footer_nav_title:hover {
	color: var(--yx_Color);
}

.footer .footer_nav_col a:not(.footer_nav_title) {
	color: rgb(119, 119, 119);
	font-size: 14px;
	padding: 3px 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.footer .footer_nav_col a:not(.footer_nav_title):hover {
	color: var(--yx_Color);
}

.footer .footer_line {
	width: 1px;
	height: 225px;
	background-color: rgb(238, 238, 238);
	opacity: 0;
}

.footer .footer_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 4px;
	flex-direction: column-reverse;
}

.footer .footer_left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
}

.footer .footer_left a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 50%;
	padding: 0;
	box-sizing: border-box;
}

.footer .footer_left a:nth-child(4) {
	padding: 0;
}

.footer .footer_right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
}

.footer .footer_right {
	margin-bottom: 14px;
}

.footer .footer_right a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 50%;
	padding: 0;
	box-sizing: border-box;
}

.footer .footer_right a:last-child {
	margin-right: 0;
}

.footer .footer_left a:last-child {
	margin-right: 0;
}

.footer .footer_left a svg path {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.footer .footer_left a:hover {
	background-color: rgb(22, 79, 143);
}

.footer .footer_right a:hover {
	background-color: rgb(22, 79, 143);
}

.footer .footer_right a:hover svg path {
	fill: #fff;
}

.footer .footer_left a:hover svg path {
	fill: #fff;
}


.footer .footer_btm {
	border-top: 1px solid rgb(238, 238, 238);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* min-height: 90px; */
	align-items: center;
	padding: 22px 0 20px;
	width: 100%;
	justify-content: center;
	position: absolute;
	left: 0;
}

.footer .footer_btm a {
	color: rgb(170, 170, 170);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.footer .footer_btm a:hover {
	color: #164F8F;
}

.footer_logo img {
	width: auto;
	max-width: 100%;
	width: 176px;
}

.item_icon {
	position: relative;
}

.item_icon .item_i {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	margin-bottom: 10px;
	z-index: 99;
	display: none;
	background: #fff;
	padding: 8px;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	border-radius: 4px;
}

.item_icon .item_i img {
	display: block;
	width: 120px;
	height: auto;
}

.item_icon:hover .item_i {
	display: block;
}


/* =========================================================
   内页 banner：高度由内容决定，不再被固定高度硬裁
   ---------------------------------------------------------
   原实现：height:100vh（≤1100 时 55vh）+ overflow:hidden，
   文字块 absolute(top:72.5%) 居中。文案一长，文字块下沿就超出容器被切掉，
   而且只在窄屏/矮屏暴露 —— “大屏正常、笔记本缺字”就是这么来的。

   现实现：min-height 沿用原来的 100vh / 55vh / 手机图片比例，
           文字块回到普通流并 flex 居中；用 padding-top 复现原来的视觉锚点：
             中心 = (H + paddingTop) / 2  ⇒  paddingTop = (2×锚点 − 1) × H
   内容装得下时 H 与锚点和旧版**像素级一致**；装不下时 H 自动增高，一个字都不丢。

   --nyban-anchor：文字块中心在 banner 高度中的占比（0.725 = 72.5%）
   --nyban-base  ：banner 最小高度，随断点切换（100vh / 55vh / 16:9）
   各页要微调只改 --nyban-anchor 即可（Intelligent 0.66、Fenzigongsi 0.59…）
   ========================================================= */
#nyBan {
	--nyban-anchor: 0.725;
	--nyban-base: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: auto;
	min-height: var(--nyban-base);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: max(0px, calc((2 * var(--nyban-anchor) - 1) * var(--nyban-base)));
	padding-bottom: max(0px, calc((1 - 2 * var(--nyban-anchor)) * var(--nyban-base)));
	box-sizing: border-box;
}

/* 背景图脱离文档流，铺满自适应后的整个高度 */
#nyBan .banImg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 文字块走普通流：position:static 会让各页残留的 top/left 内联样式彻底失效，
   位置改由 padding-top 统一决定 */
#nyBan .textBox {
	position: static;
	transform: none;
	width: 100%;
}

#nyBan .p_btitle {
	color: #fff;
	line-height: 1;
}

#nyBan .p_btitle1 {
	color: #fff;
	line-height: 1;
}

#nyBan .p_summary {
	color: #fff;
	line-height: 2;
	margin-top: 30px;
}

#nyBan .p_summary::after {
	content: '';
	width: 60px;
	height: 2px;
	background-color: #fff;
	position: absolute;
	bottom: -20px;
	left: 0;
}

#nyBan .p_summary1 {
	color: #fff;
	line-height: 2;
	margin-top: 20px;
	width: 57%;
}

.crumbs {
	background: #f7f7f7;
	padding-bottom: 20px;
	margin-top: -50px;
}

.crumbs ul {
	display: flex;
	align-items: center;
}

.crumbs li {
	line-height: 30px;
	position: relative;
	color: #fff;
	display: flex;
	align-items: center;
}

.crumbs li * {
	color: #fff;
}


.crumbs li:not(:first-child) {
	padding-left: 30px;
}

.crumbs li:not(:first-child)::before {
	content: '>';
	position: absolute;
	left: 10px;
}

.crumbs li:last-child {
	/* color: var(--yx_Color); */
	color: #fff;
}

.crumbs li .icon {
	margin-right: 20px;
}



/* 固定电话 */
.fixed_icon {
	position: fixed;
	right: 20px;
	top: 40%;
	z-index: 99;
}

.icon_img {
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.icon_img3:hover {
	background-color: #164F8F;
}

.fixed_icon ul {
	display: flex;
	flex-direction: column;
	align-items: end;
}

.icon_img2 {
	/* width: 150px; */
	padding: 20px;
	height: 60px;
	background-color: #164F8F;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	display: none;
}

.icon_img2 img {
	margin-left: 10px;
}


.fixed_icon ul li {
	margin-bottom: 10px;
}

.icon3_active {
	display: none;
}

.icon_img3:hover .icon3 {
	display: none;
}

.icon_img3:hover .icon3_active {
	display: block;
}

/* 右下角电话图标：悬停变蓝、不弹号码面板，点击跳转联系我们页（全站统一） */
#phone .icon_img { display: flex !important; }
#phone .icon_img2 { display: none !important; }
#phone .icon_img:hover { background-color: #164F8F !important; }
#phone .icon_img:hover .icon1 { display: none !important; }
#phone .icon_img:hover .icon1_active { display: block !important; }

.from_mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .5);
	z-index: 109;
	display: none;
}

.from_con {
	border-radius: 10px;
	background: #fff;
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 50%;
	top: 52%;
	transform: translate(-50%, -50%);
	min-width: 1000px;
	z-index: 99;
}

.from_top {
	background: #164F8F;
	padding: 20px 30px;
	padding-left: 70px;
	border-radius: 10px 10px 0 0;
	position: relative;
}

.from_bg {
	position: relative;

}

.from_t {
	color: #fff;
	line-height: 1;
}

.close {
	position: absolute;
	right: 20px;
	top: 40%;
}

.from_t::before {
	content: '';
	height: 100%;
	position: absolute;
	width: 2px;
	left: -25px;
	top: 0;
	color: #fff;
	background-color: #fff;
}

.from_bottom {
	padding: 20px 30px;
	padding-right: 120px;
}

.form_txt {
	color: rgb(136, 136, 136);
}

.from_list {
	margin-top: 40px;
	/* 原 height:500px + overflow-y:scroll：内容约 594px 会溢出 → 长期显示滚动条。
	   改为高度自适应，正常情况不出现滚动条；仅当可用空间不足时才在内部滚动 */
	height: auto;
	max-height: calc(100vh - 190px);
	overflow-y: auto;
}

.from_list::-webkit-scrollbar {
	width: 2px;
	height: 12px;
}

.from_list::-webkit-scrollbar-track {
	background: rgb(173, 178, 175, );
}

.from_list::-webkit-scrollbar-thumb {
	background: #005AAC;
}

.from_list::-webkit-scrollbar-thumb:hover {
	background: #005AAC;
}

.from_list label {
	color: #222;
	font-size: 18px;
	min-width: 190px;
	text-align: right;
	display: inline-block;
}

.from_list input {
	margin-left: 10px;
	padding: 15px 0;
}

.from_list div {
	margin-bottom: 20px;
}

.from_ipt {
	display: flex;
	align-items: center;
}

.from_ipt input {
	border: none;
	width: 100%;
	border: 1px solid #DDD;
	background-color: #fff;
	border-radius: 5px;
	padding-left: 25px;
	font-size: 18px;
	max-width: 630px;
}

.from_list textarea {
	border: 1px solid #DDD;
	background-color: #fff;
	width: 100%;
	margin-left: 10px;
	max-width: 630px;
	font-size: 18px;
	/* 由 rows=5（约 137px）降到约 4 行，压缩弹窗总高，避免出现滚动条 */
	height: 110px;
	resize: none;
}

.from_texa {
	display: flex;
}

.from_list input::placeholder {
	font-size: 18px;
	color: rgb(119, 119, 119);
	/* 或者你想要的任何大小 */
}

.from_list textarea::placeholder {
	color: rgb(119, 119, 119);
	font-size: 18px;
	/* 或者你想要的任何大小 */
}

.from_txt {
	margin-left: 200px;
	color: rgb(119, 119, 119);
	margin-top: 20px;
}

.from_sub button {
	min-width: 160px;
	display: flex;
	justify-content: center;
	line-height: 45px;
	border: none;
	font-size: 18px;
}

.from_sub {
	display: flex;
	margin-left: 150px;
	margin-top: 50px;
}

.submit {
	border-radius: 40px;
	background-color: #164F8F;
	color: #fff;
}

.quxiao {
	border-radius: 40px;
	color: rgb(153, 153, 153);
	margin-left: 20px;
	background: #fff;
	border: 1px solid rgb(153, 153, 153) !important;
}

.close {
	cursor: pointer;
}

.fixed_icon li {
	cursor: pointer;
}

textarea {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}

.from_mask1 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .5);
	z-index: 110;
	display: none;
}

.success_modal {
	border-radius: 10px;
	background: #fff;
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 50%;
	top: 52%;
	transform: translate(-50%, -50%);
	min-width: 660px;
	z-index: 101;

}

.form_txt1 {
	color: #222;
	text-align: center;
	padding: 30px 60px;
}

.success_modal .from_bottom {
	padding-right: 30px;
}

.back_btn {
	width: 100%;
	display: flex;
	justify-content: center;
}

.goBack {
	min-width: 160px;
	display: flex;
	justify-content: center;
	line-height: 45px;
	border: none;
	font-size: 18px;
	border-radius: 40px;
	background-color: #164F8F;
	color: #fff;
}

.icon_ly {
	color: #fff;
}

 .logo .logo_c{
	width: 150px;
 }

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




	.footer_logo {
		padding-right: 30px;
	}

	.footer_center {
		padding-left: 30px;
	}



	.from_list {
		margin-top: 20px;
	}

	.from_bottom {
		padding: 10px 15px;
	}

	.from_top {
		padding: 12.5px 20px;
	}

	.from_txt {
		margin-top: 20px;
	}

	.from_sub {
		margin-top: 20px;
	}



	.from_t::before {
		left: -10px;
	}

	.from_t {
		/* font-size: 22px; */
	}
}

@media only screen and (max-width: 1440px) {
	.header .header_r {
		width: calc(80% - 15px);
	}

}

@media only screen and (max-width: 1100px) {
	.header .header_r {
		width: calc(95% - 15px);
	}

	.header .other_link {
		height: 40px;
		min-width: 80px;
		font-size: 14px;
	}

	/* 该断点起 banner 只占 55vh：高度基准换成 55vh，锚点按同一公式换算，
	   文字位置与旧版一致；内容更高时仍会自动增高 */
	#nyBan {
		--nyban-base: 55vh;
	}
}

@media only screen and (max-width: 1024px) {
	.footer .footer_nav {
		padding: 0;
	}
	/* 只保留不折行；不再加左右 padding —— 该选择器只命中标题、不命中子项，
	   会与 .footer_nav_col a:not(.footer_nav_title) 产生错位（详见 2026-10-19 日志） */
	.footer .footer_nav a{
		white-space: nowrap;
	}
	
}

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

	.fixed_icon {
		top: 60%;
	}

	.header .header_r {
		width: calc(95% - 100px);
	}

	.crumbs {
		display: none;
	}

	.logo {
		width: 100px;
	}

	.logo img {
		width: 100%;
	}

	/* 手机端：banner 基准高度 = 图片 16:9 的比例高度（56.25vw），
	   与旧版“图片按自身比例撑高”的观感一致；文字仍走流式，
	   正文多时整段自动增高，不会像原来那样被裁掉 */
	#nyBan {
		--nyban-base: 56.25vw;
	}

	.header .nav1::before {
		display: none;
	}

	#nyBan .p_summary1 {
		width: 100%;
	}

	.logo_w {
		display: none;
	}

	.header .logo_c {
		display: block;
	}


	.header .other_link {
		height: 34px;
		min-width: 70px;
		font-size: 14px;
		display: none;
	}

	.header .navge>div {
		margin-right: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header .navge {
		position: fixed;
		top: 57px;
		width: 100%;
		left: 0;
		height: calc(100% - 60px);
		background: white;
		display: none;
		padding: 10px 20px 0;
	}

	.phone_menu {
		display: block;
	}

	.header .nav1 {
		height: 50px;
		background: url(../img/Index/right_ico.png) no-repeat 97% center/14px;
	}

	.header .navge>div:nth-child(2) .nav1 {
		/* background: transparent; */
	}

	/* .header .navge>div:nth-child(5) .nav1 {
		background: transparent;
	} */

	.header .navge>div:nth-child(6) .nav1 {
		background: transparent;
	}

	.header .nav1.xuan_act {
		background: url(../img/Index/bottom_ico.png) no-repeat 97% center/14px;
	}

	.header .header_flx {
		height: 56px;
	}

	.header .nav1 a {
		color: #333;
	}


	.header {
		background: white;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.header_search svg path {
		fill: #333333;
	}

	.header .nav2 {
		position: relative;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: transparent;
	}

	.header .nav2_flx {
		padding: 0px 10px 10px;
	}

	.header .nav2_l div {
		width: 100%;
		justify-content: flex-start;
	}

	.header .nav2_l a {
		color: #333;
		line-height: 36px;
		font-size: 14px;
	}

	.header_other {
		width: 100%;
		margin-left: 0;
	}

	.header .header_line {
		margin: 0 15px;
		background: rgba(0 0 0 / 22%);
		height: 18px;
	}

	.footer {
		padding-top: 30px;
	}

	.footer_top {
		flex-direction: column;
	}

	.footer .footer_line {
		display: none;
	}

	.footer .footer_nav {
		display: none;
	}

	.footer .footer_right {
		margin-bottom: 0;
	}

	.footer .footer_center {
		flex-direction: column-reverse;
		align-items: flex-start;
		width: 100%;
		justify-content: center;
		display: flex;
		align-items: center;
		padding-left: 0;
		margin-bottom: 0;
	}

	.footer .footer_left {
		margin-top: 20px;
	}

	.footer .footer_btm {
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: center;
		font-size: 14px;

	}

	.footer_btm_left {
		width: 100%;
		text-align: center;

	}

	.footer_logo {
		/* width: 140px; */
		width: 100%;
		display: flex;
		justify-content: center;
		padding-right: 0;
		margin-bottom: 20px;
	}

	#nyBan {
		margin-top: 56px;
	}

	.header .world svg path {
		fill: #333;
	}


	/* 侧边栏 */
	.icon_img {
		width: 50px;
		height: 50px;
	}

	.from_mask {
		width: 100%;
		height: 100%;
	}

	.from_con {
		min-width: 100%;
	}

	.from_con {
		left: 50%;
		top: 50%;

	}

	.from_list {
		height: auto;
		max-height: calc(100vh - 190px);
		overflow-y: auto;
		width: 100%;
		z-index: 99;
		overflow-x: hidden;
	}

	#agree {
		margin-left: 0 !important;
	}

	.from_list label {
		min-width: 130px;
		text-align: left;
	}

	.from_texa {
		flex-direction: column;
	}

	.from_ipt {
		flex-direction: column;
		align-items: start;
	}

	.from_txt {
		margin-left: 0;
	}

	.from_sub {
		margin-left: 0;
	}

	.fixed_icon {
		z-index: 66;
	}

	.con_img img {
		padding-top: 3px;
	}

	.success_modal {
		min-width: 100%;
	}

	.form_txt1 {
		padding: 30px 0;
	}

	.form-control{
	}
	.from_list textarea{
		margin-left: 0;
	}
	.from_ipt input{
		margin-left: 0;
		padding-left: 10px;
		font-size: 16px;

	}

}

/* =========================================================
   footer 定制样式（全站唯一入口 · 2026-10-19 收口）
   ---------------------------------------------------------
   这 24 条规则原先被整段复制在 19 个页面 CSS 的末尾
   （About / Business / Contact / Culture / Humanistic / index / Investor /
     Join / Management / NewDetail / Newlist / News / Partner / ProDetail /
     Quality / Warm / dangjian / jiance / privacy），改一处要改 19 处。
   现在统一放在 style.css —— 全站 88 页都加载本文件，改一次全站生效。

   · 结构在 templates/footer.html，本段只管样式；
   · 页面 CSS 里不要再写 `.footer` 开头的规则；个别页面要特例时写在页面 CSS 里
     （页面 CSS 在本文件之后加载，同特异性即可覆盖）；
   · 本段覆盖的是本文件上方 style.css 自带的基础 footer 样式；
     基础里的 .footer_nav{max-width:1090px; padding:0 100px} 仍在生效，故未删除；
   · 微调提示：带「微调」注释的属性可直接改值。
   ========================================================= */

	/* 底部整体背景（深蓝） */
	.footer {
		background: #02192F !important;
	}

	/* 顶部纵向排列：Logo → 短横线 → 导航 */
	.footer .footer_top {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	/* Logo 位置：向下 / 向右（微调改 margin-top / margin-left） */
	.footer_logo {
		margin-top: 40px;
		margin-left: 120px;
	}

	/* Logo 下方短横线：宽 90%，左右各留 5%（微调改 width / margin） */
	.footer_top > .footer_line {
		width: 90%;
		height: 1px;
		background: #33495e;
		opacity: 1;
		margin: 24px 5% 34px;
	}

	/* 导航 + 右侧图标整行：**不换行** —— 否则窄屏时右侧图标会掉到下一行 */
	.footer .footer_row {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}

	/* 左侧导航整列右移（微调改 margin-left）。
	   核心：width:auto + flex:1 1 auto —— 导航不再固定 75% 宽，而是占满
	   「整行 − 右侧图标区」的剩余空间；列间距由 space-between 分配余量得到，
	   因此**视口变窄时先压缩的是列间距，而不是把文字挤到折行**。 */
	.footer .footer_nav {
		margin-left: 40px;
		width: auto;
		flex: 1 1 auto;
		flex-wrap: nowrap;
	}

	/* 导航列：宽度 = 内容宽度，禁止被压缩（列被压窄就会导致文字折行） */
	.footer .footer_nav_col {
		flex: 0 0 auto;
	}

	/* 导航与右侧图标之间的旧分隔线：隐藏 */
	.footer .footer_row > .footer_line {
		display: none;
	}

	/* 右侧图标整体左移（微调改 margin-right） */
	.footer .footer_center {
		margin-right: 130px;
	}

	/* 导航文字：偏暗白、统一不加粗（标题与子项一致；微调改 color 透明度 0.78）
	   —— 标题原本是 bold，2026-10-19 按要求去掉，整列都用常规字重 */
	.footer .footer_nav_col a {
		color: rgba(255, 255, 255, 0.78) !important;
		white-space: nowrap;
		font-weight: normal !important;
	}

	/* 灰色版权条：整屏宽、去白线、与上方接壤（微调改 margin-top） */
	.footer .footer_btm {
		background: #1C3044 !important;
		position: static;
		border-top: none;
		width: 100%;
		padding: 22px 0 20px;
		margin-top: 60px;
	}

	/* 版权文字颜色 */
	.footer .footer_btm_left {
		color: rgb(170, 170, 170);
	}

/* ---------------------------------------------------------
   底部导航响应式：① 先压缩列间距 → ② 再收窄两侧留白 → ③ 极限时只留图标
   --------------------------------------------------------- */
@media only screen and (max-width: 1600px) {
	.footer .footer_nav {
		padding: 0 60px;
	}

	.footer .footer_center {
		margin-right: 80px;
	}
}

@media only screen and (max-width: 1440px) {
	.footer .footer_nav {
		padding: 0 40px;
	}

	.footer .footer_center {
		margin-right: 50px;
	}
}

@media only screen and (max-width: 1280px) {
	.footer .footer_nav {
		padding: 0 20px;
	}

	.footer .footer_center {
		margin-right: 30px;
	}
}

/* 压到极限（列间距已收无可收）→ 隐藏导航文字，只保留图标；
   此时 Logo（上方大图标）与图标区一并**水平居中** */
@media only screen and (max-width: 1120px) {
	.footer .footer_nav {
		display: none;
	}

	/* 纵向排版方向上的水平居中（首页 footer_top 是 column） */
	.footer .footer_top {
		align-items: center;
	}

	/* 去掉 Logo 的左侧偏移与右侧内边距，使其真正居中 */
	.footer_logo {
		margin-left: 0;
		padding-right: 0;
	}

	/* 整行只剩图标区 → 居中（并清掉原本贴右/贴左的 margin / padding） */
	.footer .footer_row {
		justify-content: center;
	}

	.footer .footer_center {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
	}
}

/* ===== 移动端基础安全网（2026-10-19）=====
   内容区里一旦有写死宽度的图片/视频/iframe（如 800px 的 PDF 预览），
   窄屏会被撑出横向滚动条。这里统一兜底，不影响桌面端。 */
@media screen and (max-width: 768px) {
	img,
	video,
	iframe {
		max-width: 100%;
	}

	iframe {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ===== footer 二维码弹层：仅移动端放大（桌面保持原样）=====
   原样式：每个弹层以「所属图标」为中心（left:50% + translateX(-50%)），图 120px + 8px 内边距。
   手机上一排图标只有 5 个、两端图标中心约 68px / 308px，136px 的弹层居中后顶出屏幕
   （68−94 = −26），所以放大前必须先换锚点：让弹层以「整排图标」为基准居中
   （.item_icon 改 static，所在行容器设 relative），再把二维码放大到 176px。
   全站有两处二维码：.footer_left（抖音/b站/小红书/微博/知乎）与
   .footer_right（公众号/视频号），两处都要同样处理。
   注：只用 :hover 触发（移动端点按等同 hover），未改动任何结构与 JS。 */
@media screen and (max-width: 768px) {
	.footer .footer_left,
	.footer .footer_right {
		position: relative;
	}

	.footer .footer_left .item_icon,
	.footer .footer_right .item_icon {
		position: static;
	}

	.footer .footer_left .item_icon .item_i,
	.footer .footer_right .item_icon .item_i {
		left: 50%;
		bottom: 100%;
		margin-bottom: 12px;
		padding: 10px;
		border-radius: 6px;
		/* 必须给显式宽度：本文件末尾的移动端兜底里有 img{max-width:100%}，
		   弹层靠内容撑开时会被这条反向限制压回 150px，二维码反而没变大 */
		width: 196px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.footer .footer_left .item_icon .item_i img,
	.footer .footer_right .item_icon .item_i img {
		width: 176px;
		max-width: 100%;
	}
}

/* ===== 悬浮按钮（右侧三个）：仅手机端 —— 滚到页面最底部时整体上移 =====
   到底时页脚正好是可点的图标/二维码区，三个悬浮按钮会压在上面。
   由 templates/fixed-icons.html 里的脚本在"距底 ≤40px"时给 .fixed_icon 加 .is-bottom。
   桌面端不加类，完全不受影响。 */
@media screen and (max-width: 768px) {
	.fixed_icon {
		-webkit-transition: -webkit-transform .28s ease;
		transition: transform .28s ease;
	}

	.fixed_icon.is-bottom {
		-webkit-transform: translateY(-120px);
		-ms-transform: translateY(-120px);
		transform: translateY(-120px);
	}
}

/* ===== 手机端导航三级菜单：核心业务 → 核心能力 =====
   桌面：悬停「核心能力」在其右侧弹出浮动子菜单（.nav2_business_sub 绝对定位 left:240px）。
   手机：没有 hover，抽屉里也没法弹浮层 —— 改成点「核心能力」在二级列表里内嵌展开，
         带一个可旋转的小箭头做提示；展开/收起由 nav.js 的移动端分支控制。
   仅 ≤768 生效，桌面样式完全不动。 */
@media screen and (max-width: 768px) {
	/* 二级面板：抽屉里占满宽度，去掉浮层的定位与投影 */
	.header .nav2_business {
		position: relative;
		left: auto;
		top: auto;
		width: 100%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		box-shadow: none;
		border-radius: 0;
	}

	.header .nav2_business_col {
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}

	.header .nav2_business_col .nav2_item > a {
		padding: 9px 24px 9px 0;
		font-size: 14px;
		color: #333;
	}

	/* 可展开项：右侧小箭头（点开时翻转），提示这里还有一级 */
	.header .nav2_business_col .nav2_item.nav2_has_sub > a {
		position: relative;
		padding-right: 28px;
	}

	.header .nav2_business_col .nav2_item.nav2_has_sub > a::after {
		content: '';
		position: absolute;
		right: 6px;
		top: 50%;
		width: 7px;
		height: 7px;
		margin-top: -5px;
		border-right: 1.5px solid #999;
		border-bottom: 1.5px solid #999;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: -webkit-transform .2s;
		transition: transform .2s;
	}

	.header .nav2_business_col .nav2_item.nav2_active > a::after {
		margin-top: -2px;
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	/* 展开态：深色文字 + 浅蓝底，替代桌面的白字蓝底 */
	.header .nav2_business_col .nav2_item.nav2_active > a {
		color: #164F8F;
		background-color: transparent;
	}

	/* 三级列表：内嵌、竖线缩进，不再浮在外面。
	   展开/收起用 max-height 过渡（配合 nav.js 只切 .nav2_active），
	   不用 display 切换 —— 避免与 jQuery slide 的显示判断打架。 */
	.header .nav2_business_sub {
		display: block;
		position: static;
		left: auto;
		top: auto;
		width: auto;
		box-shadow: none;
		border-radius: 0;
		max-height: 0;
		overflow: hidden;
		padding: 0 0 0 12px;
		margin: 0;
		border-left: 2px solid transparent;
		-webkit-transition: max-height .25s ease, padding .25s ease, margin .25s ease;
		transition: max-height .25s ease, padding .25s ease, margin .25s ease;
	}

	.header .nav2_business_col .nav2_item.nav2_active .nav2_business_sub {
		display: block;
		max-height: 320px;
		padding: 2px 0 8px 12px;
		margin: 2px 0 4px;
		border-left-color: rgba(22, 79, 143, .18);
	}

	.header .nav2_business_sub a {
		padding: 7px 0;
		font-size: 13px;
		color: #666;
	}

	/* 点按会残留 hover 态，手机端统一收回深色字 */
	.header .nav2_business_sub a:hover,
	.header .nav2_business_col .nav2_item > a:hover {
		color: #164F8F;
		background-color: transparent;
	}
}