* {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #333;
	line-height: 1.8;
}
body{background: #f8f8f8;}


.index_banner {
	height: 810px;
	position: relative;
	overflow: hidden;
	
}

.index_banner .bg {
	height: 810px;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
.index_banner .bg .bg_item{
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 1s ease;
}
.index_banner .bg .bg_item.on{ opacity: 1;}

.index_banner .blue {
	width: 1400px;
	margin: auto;
	position: relative;
	top: 0;
}
.index_banner .blue_in2{
	width: 1400px;
	position: absolute;
	background: rgba(10, 49, 142, 0.7);
	top: 0;
	height: 810px;
	right: 0;
	margin-right: 1399.5px;
	
}

.index_banner .blue_in1 {
	position: absolute;
	top: 0;
	width: 850px;
	height: 810px;
	text-align: center;
	color: #fff;
	background: rgba(10, 49, 142, 0.7);
	clip-path: polygon(0 0,
			/* 左上 */
			850px 0,
			/* 右上 */
			650px 810px,
			/* 右下角横向往里缩 315px */
			0 810px
			/* 左下 */
		);
}

.index_banner .white {
	width: 1400px;
	margin: auto;
	position: relative;
	top: 0;
}
.index_banner .white_in2{
	width: 1400px;
	position: absolute;
	background:#f8f8f8;
	top: 721px;
	height: 90px;
	left: -1px;
	margin-left: 1400px;
	
}

.index_banner .white_in1 {
	position: absolute;
	top: 0;
	width: 750px;
	height: 90px;
	text-align: center;
	color: #fff;
	background: #f8f8f8;
	top: 721px;
	right: 0;
	clip-path: polygon(
	       22px 0,     /* 左上角，x往右50px，y=0 */
	         750px 0,    /* 右上 */
	         750px 90px, /* 右下 */
	         0 90px
		);
	display: flex; 
	align-items: center;
	
}

.white_in1 .icon{ display: flex; align-items: center; margin-right: 30px;}
.white_in1 .icon:first-child{ margin-left: 30px;}
.white_in1 .icon:last-child{  margin-right: 0px;}
.white_in1 .icon img{ width: 34px; height: 34px;margin-right: 10px;}
.white_in1 .icon b{ color: #999; font-size:14px; line-height: 22px; text-align: left;}
.white_in1 .icon span{ display: block; font-weight: normal; font-size: 12px;color: #999;}
.lang{ display: flex; align-items: center; justify-content: flex-end;  width: 1400px; margin: auto; height: 80px; position: absolute; top: 0; left: 50%; margin-left: -700px;}
.lang .lang_btn{ width: 150px; flex-grow: 0; cursor: pointer; color: #fff; display: flex; align-items: center;justify-content: center;  height: 40px; background:rgba(10, 49, 142, 0.7);border-radius: 30px; font-size: 16px;}
.lang .lang_btn .icon{ margin-right: 10px; width: 20px; height: 20px;}
.lang .lang_btn .more{ margin-left: 10px; width: 14px; height: 14px; transition: transform 0.25s ease;}
.lang .lang_list{ position: absolute; top: 56px; right: 0; width: 150px; padding: 6px; box-sizing: border-box; background: rgba(10, 49, 142, 0.9); border-radius: 14px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; z-index: 20;}
.lang .lang_item{ position: relative; height: 38px; line-height: 38px; padding-left: 34px; border-radius: 9px; color: #fff; font-size: 14px; cursor: pointer; transition: background 0.2s ease;}
.lang .lang_item:hover{ background: rgba(255, 255, 255, 0.15);}
.lang .lang_item.choosed{ background: rgba(255, 255, 255, 0.18);}
.lang .lang_item.choosed::before{ content: ""; position: absolute; left: 15px; top: 15px; width: 7px; height: 7px; border-radius: 50%; background: #fff;}
.lang:hover .lang_list{ opacity: 1; visibility: visible; transform: translateY(0);}
.lang:hover .lang_btn .more{ transform: rotate(90deg);}
/* 手机端首页 banner 右上角语言切换：PC 端隐藏，仅媒体查询中显示 */
.index_banner > .f_lang{ display: none;}

.blue_in1 .nav{ display: flex; align-items: center; height: 80px;}
.blue_in1 .nav .nav_in{ margin-left:50px ; font-size: 18px; color: #fff; cursor: pointer; opacity: 0.7;}
.blue_in1 .nav  .nav_in_choosed { position: relative; opacity: 1;}
.blue_in1 .nav  .nav_in_choosed span{ bottom: -3px; left: 50%; margin-left: -15px;  position:absolute;height: 3px; width: 30px; background: #fff; border-radius: 30px;}
.blue_in1 .logo{ width: 209px; height:40px ;}
.blue_in1 .txt img{display: block; width: 500px; margin: 80px 0 30px 0;}
.blue_in1 .txt{text-align: left;}
.blue_in1 .txt span{ color: #fff; font-size: 14px;display: block; width: 500px; opacity: 0.7;}
.blue_in1 .txt .txt_in1{ color: #fff; font-weight: 900; font-size: 60px; line-height: 120px;  -webkit-text-stroke: 2px #fff; padding-top:70px;}
.blue_in1 .txt .txt_in2{ color: #fff; font-weight: 900; font-size: 110px;line-height: 110px;-webkit-text-stroke: 3px #fff; padding-bottom: 50px;}


.index_title{ display: flex; align-items: center; margin-bottom: 32px; height: 44px;}
.index_title .title_in1{  height: 44px; line-height: 44px; padding: 0 24px; background: #0a318e; color: #fff; font-size: 20px; font-weight: bold;}
.index_title .title_in2{height: 44px; width: 20px; background: #0a318e; clip-path: polygon(0 0,20px 0,10px 44px,0 44px); margin-left: -1px;}
.index_title .title_in3{margin-left: -5px; height: 44px; width: 10px;background: #C7C7C7; clip-path: polygon(10px 0,20px 0,20px 44px,0 44px);}
.index_title .title_in4{ display: block; height: 44px; line-height: 44px; padding: 0 10px;  background: #C7C7C7; color: #fff; font-size: 14px;}
.index_title span{  color: #fff; font-size: 14px; cursor: pointer; }



.content1{ width: 1400px; margin: auto; padding: 60px 0 90px; box-sizing: border-box;}


.content1_in{ display: flex; justify-content: space-between; align-items: stretch;}
.content1 .left{ width: 600px; margin-right: 50px;}
.content1 .txt1{ position: relative; font-size: 24px; line-height: 40px; color: #333; }
.content1 .txt2{-webkit-text-stroke: 1px #0a318e;  font-size: 48px; line-height: 48px; color: #0a318e; font-weight: 900;}
.content1 .txt2 span{ color: #e8462c; font-size: inherit;-webkit-text-stroke: 1px #e8462c;}
.content1 .txt3{ color: #666; font-size: 15px; line-height: 2;}
.content1 .txt3 p{text-indent: 2em; margin-bottom: 12px; font-size: 15px; line-height: 2; text-align: justify;}
.content1 .icons{display: flex; justify-content: space-between;}
.content1 .icons .icon{ width: 180px;  margin-top: 20px; padding: 26px 10px; box-sizing: border-box; background: #fff;  border-radius: 6px; text-align: center; transition: box-shadow 0.3s ease, transform 0.3s ease;}
.content1 .icons .icon:hover{ box-shadow: 0 10px 24px rgba(10, 49, 142, 0.1); transform: translateY(-4px);}
.content1 .icons .icon{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: #999; font-size: 13px; line-height: 1.75;}
.content1 .icons .icon img{ width: 54px; height: 54px; margin-bottom: 16px;}
.content1 .icons .icon span{ display: block; margin-bottom: 8px; color: #333; font-size: 16px; line-height: 1.6;}

.content1 .right{ position: relative; width: 750px; flex-shrink: 0; font-size: 0;}
.content1 .right img{ width: 100%; display: block; border-radius: 20px;}
.content1 .right .txt{ position: absolute; left: 0; right: 0; bottom: 10px; padding: 20px 24px;  color: #fff; font-size: 12px; line-height: 1.8;}
.content1 .right .txt b{ display: block; margin-bottom: 6px; color: #fff; font-size: 18px; line-height: 1.6; font-weight: bold;}


.content2{position: relative; height: 600px;margin: auto; box-sizing: border-box;background: url(../images/num_bg.jpg) center; background-size: cover;}
.content2 .info_num{
	width: 1400px;
	margin: auto;
	height: 600px;
	padding-top: 74px;
	box-sizing: border-box;
	background-size: cover;
	text-align: center;
	overflow: hidden;
}
.content2 .info_num .txt1{
	color: #fff;
	font-size: 22px;
	opacity: 0.85;
	line-height: 1.6;
}
.content2 .info_num .txt2{
	margin-top: 10px;
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.6;
	letter-spacing: 2px;
	-webkit-text-stroke: 1px #fff;
}
.content2 .info_num .cards{
	display: flex;
	justify-content: space-between;
	margin-top: 56px;
	padding: 0 20px;
}
.content2 .info_num .card{
	width: 200px;
	padding: 34px 10px 30px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	transition: background 0.3s ease, transform 0.3s ease;
}
.content2 .info_num .card:hover{
	background: rgba(255, 255, 255, 0.12);
	transform: translateY(-4px);
}
.content2 .info_num .card b{
	display: block;
	margin-bottom: 8px;
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.2;
	-webkit-text-stroke: 3px #fff;
}

.content2 .tips1{z-index: 1; height: 70px; width: 1400px;position: absolute; left: 50%;margin-left: -701px; position: absolute; bottom: -1px;} 
.content2 .tips1 .tips_in1{width: 700px;height: 70px; background: #f8f8f8; clip-path: polygon(0 0, 650px 0px, 700px 70px,  0 70px); }
.content2 .tips_in2{ background: #f8f8f8; position: absolute; bottom: 0;  height:70px; width: 1000px;left: 0; margin-left: -999px; }

.content3{ width: 1400px;margin: auto; padding: 0 0 40px; box-sizing: border-box;}

.content3 .txt1{ color: #333; font-size: 18px; line-height: 1.8;}
.content3 .txt2{ -webkit-text-stroke: 1px #0a318e; font-size: 48px; line-height: 56px; color: #0a318e; font-weight: 900;}
.content3 .txt2 span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}

.content3 .cards{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 44px;}
.content3 .cards .card{
	width: 680px;
	margin-bottom: 40px;
	box-sizing: border-box;
	padding: 0 30px 30px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(10, 49, 142, 0.06);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.content3 .cards .card:hover{
	box-shadow: 0 14px 32px rgba(10, 49, 142, 0.14);
	transform: translateY(-4px);
}
.content3 .cards .card .line{
	height: 10px;
	background: #0a318e;
	margin: 0 -30px 26px;
}
.content3 .cards .card .card_tips{
	display: inline-block;
	padding: 5px 14px;
	box-sizing: border-box;
	background: #eef2fb;
	border-radius: 30px;
	color: #0a318e;
	font-size: 12px;
	line-height: 1.6;
}
.content3 .cards .card .card_r{ float: right;}
.content3 .cards .card .card_title{
	clear: both;
	padding-top: 18px;
	color: #0a318e;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.5;
}
.content3 .cards .card .card_txt{
	margin-top: 8px;
	color: #666;
	font-size: 18px;
	line-height: 1.9;
	text-align: justify;
}
.content3 .cards .card .card_info{
	margin-top: 10px;
	color: #999;
	font-size: 14px;
	line-height: 1.8;
}
.content3 .cards .card img{
	display: block;
	width: 100%;
	margin-top: 16px;
	border-radius: 6px;
}
/* ============ content4 应用场景 ============ */
.content4{ width: 1400px; margin: auto; padding: 0 0 90px; box-sizing: border-box;}
.content4 .title{ -webkit-text-stroke: 1px #0a318e; font-size: 48px; line-height: 56px; color: #0a318e; font-weight: 900; text-align: center;}
.content4 .title span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}

.content4 .title1{
	margin-top: 6px;
	text-align: center;
	color: #333;
	font-size: 18px;
	line-height: 1.8;
}
.content4 .cards{
	display: flex;
	justify-content: space-between;
	margin-top: 44px;
}
.content4 .cards .card{
	position: relative;
	width: 325px;
	height: 480px;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.content4 .cards .card img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.content4 .cards .card::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 55%;
	background: linear-gradient(180deg, rgba(10, 49, 142, 0) 0%, rgba(10, 49, 142, 0.55) 32%, rgba(10, 49, 142, 0.96) 60%, #0a318e 100%);
}
.content4 .cards .card b{
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 108px;
	z-index: 1;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
}
.content4 .cards .card span{
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 18px;
	z-index: 1;
	color: rgba(255, 255, 255, 0.88);
	font-size: 16px;
	line-height: 1.8;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.content4 .cards .card:hover{
	transform: translateY(-6px);
	box-shadow: 0 16px 32px rgba(10, 49, 142, 0.25);
}
.content4 .cards .card:hover::before{
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	border-radius: 6px;
	pointer-events: none;
}


.content5{position: relative; height: 700px;margin: auto; margin-top: 50px; box-sizing: border-box;background: url(../images/num_bg.jpg) center; background-size: cover;}
.content5 .info_num{
	width: 1400px;
	margin: auto;
	height: 700px;
	padding-top: 74px;
	box-sizing: border-box;
	background-size: cover;
	text-align: center;
	overflow: hidden;
}
.content5 .info_num .txt1{
	color: #fff;
	font-size: 22px;
	opacity: 0.85;
	line-height: 1.6;
}
.content5 .info_num .txt2{
	margin-top: -20px;
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1.6;
	letter-spacing: 2px;
	-webkit-text-stroke: 1px #fff;
}


.content5 .tips1{z-index: 1; height: 70px; width: 1400px;position: absolute; left: 50%;margin-left: -700px; position: absolute; bottom: 0;}
.content5 .tips1 .tips_in1{width: 700px;height: 70px; background: #f8f8f8; clip-path: polygon(0 0, 650px 0px, 700px 70px,  0 70px); }
.content5 .tips_in2{ background: #f8f8f8; position: absolute; bottom: 0;  height:70px; width: 1000px;left: 0; margin-left: -1000px; }

/* 荣誉证书通栏滚动轮播：高度定死、宽度随图片自适应 */
.content5 .honers{
	position: absolute;   /* 相对 .content5 定位，突破 info_num 的 1400px 限制，实现通栏 */
	left: 0;
	bottom: 140px;
	width: 100%;
	overflow: hidden;
}
.content5 .honers .track{
	display: flex;
	align-items: flex-start;
	width: max-content;
	animation: honerMove 40s linear infinite;
}
.content5 .honers .honer{
	flex-shrink: 0;
	margin-right: 44px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 1.6;
}
.content5 .honers .honer img{
	display: block;
	height: 290px;   /* 高度定死；换宽图只变宽度，样式不用动 */
	width: auto;
	margin-bottom: 14px;
	border-radius: 4px;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35);
}
.content5 .honers:hover .track{ animation-play-state: paused;}
.content5 .info_num{ width: auto;}
@keyframes honerMove{
	from{ transform: translateX(0);}
	to{ transform: translateX(-50%);}
}

/* ============ content6 新闻动态 ============ */
.content6{ width: 1400px; margin: auto; padding: 0px 0 90px; box-sizing: border-box;}
.content6 .txt1{ color: #333; font-size: 18px; line-height: 1.8;}
.content6 .txt2{ -webkit-text-stroke: 1px #0a318e; font-size: 50px; line-height: 56px; color: #0a318e; font-weight: 900;}
.content6 .txt2 span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}

.content6 .cards{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.content6 .cards .card{
	width: 440px;
	box-sizing: border-box;
	padding: 16px 16px 22px;
	background: #fff;
	border: 2px solid transparent;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(10, 49, 142, 0.06);
	cursor: pointer;
	transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
.content6 .cards .card:hover{
	border-color: #e8462c;
	box-shadow: 0 14px 30px rgba(10, 49, 142, 0.14);
	transform: translateY(-4px);
}
.content6 .cards .card img{
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 6px;
}
.content6 .cards .card .date{
	margin-top: 18px;
	color: #999;
	font-size: 12px;
	line-height: 1.6;
}
.content6 .cards .card .card_title{
	margin-top: 6px;
	color: #0a318e;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.content6 .cards .card .card_txt{
	margin-top: 8px;
	color: #666;
	font-size: 14px;
	line-height: 1.9;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.content6 .cards .card .more{
	margin-top: 16px;
	color: #0a318e;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}
.content6 .cards .card .more span{
	color: #0a318e;
	font-size: 14px;
	display: inline-block;
	margin-left: 4px;
	transition: transform 0.3s ease;
}
.content6 .cards .card:hover .more span{ transform: translateX(6px);}

/* ============ footer 底部 ============ */
.footer{ background: #e6eaf4;}
.footer .color_bar{
	height: 4px;
	background: linear-gradient(90deg,
		#2438c9 0 25%,
		#f7a823 25% 50%,
		#ef3e5e 50% 75%,
		#21a6ff 75% 100%);
}
.footer .footer_in{
	width: 1400px;
	margin: auto;
	padding: 62px 0 56px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.footer .left{ width: 440px; flex-shrink: 0;}
.footer .left .logo{
	display: block;
	width: 230px;
	height: auto;
}
.footer .left p{
	margin-top: 18px;
	color: #9aa3b0;
	font-size: 13px;
	line-height: 2;
}
.footer .left p a{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
	text-decoration: none;
}
.footer .left p a:hover{ color: #0a318e; text-decoration: underline;}
.footer .right{ display: flex;}
.footer .right dl{ margin-left: 90px;}
.footer .right dl:first-child{ margin-left: 0;}
.footer .right dt{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 14px;
}
.footer .right dd{
	color: #666;
	/* 注意：全局 * {font-size:16px} 会把 dd 内 <a> 顶成 16px，
	   纯文字 dd（如 about 页公司简介列、地址）必须同为 16px 才能一致 */
	font-size: 16px;
	line-height: 2.2;
	max-width: 300px;
}
.footer .right dd:hover{ color: #0a318e; cursor: pointer;}
.footer .right dd.tel{
	color: #0a318e;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	margin-top: 4px;
}

/* ============ fixed_nav 吸顶导航（滚过顶部 nav 后出现） ============ */
.fixed_nav{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	background: rgba(10, 49, 142, 0.8);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.18);
	z-index: 100;
	transform: translateY(-100%);
	transition: transform 0.35s ease;
}
.fixed_nav.show{ transform: translateY(0);}
.fixed_nav .fn_in{
	width: 1400px;
	margin: auto;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.fixed_nav .logo{
	display: block;
	width: 209px;
	height: auto;
	margin-right: 0;
}
.fixed_nav .nav{ display: flex; align-items: center; flex: 1;}
.fixed_nav .nav .nav_in{
	position: relative;
	margin-left: 50px;
	font-size: 18px;
	color: #fff;
	opacity: 0.85;
	line-height: 80px;
	cursor: pointer;
	transition: opacity 0.25s ease;
}
.fixed_nav .nav .nav_in:first-child{ margin-left: 50px;}
.fixed_nav .nav .nav_in:hover{ opacity: 1;}
.fixed_nav .nav .nav_in span{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 12px;
	width: 30px;
	height: 3px;
	background: #fff;
	border-radius: 30px;
}
.fixed_nav .nav .nav_in:hover span,
.fixed_nav .nav .nav_in_choosed span{ display: block;}
.fixed_nav .nav .nav_in_choosed{ color: #fff; opacity: 1; font-weight: bold;}

/* fixed_nav 内的语言选择（尺寸与 banner .lang 一致） */
.fixed_nav .f_lang{ position: relative; margin-left: auto;}
.fixed_nav .f_lang .f_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: opacity 0.25s ease;
}
.fixed_nav .f_lang:hover .f_btn{ opacity: 1;}
.fixed_nav .f_lang .f_btn .icon{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.fixed_nav .f_lang .f_btn .more{
	width: 14px;
	height: 14px;
	margin-left: 10px;
	transition: transform 0.25s ease;
}
.fixed_nav .f_lang:hover .f_btn .more{ transform: rotate(90deg);}
.fixed_nav .f_lang .f_list{
	position: absolute;
	top: 56px;
	right: 0;
	width: 150px;
	padding: 6px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
	z-index: 20;
}
.fixed_nav .f_lang:hover .f_list{ opacity: 1; visibility: visible; transform: translateY(0);}
.fixed_nav .f_lang .f_item{
	position: relative;
	height: 38px;
	line-height: 38px;
	padding-left: 34px;
	border-radius: 9px;
	color: #333;
	font-size: 14px;
	cursor: pointer;
	transition: background 0.2s ease;
}
.fixed_nav .f_lang .f_item:hover{ background: #eef2fb;}
.fixed_nav .f_lang .f_item.choosed{ background: #eef2fb; color: #0a318e;}
.fixed_nav .f_lang .f_item.choosed::before{
	content: "";
	position: absolute;
	left: 15px;
	top: 15px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #0a318e;
}

/* ============ 内页头部（about 等） ============ */
.other_top{ position: relative; height: 600px; overflow: hidden;}
.other_top img{
	display: block;
	width: 100%;
	height: 600px;
	object-fit: cover;
}
/* 斜边子导航：处理方式同首页 banner 的 .white（in1 斜切条 + in2 向左延伸块），高 60px */
.other_top_white{
	width: 1400px;
	margin: auto;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	bottom: 0;
	height: 60px;
}
.other_top_white_in1{
	position: absolute;
	right: 0;
	bottom: 0;
	height: 60px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 0 46px;
	background: #f8f8f8;
	clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
	z-index: 1;
}
.other_top_white_in2{
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: -1398px;
	width: 1400px;
	height: 60px;
	background: #f8f8f8;
}
.other_top_white .other_nav{
	position: relative;
	margin-left: 56px;
	font-size: 18px;
	color: #333;
	line-height: 60px;
	cursor: pointer;
	transition: color 0.25s ease;
}
.other_top_white .other_nav:first-child{ margin-left: 0;}
.other_top_white .other_nav:hover{ color: #0a318e;}
.other_top_white .other_nav_choosed{ color: #0a318e; font-weight: bold;}
.other_top_white .other_nav_choosed::after{
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 8px;
	width: 30px;
	height: 3px;
	background: #0a318e;
	border-radius: 30px;
}
.about_content{ width: 1400px; margin: auto;}

/* ============ about_content1 公司简介 ============ */
.about_content1{ width: 1400px; margin: auto; padding: 60px 0 90px; box-sizing: border-box;}
.about_content1 .title{
	color: #0a318e;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.6;
	-webkit-text-stroke: 1px #0a318e; 
}
.about_content1 .title span{ color: #e8462c; font-size: inherit;-webkit-text-stroke: 1px #e8462c; }
.about_content1 .txt{ margin-top: 14px;}
.about_content1 .txt p{
	text-indent: 2em;
	color: #666;
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	margin-bottom: 10px;
}
.about_content1 .pics{ margin-top: 26px;}
.about_content1 .pics img{ display: block; width: 100%; height: auto; background: #dde3ec;}

/* ============ about_content2 发展历程 ============ */
.about_content2{ width: 1400px; margin: auto; padding: 60px 0 90px; box-sizing: border-box;}
.about_content2 .title{
	color: #0a318e;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.6;
	-webkit-text-stroke: 1px #0a318e;
}
.about_content2 .title span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}
.about_content2 .history{ display: flex; margin-top: 30px;}
/* 左侧年份列表 */
.about_content2 .years{
	width: 240px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.about_content2 .years .year{
	position: relative;
	height: 64px;
	display: flex;
	align-items: center;
	padding-left: 26px;
	box-sizing: border-box;
	color: #d5dae2;
	font-size: 40px;
	font-weight: 900;
	line-height: 1;
	cursor: pointer;
	transition: color 0.25s ease, font-size 0.25s ease;
}
.about_content2 .years .year:hover{ color: #9aa6bd;}
.about_content2 .years .year.choosed{
	color: #0a318e;
	font-size: 62px;
}
/* 选中项右侧的蓝色小三角，紧贴虚线左侧 */
.about_content2 .years .year.choosed::after{
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right-color: #0a318e;
}
/* 中间虚线 */
.about_content2 .history .line{
	width: 0;
	border-left: 2px dashed #c9cfda;
	margin: 6px 0;
}
/* 右侧展示区 */
.about_content2 .history .show{
	flex: 1;
	padding-left: 46px;
	box-sizing: border-box;
}
.about_content2 .history .show .pic{
	display: block;
	width: 100%;
	height: auto;
	background: #dde3ec;
}
.about_content2 .history .show .txt{
	margin-top: 24px;
	color: #666;
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	text-indent: 2em;
}

/* ============ about_content3 企业文化 ============ */
.about_content3{
	position: relative;
	height: 800px;
	overflow: hidden;
}
.about_content3 .bg{
	display: block;
	width: 100%;
	height: 800px;
	object-fit: cover;
}
.about_content3 .con{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	text-align: center;
	color: #fff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
.about_content3 .con .title{
	color: #fff;
	font-size: 40px;
	font-weight: 900;
	line-height: 1.6;
	letter-spacing: 4px;
	margin-bottom: 18px;
}
.about_content3 .con p{
	color: #fff;
	font-size: 16px;
	line-height: 2.4;
	opacity: 0.95;
}

/* ============ about_content4 荣誉资质 / about_content5 招贤纳士 ============ */
.about_content4{ width: 1400px; margin: auto; padding: 60px 0 30px; box-sizing: border-box;}
.about_content5{ width: 1400px; margin: auto; padding: 30px 0 90px; box-sizing: border-box;}
.about_content4 .title,
.about_content5 .title{
	color: #0a318e;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.6;
	-webkit-text-stroke: 1px #0a318e;
}
.about_content4 .title span,
.about_content5 .title span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}

/* 荣誉资质：整版单张大图 */
.about_content4 .honor_pic{
	display: block;
	width: 100%;
	margin-top: 30px;
	border-radius: 8px;
}

/* 招贤纳士 左文右图 */
.about_content5 .in{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}
.about_content5 .txt{ width: 680px;}
.about_content5 .txt p{
	color: #666;
	font-size: 16px;
	line-height: 2;
	text-align: justify;
	margin-bottom: 22px;
}
.about_content5 .txt .mail{ color: #e8462c;}
.about_content5 .pic{ width: 620px;}
.about_content5 .pic img{
	display: block;
	width: 100%;
	height: auto;
	background: #dde3ec;
}

/* ============ product 页产品区块 ============ */
.product_content1,
.product_content2,
.product_content3,
.product_content4{ width: 1400px; margin: auto; padding: 60px 0 30px; box-sizing: border-box;}
.product_content4{ padding-bottom: 90px;}
.product_content1 .title,
.product_content2 .title,
.product_content3 .title,
.product_content4 .title{
	color: #0a318e;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.6;
	margin-bottom: 24px;
	-webkit-text-stroke: 1px #0a318e;
}
.product_content1 .title span,
.product_content2 .title span,
.product_content3 .title span,
.product_content4 .title span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}

/* 产品大卡片：顶部深蓝条 + 左文右系列按钮 */
.product_content1 .card,
.product_content2 .card,
.product_content3 .card,
.product_content4 .card{
	position: relative;
	display: flex;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 18px rgba(10, 49, 142, 0.08);
	overflow: hidden;
}
.product_content1 .line,
.product_content2 .line,
.product_content3 .line,
.product_content4 .line{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 10px;
	background: #1a3fd4;
}
.product_content1 .info,
.product_content2 .info,
.product_content3 .info,
.product_content4 .info{
	width: 680px;
	flex-shrink: 0;
	padding: 50px 30px 40px 30px;
	box-sizing: border-box;
}
.product_content1 .ptag,
.product_content2 .ptag,
.product_content3 .ptag,
.product_content4 .ptag{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 16px;
	background: #eaf0fb;
	border-radius: 30px;
	color: #0a318e;
	font-size: 12px;
	letter-spacing: 1px;
}
.product_content1 .ptitle,
.product_content2 .ptitle,
.product_content3 .ptitle,
.product_content4 .ptitle{
	margin-top: 22px;
	color: #0a318e;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.4;
}
.product_content1 .pdesc,
.product_content2 .pdesc,
.product_content3 .pdesc,
.product_content4 .pdesc{
	margin-top: 14px;
	color: #666;
	font-size: 14px;
	line-height: 2;
	text-align: justify;
}
.product_content1 .papp,
.product_content2 .papp,
.product_content3 .papp,
.product_content4 .papp{
	margin-top: 10px;
	color: #999;
	font-size: 13px;
	line-height: 1.8;
}
.product_content1 .ppic,
.product_content2 .ppic,
.product_content3 .ppic,
.product_content4 .ppic{
	display: block;
	margin-top: 24px;
	width: 100%;
	height: auto;
	border-radius: 6px;
	background: #dde3ec;
}
.product_content1 .tags,
.product_content2 .tags,
.product_content3 .tags,
.product_content4 .tags{
	flex: 1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);   /* 固定三列，不用担心取整换行 */
	align-content: flex-start;
	gap: 22px 24px;
	padding: 120px 46px 40px 60px;
	box-sizing: border-box;
}
.product_content1 .tag,
.product_content2 .tag,
.product_content3 .tag,
.product_content4 .tag{
	width: auto;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f6f8;
	border: 1px solid #dcdfe5;
	color: #333;
	font-size: 15px;
	cursor: pointer;
	transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.product_content1 .tag:hover,
.product_content2 .tag:hover,
.product_content3 .tag:hover,
.product_content4 .tag:hover{
	color: #0a318e;
	border-color: #0a318e;
	background: #eef2fb;
	transform: translateY(-3px);
}

/* ============ contact 联系我们 ============ */
.contact_content{
	width: 1400px;
	margin: auto;
	padding: 60px 0 90px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.contact_content .left{ width: 430px; flex-shrink: 0;}
.contact_content .left .title{
	color: #0a318e;
	font-size: 34px;
	font-weight: 900;
	line-height: 1.6;
	-webkit-text-stroke: 1px #0a318e;
}
.contact_content .left .title span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}
.contact_content .left .bigtitle{
	margin-top: 22px;
	color: #0a318e;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.4;
	-webkit-text-stroke: 1px #0a318e;
}
.contact_content .left .desc{
	margin-top: 20px;
	color: #666;
	font-size: 17px;
	line-height: 2;
	text-align: justify;
}
.contact_content .left .list{ margin-top: 38px;}
.contact_content .left .item{
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}
.contact_content .left .item img{
	width: 46px;
	height: 46px;
	flex-shrink: 0;
	margin-right: 16px;
}
.contact_content .left .item .label{
	color: #999;
	font-size: 14px;
	line-height: 1.7;
}
.contact_content .left .item .val{
	margin-top: 4px;
	color: #333;
	font-size: 17px;
	line-height: 1.7;
}

/* 右侧留言表单卡片 */
.contact_content .formcard{
	width: 850px;
	flex-shrink: 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 34px rgba(10, 49, 142, 0.08);
	padding: 46px 50px 50px;
	box-sizing: border-box;
}
.contact_content .formcard .ftitle{
	color: #333;
	font-size: 27px;
	font-weight: bold;
	line-height: 1.6;
}
.contact_content .formcard .fhint{
	margin-top: 10px;
	color: #999;
	font-size: 15px;
	line-height: 1.8;
}
.contact_content .formcard .rows{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.contact_content .formcard .field{ width: 48.5%; margin-top: 20px;}
.contact_content .formcard .field.full{ width: 100%;}
.contact_content .formcard label{
	display: block;
	color: #333;
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 6px;
}
.contact_content .formcard label i{ color: #e8462c; font-style: normal;}
.contact_content .formcard input,
.contact_content .formcard textarea{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #dfe2e8;
	border-radius: 6px;
	color: #333;
	font-size: 16px;
	font-family: inherit;
	outline: none;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.contact_content .formcard input{ height: 52px; padding: 0 16px;}
.contact_content .formcard textarea{
	height: 160px;
	padding: 14px 16px;
	line-height: 1.8;
	resize: none;
}
.contact_content .formcard input::placeholder,
.contact_content .formcard textarea::placeholder{ color: #b8bcc4;}
.contact_content .formcard input:focus,
.contact_content .formcard textarea:focus{
	border-color: #0a318e;
	box-shadow: 0 0 0 3px rgba(10, 49, 142, 0.08);
}
.contact_content .formcard .bottom{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 22px;
}
.contact_content .formcard .code{ display: flex; align-items: center;}
.contact_content .formcard .code input{ width: 230px;}
.contact_content .formcard .captcha{
	width: 116px;
	height: 52px;
	margin-left: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e9eef4;
	border-radius: 4px;
	color: #1f5f8b;
	font-size: 19px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 4px;
	text-indent: 4px;
	white-space: nowrap;
	user-select: none;
	background-image: repeating-linear-gradient(115deg, rgba(31, 95, 139, 0.08) 0 2px, transparent 2px 9px);
}
.contact_content .formcard .submit{
	width: 260px;
	height: 54px;
	border: none;
	border-radius: 6px;
	background: #f5502d;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: inherit;
	cursor: pointer;
	transition: background 0.25s ease, transform 0.25s ease;
}
.contact_content .formcard .submit:hover{ background: #e0401d; transform: translateY(-2px);}

/* 留言表单提交提示 */
.contact_content .formcard .form_tip{
	margin-top: 18px;
	font-size: 15px;
	line-height: 1.8;
	display: none;
}
.contact_content .formcard .form_tip.ok{ display: block; color: #1a9c4d;}
.contact_content .formcard .form_tip.err{ display: block; color: #e8462c;}

/* 留言表单提交提示 */
.contact_content .formcard .form_tip{
	margin-top: 18px;
	font-size: 15px;
	line-height: 1.8;
	display: none;
}
.contact_content .formcard .form_tip.ok{ display: block; color: #1a9c4d;}
.contact_content .formcard .form_tip.err{ display: block; color: #e8462c;}

/* ============ news 新闻列表页 ============ */
.news_content1,
.news_content2,
.news_content3{ width: 1400px; margin: auto; padding: 60px 0 20px; box-sizing: border-box;}
.news_content3{ padding-bottom: 90px;}
.news_content1 .title,
.news_content2 .title,
.news_content3 .title{
	color: #0a318e;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.6;
	margin-bottom: 30px;
	-webkit-text-stroke: 1px #0a318e;
}
.news_content1 .title span,
.news_content2 .title span,
.news_content3 .title span{ color: #e8462c; font-size: inherit; -webkit-text-stroke: 1px #e8462c;}
.news_content1 .news_grid,
.news_content2 .news_grid,
.news_content3 .news_grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
.news_content1 .card,
.news_content2 .card,
.news_content3 .card{
	background: #fff;
	border: 1px solid #ececf1;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.news_content1 .card:hover,
.news_content2 .card:hover,
.news_content3 .card:hover{
	box-shadow: 0 14px 30px rgba(10, 49, 142, 0.12);
	transform: translateY(-4px);
}
.news_content1 .card img,
.news_content2 .card img,
.news_content3 .card img{
	display: block;
	width: 100%;
	height: 210px;
	object-fit: cover;
	background: #dde3ec;
}
.news_content1 .con,
.news_content2 .con,
.news_content3 .con{ padding: 18px 22px 24px;}
.news_content1 .date,
.news_content2 .date,
.news_content3 .date{
	color: #9aa0ab;
	font-size: 12px;
	line-height: 1.6;
}
.news_content1 .card_title,
.news_content2 .card_title,
.news_content3 .card_title{
	margin-top: 8px;
	color: #333;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.25s ease;
}
.news_content1 .card:hover .card_title,
.news_content2 .card:hover .card_title,
.news_content3 .card:hover .card_title{ color: #0a318e;}
.news_content1 .card_txt,
.news_content2 .card_txt,
.news_content3 .card_txt{
	margin-top: 8px;
	color: #999;
	font-size: 13px;
	line-height: 1.9;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news_content1 .more,
.news_content2 .more,
.news_content3 .more{
	margin-top: 14px;
	color: #0a318e;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
}
.news_content1 .more span,
.news_content2 .more span,
.news_content3 .more span{
	display: inline-block;
	margin-left: 4px;
	transition: transform 0.3s ease;
}
.news_content1 .card:hover .more span,
.news_content2 .card:hover .more span,
.news_content3 .card:hover .more span{ transform: translateX(6px);}

/* ============ 全站链接 ============ */
a.nav_in{ display: block; text-decoration: none; color: inherit;}
a.title_in4{ text-decoration: none; color: inherit;}
.footer dt a, .footer dd a{ color: inherit; text-decoration: none;}
.footer dt a:hover, .footer dd a:hover{ color: #0a318e;}
a.card{ display: block; text-decoration: none; color: inherit;}

/* ============ 新闻内页 ============ */
.news_detail{ width: 1400px; margin: auto; padding: 60px 0 90px; box-sizing: border-box;}
.news_detail .detail_card{
	background: #fff;
	border: 1px solid #ececf1;
	border-radius: 8px;
	padding: 50px 70px 60px;
}
.news_detail .detail_title{
	color: #333;
	font-size: 26px;
	font-weight: 900;
	line-height: 1.6;
	text-align: center;
}
.news_detail .detail_date{
	margin-top: 14px;
	padding-bottom: 26px;
	border-bottom: 1px solid #ececf1;
	color: #9aa0ab;
	font-size: 14px;
	text-align: center;
}
.news_detail .detail_card .pic{
	display: block;
	width: 100%;
	margin: 40px 0;
	border-radius: 6px;
}
.news_detail .detail_card p{
	color: #666;
	font-size: 16px;
	line-height: 2;
	text-indent: 2em;
	text-align: justify;
	margin-bottom: 10px;
}
/* 富文本正文里的标题/列表/图片样式 */
.news_detail .detail_card h2{
	color: #0a318e;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	margin: 22px 0 10px;
	text-indent: 0;
}
.news_detail .detail_card ul,
.news_detail .detail_card ol{
	margin: 10px 0 10px 2em;
	padding-left: 1em;
	color: #666;
	font-size: 16px;
	line-height: 2;
}
.news_detail .detail_card li{ margin-bottom: 4px;}
.news_detail .detail_card img{ max-width: 100%; height: auto; border-radius: 6px; margin: 10px 0;}
.news_detail .detail_card blockquote{
	margin: 14px 0;
	padding: 10px 18px;
	border-left: 3px solid #0a318e;
	background: #f2f5fc;
	color: #555;
	font-size: 15px;
	line-height: 1.9;
}
.news_detail .detail_ops{ margin-top: 40px; text-align: center;}
.news_detail .detail_ops .back{
	display: inline-block;
	padding: 0 40px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #0a318e;
	border-radius: 6px;
	color: #0a318e;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.25s ease;
}
.news_detail .detail_ops .back:hover{ background: #0a318e; color: #fff;}

/* 移动端三条杠菜单：PC 端隐藏，仅媒体查询中显示 */
.m_btn, .m_menu{ display: none;}

/* ============================================================
   移动端适配（<=768px）：仅媒体查询覆盖，不影响 PC 端表现
   文案以 PC 端为准，只调布局与字号
   ============================================================ */
@media (max-width: 768px){
	html, body{ overflow-x: hidden;}

	/* ---- 吸顶导航：下拉后才出现（同 PC 的 .show 逻辑），logo + 语言切换 + 三条杠菜单 ---- */
	.fixed_nav{ height: 50px;}
	.fixed_nav .fn_in{ width: 100%; height: 50px; padding: 0 12px; box-sizing: border-box;}
	.fixed_nav .logo{ width: 110px; height: auto;}
	.fixed_nav .f_lang{
		display: flex;
		align-items: center;
		position: absolute;
		right: 48px;
		top: 0;
		height: 50px;
		margin-left: 0;
	}
	.fixed_nav .f_lang .f_btn{ width: auto; height: 30px; padding: 0 10px; border-radius: 16px; font-size: 13px;}
	.fixed_nav .f_lang .f_btn .icon{ width: 16px; height: 16px; margin-right: 6px;}
	.fixed_nav .f_lang .f_btn .more{ display: none;}
	.fixed_nav .f_lang .f_list{ top: 50px; right: 0; width: 132px;}
	.fixed_nav .f_lang.open .f_list{ opacity: 1; visibility: visible; transform: translateY(0);}
	.fixed_nav .nav .nav_in{ display: none;}
	.fixed_nav .m_btn{
		display: block;
		position: absolute;
		right: 14px;
		top: 15px;
		width: 26px;
		height: 20px;
		cursor: pointer;
		z-index: 101;
	}
	.m_btn span{ display: block; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 7px; transition: all 0.25s ease;}
	.m_btn span:last-child{ margin-bottom: 0;}
	.m_btn.open span:nth-child(1){ transform: translateY(9px) rotate(45deg);}
	.m_btn.open span:nth-child(2){ opacity: 0;}
	.m_btn.open span:nth-child(3){ transform: translateY(-9px) rotate(-45deg);}
	.m_menu{
		display: none;
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		background: #0a318e;
		box-shadow: 0 12px 24px rgba(0, 0, 0, 0.25);
		z-index: 99;
	}
	.m_menu.open{ display: block;}
	.m_menu a{
		display: block;
		height: 46px;
		line-height: 46px;
		padding: 0 20px;
		color: #fff;
		font-size: 15px;
		text-decoration: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
	.m_menu a:last-child{ border-bottom: none;}
	.m_menu a.choosed{ font-weight: bold; background: rgba(255, 255, 255, 0.08);}

	/* ---- 首页 banner：高400，蓝面板顶部80%宽斜切到底部50%，右侧露背景图 ---- */
	.index_banner{ height: 400px;}
	.index_banner .bg{ height: 400px;}
	.index_banner .blue{ width: 100%;}
	.index_banner .blue_in1{
		position: relative;
		width: 100%;
		height: 400px;
		clip-path: polygon(0 0, 70% 0, 50% 100%, 50% 100%, 0 100%);
		padding: 0 18px;
		box-sizing: border-box;
	}
	.blue_in1 .nav{
		display: flex;
		align-items: center;
		height: 64px;
		position: relative;
	}
	.blue_in1 .nav .logo{ margin-top: 5px; width: 160px; height: auto; margin-left: 16px;}
	.blue_in1 .nav .m_btn{ display: block; position: static; flex-shrink: 0; width: 26px; height: 20px;}
	.index_title{ margin-bottom: 10px;}
	.content2 .tips_in2{display: none;}
	/* banner 内的下拉菜单：从三条杠下方展开 */
	.blue_in1 .nav .m_menu{
		position: absolute;
		top: 100%;
		left: -18px;
		width: 86%;
		text-align: left;
	}
	.blue_in1 .nav .nav_in{ display: none;}
	.blue_in1 .txt{ padding-top: 10px;}
	.blue_in1 .txt .txt_in1{ font-size: 24px; line-height: 32px; padding-top: 4px; -webkit-text-stroke: 1px #fff;}
	.blue_in1 .txt .txt_in2{ font-size: 40px; line-height: 50px; padding-bottom: 12px; -webkit-text-stroke: 2px #fff;}
	.blue_in1 .txt span{ width: 50%; font-size: 12px; line-height: 1.9; text-align: justify;}
	.lang{ display: none;}
	/* ---- 首页 banner 右上角语言切换 ---- */
	.index_banner > .f_lang{
		display: block;
		position: absolute;
		top: 17px;
		right: 14px;
		z-index: 30;
	}
	.index_banner > .f_lang .f_btn{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		padding: 0 12px;
		box-sizing: border-box;
		background: rgba(10, 49, 142, 0.75);
		border-radius: 16px;
		color: #fff;
		font-size: 13px;
		cursor: pointer;
	}
	.index_banner > .f_lang .f_btn .icon{ width: 16px; height: 16px; margin-right: 6px;}
	.index_banner > .f_lang .f_list{
		position: absolute;
		top: 40px;
		right: 0;
		width: 132px;
		padding: 6px;
		box-sizing: border-box;
		background: rgba(10, 49, 142, 0.92);
		border-radius: 14px;
		box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
		z-index: 30;
	}
	.index_banner > .f_lang .f_item{
		position: relative;
		height: 38px;
		line-height: 38px;
		padding-left: 34px;
		border-radius: 9px;
		color: #fff;
		font-size: 14px;
		cursor: pointer;
	}
	.index_banner > .f_lang .f_item.choosed{ background: rgba(255, 255, 255, 0.18);}
	.index_banner > .f_lang .f_item.choosed::before{
		content: "";
		position: absolute;
		left: 15px;
		top: 15px;
		width: 7px;
		height: 7px;
		border-radius: 50%;
		background: #fff;
	}
	.index_banner > .f_lang.open .f_list{ opacity: 1; visibility: visible; transform: translateY(0);}
	.index_banner .blue_in2{ display: none;}
	/* 右下白色斜切缺口：从底部中点向右上切到右缘 */
	.index_banner .white{
		        display: block;
		        position: absolute;
		        right: 0;
		        bottom: 0;
		        width: 50%;
		        height: 100%;
		        z-index: 6;
		        
		        display: flex;
		        align-items: end;
	}
	.index_banner .white_in1{
		position: static;
		
		height: 40px;
		background: #f8f8f8;
		clip-path: polygon(13px 0px, 750px 0px, 750px 40px, 0px 40px);

	}
	.index_banner .white .icon{ display: none;}
	.index_banner .white_in2{ display: none;}

	/* ---- content1 关于龙欣：上下堆叠 ---- */
	.content1{ width: auto; padding: 40px 15px 50px;}
	.content1_in{ flex-direction: column;}
	.content1 .left{ width: 100%; margin-right: 0;}
	.content1 .txt1{ font-size: 18px; line-height: 30px;}
	.content1 .txt2{ font-size: 30px; line-height: 36px;}
	.content1 .txt3{ font-size: 14px;}
	.content1 .txt3 p{ font-size: 14px;}
	.content1 .icons{ flex-wrap: wrap; gap: 10px; margin-top: 10px;}
	.content1 .icons .icon{ width: calc(33.33% - 7px); min-width: 0; padding: 16px 4px;}
	.content1 .icons .icon img{ width: 38px; height: 38px; margin-bottom: 10px;}
	.content1 .icons .icon span{ font-size: 14px;}
	.content1 .icons .icon{ font-size: 12px; line-height: 1.6;}
	.content1 .right{ width: 100%; margin-top: 26px;}

	/* ---- content2 数据：2 列卡片 ---- */
	.content2{ height: auto;}
	.content2 .info_num{ width: 100%; height: auto; padding: 44px 15px 50px; margin-bottom: 50px;}
	.content2 .info_num .txt1{ font-size: 16px;}
	.content2 .info_num .txt2{ font-size: 24px; line-height: 1.5;-webkit-text-stroke: 0px #fff;}
	.content2 .info_num .cards{ flex-wrap: wrap; gap: 12px; margin-top: 30px; padding: 0;}
	.content2 .info_num .card{ width: calc(50% - 6px); padding: 20px 8px 18px; font-size: 15px;}
	.content2 .info_num .card b{ font-size: 34px; -webkit-text-stroke: 2px #fff;}
	.content2 .tips1{ width: 100%; left: 0; margin-left: 0;}
	.content2 .tips1 .tips_in1{display: none;}

	/* ---- content3 产品中心：卡片单列 ---- */
	.content3{ width: auto; padding: 0 15px 30px;}
	.content3 .txt1{ font-size: 15px;}
	.content3 .txt2{ font-size: 30px; line-height: 40px;}
	.content3 .cards{ display: block; margin-top: 24px;}
	.content3 .cards .card{ width: 100%; margin-bottom: 22px;}

	/* ---- content4 应用场景：2x2 网格 ---- */
	.content4{ width: auto; padding: 0 15px 50px;}
	.content4 .title{ font-size: 30px; line-height: 40px;}
	.content4 .title1{ font-size: 15px;}
	.content4 .cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px;}
	.content4 .cards .card{ width: 100%; height: 250px;}
	.content4 .cards .card b{ left: 14px; right: 14px; bottom: 62px; font-size: 17px;padding-bottom: 10px;}
	.content4 .cards .card span{ left: 14px; right: 14px; bottom: 12px; font-size: 12px; line-height: 1.6;}

	/* ---- content5 荣誉轮播：缩小 ---- */
	.content5{ height: 440px; margin-top: 30px;margin-bottom: 50px;}
	.content5 .info_num{ width: 100%; height: 440px; padding-top: 36px; }
	.content5 .info_num .txt1{ font-size: 16px;}
	.content5 .info_num .txt2{ font-size: 28px; margin-top: 0;}
	.content5 .honers{ bottom: 50px;}
	.content5 .honers .honer{ margin-right: 24px; font-size: 13px;}
	.content5 .honers .honer img{ height: 170px;}
	.content5 .tips1{ width: 100%; left: 0; margin-left: 0;display: none;}
	.content5 .tips1 .tips_in1{ width: 60%; display: none;}

	/* ---- content6 新闻动态：单列 ---- */
	.content6{ width: auto; padding: 0 15px 50px;}
	.content6 .txt1{ font-size: 15px;}
	.content6 .txt2{ font-size: 30px; line-height: 40px;}
	.content6 .cards{ display: block; margin-top: 24px;}
	.content6 .cards .card{ width: 100%; margin-bottom: 18px;}

	/* ---- footer：居中 logo + 地址 + 电话 + 版权（照设计稿） ---- */
	.footer .footer_in{ width: auto; flex-direction: column; align-items: center; padding: 40px 10px 44px;}
	.footer .left{ display: contents;}
	.footer .left .logo{ order: 0; display: block; width: 200px; margin: 0 auto 26px;}
	.footer .left p{ order: 2; width: 100%; font-size: 14px; margin-top: 22px; text-align: center;}
	.footer .right{ order: 1; display: block; margin-top: 0; width: 100%;}
	.footer .right dl{ display: none; margin-left: 0;}
	/* 只显示联系信息里的地址和电话，居中排列 */
	.footer .right dl:last-of-type{ display: block; margin: 0; text-align: center;}
	.footer .right dl:last-of-type dt,
	.footer .right dl:last-of-type dd:nth-of-type(1),
	.footer .right dl:last-of-type dd:nth-of-type(3){ display: none;}
	.footer .right dl:last-of-type dd:nth-of-type(2){
		display: block;
		width: 100%;
		max-width: none;
		margin: 0 0 10px;
		color: #0a318e;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		white-space: nowrap;
	}
	.footer .right dl:last-of-type dd.tel{
		display: block;
		width: 100%;
		max-width: none;
		margin: 0;
		color: #0a318e;
		font-size: 30px;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
	}

	/* ---- 内页头部：banner 变矮，子导航横向滚动 ---- */
	.other_top{ height: 360px;}
	.other_top img{ height: 360px;}
	.other_top_white{ width: 100%; left: 0; margin-left: 0;}
	.other_top_white_in2{ display: none;}
	.other_top_white_in1{ position: static; width: 100%; overflow-x: auto; padding: 0 15px; clip-path: none; -webkit-overflow-scrolling: touch;}
	.other_top_white .other_nav{ margin-left: 26px; font-size: 15px; white-space: nowrap;}
	.other_top_white .other_nav:first-child{ margin-left: 0;}

	/* ---- 内页通用容器与标题 ---- */
	.about_content{ width: 100%; box-sizing: border-box;}
	.about_content1, .about_content2, .about_content4, .about_content5,
	.product_content1, .product_content2, .product_content3, .product_content4,
	.news_content1, .news_content2, .news_content3, .news_detail{
		width: auto;
		padding: 40px 15px 30px;
		box-sizing: border-box;
	}
	.news_content3, .about_content5{ padding-bottom: 60px;}
	.news_detail{ padding-bottom: 60px;}
	.about_content1 .title, .about_content2 .title, .about_content4 .title, .about_content5 .title,
	.product_content1 .title, .product_content2 .title, .product_content3 .title, .product_content4 .title,
	.news_content1 .title, .news_content2 .title, .news_content3 .title{
		font-size: 24px;
	}

	/* ---- about 公司简介/荣誉 ---- */
	.about_content1 .pics img{ width:100%; margin: 0 auto; display: block;}
	.about_content4 .honor_pic{ margin-top: 20px;}

	/* ---- about 招贤纳士：左文右图改上下堆叠 ---- */
	.about_content5 .in{ flex-direction: column;}
	.about_content5 .txt{ width: 100%;}
	.about_content5 .txt p{ font-size: 15px;}
	.about_content5 .pic{ width: 100%; margin-top: 24px;}

	/* ---- about 发展历程：上下形式（年份横排在上，图文在下） ---- */
	.about_content2 .history{ flex-direction: column; margin-top: 20px;}
	.about_content2 .years{ width: 100%; flex-direction: row; overflow-x: auto; gap: 10px; padding-bottom: 12px; -webkit-overflow-scrolling: touch;}
	.about_content2 .years .year{ height: 46px; padding: 0 16px; font-size: 20px; flex-shrink: 0;}
	.about_content2 .years .year.choosed{ font-size: 26px;}
	.about_content2 .years .year.choosed::after{
		left: 50%; right: auto; top: auto; bottom: -12px;
		margin: 0 0 0 -6px;
		border: 6px solid transparent;
		border-top-color: #0a318e;
	}
	.about_content2 .history .line{ display: none;}
	.about_content2 .history .show{ padding-left: 0; margin-top: 20px;}
	.about_content2 .history .show .txt{ font-size: 14px;}

	/* ---- about 企业文化 ---- */
	.about_content3{ height: 420px;}
	.about_content3 .bg{ height: 420px;}
	.about_content3 .con{ bottom: 28px; padding: 0 15px;}
	.about_content3 .con .title{ font-size: 26px;}
	.about_content3 .con p{ font-size: 13px; line-height: 1.5;}

	/* ---- product 产品卡：上下堆叠 ---- */
	.product_content1 .card, .product_content2 .card,
	.product_content3 .card, .product_content4 .card{ flex-direction: column;}
	.product_content1 .info, .product_content2 .info,
	.product_content3 .info, .product_content4 .info{ width: 100%; padding: 34px 20px 24px;}
	.product_content1 .ptitle, .product_content2 .ptitle,
	.product_content3 .ptitle, .product_content4 .ptitle{ font-size: 24px;}
	.product_content1 .tags, .product_content2 .tags,
	.product_content3 .tags, .product_content4 .tags{
		width: 100%;
		padding: 6px 20px 26px;
		box-sizing: border-box;
		grid-template-columns: repeat(2, 1fr);
	}

	/* ---- news 新闻网格：单列 ---- */
	.news_content1 .news_grid, .news_content2 .news_grid, .news_content3 .news_grid{
		grid-template-columns: 1fr;
		gap: 20px;
	}

	/* ---- news 新闻内页 ---- */
	.news_detail .detail_card{ padding: 26px 16px 30px;}
	.news_detail .detail_title{ font-size: 19px; text-align: left;}
	.news_detail .detail_date{ text-align: left;}
	.news_detail .detail_card p{ font-size: 15px;}

	/* ---- contact 联系我们：上下堆叠 ---- */
	.contact_content{ width: 100%; box-sizing: border-box; flex-direction: column; padding: 40px 15px 60px;}
	.contact_content .left{ width: 100%;}
	.contact_content .left .title{ font-size: 26px;}
	.contact_content .left .bigtitle{ font-size: 28px; line-height: 1.5;}
	.contact_content .left .desc{ font-size: 15px;}
	.contact_content .left .list{ margin-top: 26px;}
	.contact_content .left .item{ margin-bottom: 20px;}
	.contact_content .left .item img{ width: 40px; height: 40px;}
	.contact_content .left .item .val{ font-size: 15px;}
	.contact_content .formcard{ width: 100%; margin-top: 30px; padding: 26px 18px 30px;}
	.contact_content .formcard .ftitle{ font-size: 20px;}
	.contact_content .formcard .fhint{ font-size: 14px;}
	.contact_content .formcard .field{ width: 100%; margin-top: 16px;}
	.contact_content .formcard label{ font-size: 14px;}
	.contact_content .formcard input{ height: 46px; font-size: 15px;}
	.contact_content .formcard textarea{ height: 130px; font-size: 15px;}
	.contact_content .formcard .bottom{ flex-direction: column; align-items: stretch; gap: 16px;}
	.contact_content .formcard .code{ width: 100%;}
	.contact_content .formcard .code input{ width: auto; flex: 1;}
	.contact_content .formcard .captcha{ width: 100px; margin-left: 12px; flex-shrink: 0;}
	.contact_content .formcard .submit{ width: 100%;}
	.content3 .cards .card .card_txt { font-size: 14px;}

}



/* ============ i18n 新增文本 span：继承父级样式，避免被 * 全局 color/font-size 覆盖 ============ */
.content1 .right .txt span[data-i18n],
.content2 .info_num .card span[data-i18n],
.content5 .honers .honer span[data-i18n]{
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}
/* 新闻卡“阅读全文”：只有箭头做位移，文字 span 不动 */
.content6 .cards .card .more span[data-i18n]{
	margin-left: 0;
	transition: none;
}
.content6 .cards .card:hover .more span[data-i18n]{
	transform: none;
}

/* ============ 英文/日文 banner 文字字号缩小 ============ */
html[lang="en"] .blue_in1 .txt .txt_in1{ font-size: 48px; line-height: 80px; padding-top: 70px; }
html[lang="en"] .blue_in1 .txt .txt_in2{ font-size: 72px; line-height: 78px; padding-bottom: 40px; }
html[lang="ja"] .blue_in1 .txt .txt_in1{ font-size: 44px; line-height: 76px; padding-top: 70px; }
html[lang="ja"] .blue_in1 .txt .txt_in2{ font-size: 56px; line-height: 64px; padding-bottom: 40px; }
@media (max-width: 768px){
	html[lang="en"] .blue_in1 .txt .txt_in1{ margin-top: 0; font-size: 18px; line-height: 28px; padding-top: 0; }
	html[lang="en"] .blue_in1 .txt .txt_in2{ font-size: 30px; line-height: 38px; }
	html[lang="ja"] .blue_in1 .txt .txt_in1{ font-size: 18px; line-height: 26px; padding-top: 0; }
	html[lang="ja"] .blue_in1 .txt .txt_in2{ font-size: 24px; line-height: 32px; }
}

/* ============ 日文导航字号缩小 ============ */
html[lang="ja"] .fixed_nav .nav .nav_in,
html[lang="ja"] .blue_in1 .nav .nav_in{ font-size: 15px; }