@charset "utf-8";
/* CSS Document */
/* ========== 全局重置与变量 ========== */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 100px;
}
body {
	font-family: 'Noto Sans SC', 'Source Han Sans CN', "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
	font-display: swap;
	font-weight: 400; /* 300细 / 400常规 / 500中等 / 700粗体 */
	color: #333333;
	line-height: 1.60;
	font-size: 16px;
	background: #fff;
	
}
a {
	text-decoration: none;
blr:expression(this.onFocus=this.blur());
	outline: none;
	color: #000000;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a:focus, input, select {
	outline: none;
}
ul {
	list-style: none;
}
img {
	border: none;
	display: inline-block;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	_width: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.25;
}
/*transition*/
*:before, *:after, input, sup, .browserupgrade, .swiper-pagination-bullet, .swiper_arrow div {
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
a, input[type="text"] {
	-webkit-transition: color .4s ease, background .4s ease, border .4s ease, opacity .4s ease, transform .4s ease, box-shadow .4s ease;
	transition: color .4s ease, background .4s ease, border .4s ease, opacity .4s ease, transform .4s ease, box-shadow .4s ease;
}
/*icon_box*/
.icon-box {
	position: relative;
	display: block;
	height: 0;
	padding-top: 100%;
}
.icon-box img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
/*swiper*/
.swiper-button div[class*="swiper-button-"] {
	width: auto;
	height: auto;
	padding: 10px;
	margin: 0;
	transform: translateY(-50%);
	opacity: 1;
	color: #B1B1B1;
}
/* ===== @keyframes（ forwards保持终态） ===== */
 @keyframes wheel-scroll {
	 0% {
		 opacity: 1;
		 top: 10px;
	}
	 50% {
		 opacity: 0.8;
		 top: 14px;
	}
	 100% {
		 opacity: 0;
		 top: 18px;
	}
} 
 @keyframes popIn {
	 0% {
		 opacity:0;
		 transform:scale(.6)
	}
	 65% {
		 opacity:1;
		 transform:scale(1.06)
	}
	 100% {
		 opacity:1;
		 transform:scale(1)
	}
}  
 @keyframes arrowL {
	 0%, 100% {
	 	transform:translateX(0)
	}
	 50% {
	 	transform:translateX(-10px)
	}
}
 @keyframes arrowR {
	 0%, 100% {
		transform:translateX(0)
	}
	 50% {
	 	transform:translateX(10px)
	}
}
 @keyframes spin {
	 from {
	 transform: rotate(0)
	}
	 to {
	 transform: rotate(360deg)
	}
} 
 @keyframes binaryDrift1 {
	 0%, 100% {
		transform: translateY(0) scale(1); 
	}
	 50% {
		 transform: translateY(50px) scale(1.02); 
	}
}
 @keyframes centerFloat {
	 0%, 100% {
	 	transform: translateY(0) rotate(0deg);
	}
	 25% {
	 	transform: translateY(-12px) rotate(0.5deg);
	}
	 50% {
	 	transform: translateY(-6px) rotate(0deg);
	}
	 75% {
	 	transform: translateY(-14px) rotate(-0.5deg);
	}
}
@keyframes baseFadeIn {
	 from {
		 opacity: 0;
		 transform: translateY(30px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 @keyframes centerFadeIn {
	 from {
		 opacity: 0;
		 transform: scale(0.8);
	}
	 to {
		 opacity: 1;
		 transform: scale(1);
	}
}
  @keyframes breathe {
	0%, 100% {
		transform:scale(1);
	}
	50% {
		transform:scale(1.03);
	}
} 
 @keyframes floatTop {
	0%, 100% {
		transform:translateY(0)
	}
	50% {
		transform:translateY(10px)
	}
}
/* ========== 顶部导航 ========== */
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: rgba(255, 255, 255, 0.90);
	border-top: 6px solid rgba(6, 96, 207, 0.90);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.header.scrolled {
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
}
.container { 
	width: 1440px;
	margin: 0 auto; 
}
.header-inner {
	display: flex;
	height: 94px;
	line-height: 94px; 
	width: 94%!important; 
	max-width: 1680px;
}
.banner-content>.container, .banner-pagination>.container, .notice-section>.container {
	width: 94%!important;
	max-width: 1590px;
}
.logo {
	display: flex;
	align-items: center;
}
.logo img {
	height: 55px;
	width: auto;
}
.nav { 
    margin-left: auto; 
}
.nav-list {
	display: flex; 
	gap: 0.70rem;
}
.nav-list li{
	position:relative;
}
.nav-list li>a {
	display: block;
	height: 100%;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	position: relative;
}
.nav-list li:hover>a,
.nav-list li.active>a {
	color: #0D70B8;
}
.nav-list li>a::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 50%;
	transform: translateX(-50%) scale(0);
	z-index: 3;
	opacity: 0;
	width: 8px;
	height: 8px;
	background: #F4A307;
	border-radius: 50%;
}
.nav-list li:hover>a::after,
.nav-list li.active>a::after {
	transform: translateX(-50%) scale(1);
	opacity: 1;
}
.nav-list li .nav-subclass{  }  
.nav-list li .nav-subclass a{ display: block; }
.nav-list li .nav-subclass a:hover{ color: #0D70B8;} 
@media (min-width: 801px) {
	.nav-list li .nav-subclass{ display:block!important; position:absolute; top:100%; left:50%; transform: translateX(-50%); z-index: 2; width:3000px; background:#ffffff; text-align: center; line-height: 60px; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition:all.6s ease; transition:all .6s ease;}  
	.nav-list li:hover .nav-subclass{ opacity: 1; visibility: visible; pointer-events: all;}
	.nav-list li .nav-subclass a{ display:inline-block; margin: 0 .25rem; }
}

.header-right {
	display: flex;
	align-items: center;
	gap: 0.50rem; 
	margin-left: 0.70rem;
}
.phone-btn {
	display: flex;
	align-items: center;
	font-weight: bold;
	color: #0D70B8;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
}
.phone-btn .iconfont {
	font-size: 26px;
}
.lang-switch {
	display: flex;
	align-items: center;
	color: #0D70B8;
	font-family: Arial;
	font-size: 22px;
}
.lang-switch:hover {
}  
/*.mobile-menu-btn*/ 
.mobile-menu-btn{ position: relative; z-index: 10; display:none;}
.mobile-menu-btn span{ display:inline-block; vertical-align: middle; width: 24px; height: 22px; position:relative;}
.mobile-menu-btn i{ display: block; width: 100%; height: 2px; background: #333333; position: absolute; top:0; right:0; 
	 -webkit-transition:all 0.6s ease; transition:all 0.6s ease;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
.mobile-menu-btn i:nth-of-type(2){ top: 8px;}
.mobile-menu-btn i:nth-of-type(3){ top: 16px;}    
 
#menu_close{ position: absolute; top:0; left:0; z-index: 2; display:none;} 
.mobile-menu-btn.active i:nth-of-type(2){ background-color: transparent!important;}
.mobile-menu-btn.active i:nth-of-type(1), 
.mobile-menu-btn.active i:nth-of-type(3){ top: 8px;} 
.mobile-menu-btn.active i:nth-of-type(3) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); 
}
.mobile-menu-btn.active i:nth-of-type(1) {
	-webkit-transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,-webkit-transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s;
	transition: top .5s ease,transform .3s ease-out .4s,-webkit-transform .3s ease-out .4s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
} 

/* ★核心：未进入视口(.stage 无 .play)时，冻结容器内所有动画于初始帧（元素隐藏） */
.section:not(.play) * {
	animation-play-state: paused !important;
}
.section {
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 1.20rem;
	padding-bottom: 1.20rem;
	position: relative;
	overflow: hidden; 
}
/* ========== Banner轮播 ========== */
.banner-section {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}
.banner-swiper {
	width: 100%;
	height: 100vh;
	position: relative;
}
.banner-swiper .swiper-slide {
	position: relative;
	overflow: hidden;
}
.banner-bg {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #0a2a4a 0%, #0d3b66 30%, #1a5fb4 70%, #2d7dd2 100%);
	background-size: cover;
	background-position: center;
	position: relative;
}
.banner-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(0, 74, 174, 1) 10%, rgba(0, 74, 174, 0) 100%);
	opacity: .75;
}
.banner-bg img{
	display:block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-content {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-56%);
	width: 100%;
	color: #fff;
	z-index: 2;
} 
.banner-title {
	font-weight: 500;
	font-size: 78px;
	line-height: 1.10;
	position: relative;
	display: inline-block;
}
.deco {
	position: absolute;
	top: 0;
	left: 100%;
	margin-top: -0.14rem;
	margin-left: 0.20rem;
	width: 0.17rem;
	height: 0.17rem;
	background: #00AF12;
	border-radius: 50%;
}
.deco:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 100%;
	width: 0.14rem;
	height: 0.14rem;
	background: #F4A307;
	border-radius: 50%;
}
.deco:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0%;
	margin-top: 0.08rem;
	margin-left: -0.10rem;
	width: 0.24rem;
	height: 0.24rem;
	background: #0D70B8;
	border-radius: 50%;
}
.banner-subtitle {
	font-weight: 500;
	font-size: 50px;
	line-height: 1.30;
	margin-top: 0.30rem;
}
.banner-btn {
	display: inline-flex;
	align-items: center;
	color: #ffffff;
	margin-top: 0.50rem;
}
.banner-swiper .swiper-slide-active .banner-title {
	-webkit-animation: 1s 0.2s fadeInUp both;
	animation: 1s 0.2s fadeInUp both;
}
.banner-swiper .swiper-slide-active .banner-subtitle {
	-webkit-animation: 1s 0.4s fadeInUp both;
	animation: 1s 0.4s fadeInUp both;
}
.banner-swiper .swiper-slide-active .banner-btn {
	-webkit-animation: 1s 0.4s fadeInUp both;
	animation: 1s 0.4s fadeInUp both;
}
/* 圆环容器 */
.ring-wrapper {
	position: relative;
	width: 0.45rem;
	height: 0.45rem;
	margin-right: 0.14rem;
}
.ring {
	width: 100%;
	height: 100%;
	border: 2px solid rgba(244, 245, 246, 0.50);
	border-radius: 50%;
	box-sizing: border-box;
}
.orbit {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: spin 4s linear infinite; /* 匀速，4秒一圈 */
}
.dot {
	position: absolute;
	top: -2px; 
	left: 50%;
	transform: translateX(-50%);
	width: 5px;
	height: 5px;
	background: #F4A307;
	border-radius: 50%;
	box-shadow: 0 0 8px rgba(255, 140, 0, 0.6); 
} 
/* ========== 自定义数字分页器 ========== */
.banner-pagination {
	position: absolute;
	bottom: 120px;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: left;
}
.banner-pagination .page-num {
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	font-family: Arail;
	line-height: 1;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	min-width: 40px;
	text-align: center;
	flex-shrink: 0;
	display: inline-block;
	vertical-align: baseline;
}
.banner-pagination .page-num.inactive {
	font-size: 24px;
	font-weight: 400;
}
.banner-pagination .page-divider {
	width: 0.24rem;
	height: 2px;
	background: rgba(255, 255, 255, 0.50);
	margin: 0 0.08rem;
	flex-shrink: 0;
	display: inline-block;
	vertical-align: super;
}
/* 侧边滚动指示器 */ 
.scroll-indicator {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	transition: transform 0.3s ease, opacity 0.3s ease;
	position: absolute;
	bottom: 110px;
	right: 2.60%;
	z-index: 20;
}
.scroll-indicator:hover {
	transform: translateY(5px);
	opacity: 0.85;
}
.scroll-text {
	writing-mode: sideways-rl;  /* 竖排文字 */
	text-orientation: upright;
	color: #fff;
	font-size: 14px;
	letter-spacing: 4px;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	margin-bottom: 20px;
}
.mouse-icon {
	position: relative;
	width: 20px;
	height: 28px;
	border-radius: 10px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	transition: border-color 0.3s ease;
}
.scroll-indicator:hover .mouse-icon {
	border-color: #fff;
}
.wheel-dot {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 7px;
	background: #fff;
	animation: wheel-scroll 1.8s ease-in-out infinite;
} 
.scroll-indicator:hover .wheel-dot {
	animation-duration: 0.9s;
}
.scroll-line {
	width: 1px;
	height: 8px;
	background: linear-gradient(to bottom, rgba(255,255,255,1), transparent);
	animation: fadeIn 1s ease-in-out infinite;
} 
/* ========== 公告栏 ========== */
.notice-section {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	z-index: 20;
	margin-top: -95px;
}
.notice-bar {
	display: flex;
	align-items: center;
	padding: 10px 0.30rem;
	overflow: hidden; 
	line-height: 50px;
	height: 70px;
	background: rgba(255,255,255, 0.90);
	box-shadow: 0px 20px 29px 0px rgba(82,92,117,0.11);
	border-radius: 12px;
}
.notice-label {
	display: flex;
	align-items: center;
}
.notice-label>.iconfont {
	font-size: 26px;
	color: #0660CF;
	margin-right: 0.15rem;
}
.notice-icon {
	margin-right: 0.15rem;
}
.notice-swiper-wrap {
	flex: 1;
	height: 100%;
	overflow: hidden;
}
.notice-swiper {
	height: 100%;
}
.notice-swiper .swiper-slide {
	 /*width:50%;*/
	display:flex;
	gap: 0.40rem;
} 
.notice-item { 
	width: 50%;
	display: flex;
	align-items: center; 
	overflow: hidden;
} 
.notice-item a {
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.notice-item a:hover {
	color: #0D70B8;
}
.notice-date {
	white-space: nowrap;
}
/* ========== 通用区块标题 ========== */
.section-header {
	text-align: center;
	margin-bottom: 0.70rem;
	position: relative;
	z-index: 2;
}
.section-title {
	display: inline-block;
	position: relative;
	z-index: 2;
	line-height: 1.20;
}
.section-title .deco {
	transform: scale(0.58);
	margin-left: 10px;
}
.section-desc {
	width:86%;
	max-width: 1240px;
	margin: 0 auto;
	margin-top: 0.20rem;
}
.section-more {
	margin-top: 0.80rem;
	text-align: center;
	position: relative;
	z-index: 1;
}
.more-btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	min-width: 1.60rem;
	height: 40px;
	line-height: 40px;
	padding: 0 0.48rem;
	background: rgba(6, 96, 207, 0.80);
	color: #ffffff;
	border-radius: 20px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.more-btn:hover {
	box-shadow: 0 8px 25px rgba(26, 95, 180, 0.35);
}
/* ========== 公司介绍 ========== */
.about-section {
	padding-top: 1.50rem;
	padding-bottom: 1.90rem;
}
.about-logo {
	display: flex;
	justify-content: center;
}
.about-logo img {
	max-height: 0.82rem;
	width: auto;
}
.about-section .section-title {
	color: #0660CF;
	margin-top: 0.50rem;
}
.features {
	display: flex; 
	justify-content: center;
	gap: 1.56rem;
	margin-top: 0.60rem;
	position: relative;
	z-index: 1;
}
.feature-item {
	text-align: center;
	transition: transform 0.3s ease;
	-webkit-animation: 1s 0.4s fadeInUp both;
	animation: 1s 0.4s fadeInUp both;
}
.feature-item:nth-child(2){
	animation-delay: 0.60s;
}
.feature-item:nth-child(3){
	animation-delay: 0.80s;
}
.feature-item:hover {
	transform: translateY(-5px);
}
.feature-icon {
	width: 140px;
	height:140px;
	background: #FFFFFF;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	position: relative;
	margin: 0 auto;
}
.feature-icon img {
	position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 50%;
}
.feature-item:hover .feature-icon {
	box-shadow: 0 15px 45px rgba(26, 95, 180, 0.18);
}
.feature-text {
	margin-top: 0.15rem; white-space: nowrap;
}
/* ========== 服务与解决方案 ========== */
.service-section {
	height: 100vh;
	color: #fff;
}
.service-section a {
	color: #fff;
}
.services-grid {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}
.service-card {
	width: 25%;
	position: relative;
	padding: 0.50rem;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	display: flex;
	align-items: flex-end;  
	-webkit-animation: 1s 0.4s fadeIn  both;
	animation: 1s 0.4s fadeIn both;
}
.service-card:nth-child(2){
	animation-delay: 0.60s;
}
.service-card:nth-child(3){
	animation-delay: 0.80s;
}
.service-align {
	width: 100%;
	position: relative;
	z-index: 2;
}
.service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(6, 96, 207, 0) 10%, rgba(6, 96, 207, 1) 100%);
	opacity: 0;
	-webkit-transition: opacity .4s ease;
	transition: opacity .4s ease;
}
.service-card:hover::before, .service-card.active::before {
	opacity: 1;
}
/*.service-card.active { 
	justify-content: center;
	transform: scaleY(1.08);
	transform-origin: center;
	z-index: 3;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}*/ 
.service-card::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: linear-gradient(180deg, rgba(255,255,255, 0) 20%, rgba(255,255,255, 0.70) 100%);
	opacity: 0.90;
}
.service-card:last-child::after {
	display: none;
}
.service-icon {
	/*display: flex;
	justify-content: center; */
	width: 80px;
	height: 80px;
	margin: 0 auto;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.service-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover; 
}
.service-name { 
	margin-top: 0.20rem;
	margin-bottom: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.service-desc {
	font-size: 14px;
	line-height: 1.71;
	max-width: 230px;
	margin: 0 auto; 
	overflow: hidden;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	color: rgba(255, 255, 255, 0.8);
}
.service-plus {
	width: 0;
	height: 0;
	border: 1px solid rgba(243, 243, 243, 0.50);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	opacity: 0;
	transform: rotate(-360deg);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	overflow: hidden;
	margin: 0 auto;
}
@media (min-width: 801px) {
	.service-desc {  opacity: 0; max-height: 0; }
	.service-card:hover .service-icon {
		/*height: 120px;*/
		transform: scale(1.50) translateY(-0.20rem);
	}
	.service-card:hover .service-name {
		/*font-size: 40px;*/
		margin-bottom: 18px;
		transform: scale(1.176);
	}
	.service-card:hover .service-desc {
		opacity: 1;
		max-height: 96px;
		margin-bottom: 0.50rem;
	}
	.service-card:hover .service-plus {
		width: 46px;
		height: 46px;
		font-size: 30px;
		transform: rotate(0deg);
		opacity: 0.50;
		margin-bottom: 0.30rem;
	}
	.service-card:hover .service-plus:hover {
		background: #ffffff;
		color: #0660CF;
		opacity: 1;
	}
}


/* ========== 资源覆盖 ========== */
.resource-section {
}
.resource-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.90rem;
	position: relative;
	z-index: 1;
}
.resource-left {
	flex: 0 0 45%;
	min-width: 0;
	max-width: 510px;
	position: relative;
	z-index: 2;
}
.resource-left .section-header {
	text-align: left;
}
.resource-left .section-desc {
	width:100%; 
	letter-spacing: -0.026em;
	text-align: justify;
}
.region {
	background: rgba(6, 96, 207, 0.05);
	border-radius: 5px;
}
.region-tabs {
	display: flex;
	gap: 0;
	height: 43px;
	line-height: 43px;
	background: #0660CF;
	color: #fff;
	border-radius: 5px;
	text-align: center;
}
.region-tabs li {
	flex: 1;
	cursor: pointer;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.region-tabs li:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 0px solid #F4A307;
	opacity: 0;
}
.region-tabs li:first-child {
	border-radius: 5px 0 0 0;
}
.region-tabs li:last-child {
	border-radius: 0 5px 0 0;
}
.region-tabs li.active {
	background: #F4A307;
}
.region-tabs li.active:before {
	border-top-width: 7px;
	opacity: 1;
}
.region-tabs li:hover:not(.active) {
	background: #0D70B8;
}
.region-cities {
	padding: 25px 20px;
	line-height: 28px;
}
.region-scroll {
	height: 140px;
	overflow-y: auto;
}
.region-scroll::-webkit-scrollbar {
 width: 4px;
}
.region-scroll::-webkit-scrollbar-track {
 background: transparent;
}
.region-scroll::-webkit-scrollbar-thumb {
 background: #e8eef5;
 border-radius: 2px;
}
.region-scroll strong {
	font-weight: 400;
}
.resource-right {
	flex: 1;
	min-width: 0;
}
.china-map-container {
	width: 100%;
	height: 7rem;
	position: relative;
}
#chinaMap {
	width: 150%;
	height: 150%;
	position: absolute!important;
	top: -25%;
	left: -21%;
}
/* ========== 合作伙伴 ========== */
.partner-section {
}
.partner-swiper-wrap {
	position: relative;
	margin: 0.90rem 0;
}
.partner-swiper-wrap .swiper-pagination {
	display:none;
}
.partner-swiper .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 267px;
	padding: 15px;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(101,104,111,0.10);
	border-radius: 5px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.partner-logo {
	width: 100%;
	padding-top: 37.354%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.partner-swiper .swiper-slide:hover .partner-logo {
	transform: rotateY(30deg);
}
.partner-swiper-wrap .swiper-button .swiper-button-prev {
	left: auto;
	right: 100%;
	margin-right: 0.30rem;
}
.partner-swiper-wrap .swiper-button .swiper-button-next {
	right: auto;
	left: 100%;
	margin-left: 0.30rem;
}
/* ========== 页脚 ========== */
.footer {
	background: #0a2661 url(../images/footer-bg.jpg) center top no-repeat;
	background-size: cover;
	color: #ffffff;
	padding: 0.80rem 0 0;
	position: relative;
}
.footer a {
	color: #ffffff;
}
.footer a:hover {
	color: rgba(255,255,255, 0.70);
}
.footer-inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	padding-bottom: 0.70rem;
	gap: 1rem;
}
.footer-left {
}
.footer-logo {
	margin-bottom: 0.30rem;
}
.footer-logo img {
	max-height: 0.48rem; width: auto;
}
.footer-nav {
	display: flex;
	margin: 0 -0.16rem;
}
.footer-nav a {
	display: inline-block;
	padding: 0 0.15rem;
}
.footer-right {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.30rem;
}
.footer-contact-range {
	flex: 1;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
}
.footer-contact {
	font-weight: 500;
}
.footer-contact li {
	display: flex;
	align-items: flex-start;
	margin-top: 0.10rem;
}
.footer-contact li:first-child {
	margin-top: 0;
}
.footer-contact li strong {
	font-weight: 500;
}
.footer-qrcode {
	width: 1.58rem;
}
.footer-bottom {
	border-top: 1px solid #ffffff;
	padding: 0.30rem 0;
	text-align: center;
}
.back-top {
	position: absolute;
	right: 0.40rem;
	top: -28px;
	z-index: 100;
	cursor: pointer;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: #FFFFFF;
	color: #0660CF;
	box-shadow: 0px 2px 5px 0px rgba(10,38,97,0.18);
	border-radius: 50%;
	font-weight: 600;
	/*opacity: 0;
	pointer-events: none;*/
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.back-top>.iconfont {
	font-size: 30px;
}
.back-top:hover {
	background: #0660CF;
	color: #FFFFFF;
}
.back-top.show {
	opacity: 1;
	pointer-events: all;
}
/*============================ 02服务与解决方案 ============================*/  
/*===========service-catalog=======*/ 
.service-catalog {
	border-bottom: 1px solid #C4C4C4;
	background: #ffffff;
	position: sticky;
	top: 100px;
	z-index: 100;
}
.catalog-list {
	display: flex;
	justify-content: center;
	white-space: nowrap;
	gap: 0.15rem;
}
.catalog-list li a {
	display: block;
	position: relative;
	padding: 0.24rem 0.50rem;
}
.catalog-list li:hover a, .catalog-list li.active a {
	color: #0D70B8;
}
.catalog-list li a:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #0D70B8;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}
.catalog-list li.active a:before {
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
/*===========recruitment-field=======*/  
.service-header .section-title {
	color: #0D70B8;
}
.service-header .section-desc {
	color: #666666;
}
.field-box {
	display: flex;
	height: 445px;
	overflow: hidden;
	background: rgba(13, 112, 184, 0.05);
}
.field-tabs {
	width: 48.61%;
}
.field-tab {
	display: flex; /*overflow: hidden;*/
	cursor: pointer;
	border-bottom: 1px solid #ffffff;
	position: relative;
	padding: 25px 0.40rem 25px 0.60rem;
	height: 148px;
	-webkit-transition: height .4s ease;
	transition: height .4s ease;
}
.field-tab:last-child{ border:none;}
.field-tit {
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
	color: #0D70B8;
	column-gap: 0.20rem;
	-webkit-transition: opacity .4s ease;
	transition:opacity .4s ease;
}
.field-icon {
	width: 56px;
}
.field-tit:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #13B218;
}
.field-cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	color: #ffffff;
	padding: 25px 0.40rem 25px 0.60rem;
	background: linear-gradient(-80deg, #0D70B8, #2E96E1);
	border-radius: 0px 0px 0px 10px;
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.field-cover:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 18px solid #0D70B8;
	;
}
.field-tit02 {
}
.field-sort {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	line-height: 18px;
	row-gap: 10px;
	margin: 0.30rem 0 0 0;
}
.field-sort li {
	text-align: center;
	color: #ffffff;
	border-right: 1px solid #d0e8ff;       /* 右侧竖线分隔 */
	cursor: pointer;
}
.field-sort li:nth-child(6n) {
	border-right: none;
}
.field-more {
	margin-top: 0.25rem;
	background: #ffffff;
	color: #0D70B8;
}
.field-icon02 {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%) scale(0);
	width: 156px;
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
@media (min-width: 801px) {
	.field-tab.active {
		height: 233px;
	}
	.field-tab.heightC {
		height: 106px;
	} 
	.field-tab.active .field-tit {
		opacity: 0;
	}
	.field-tab.active .field-cover {
		opacity: 1;
	}
	.field-tab.active .field-icon02 {
		opacity: 1;
		transform: translateY(-50%) scale(1);
	}
}

/*field-con*/
.field-con {
	flex: 1 0 0;
	overflow: hidden;
	position: relative;
	border-radius: 0 10px 10px 0px;
}
.field-bg {
	width: 100%;
	height: 100%; 
	position: relative;
}
.field-bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top:0;
	left:0;
	border-radius: 10px 0px 0px 10px;
}
.field-group {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	z-index: 2;
	padding: 50px 2px 50px 0;
	height: 100%;
	color: #ffffff;
	background: rgba(12, 113, 183, 0.80);
	font-size: 12px;
	line-height: 20px;
	letter-spacing: -0.06em;
	display:none;
}
.field-scroll {
	max-height: 100%;
	overflow-y: auto;
	padding: 0 0.50rem;
}
.field-scroll::-webkit-scrollbar {
 width: 4px;
}
.field-scroll::-webkit-scrollbar-track {
 background: transparent;
}
.field-scroll::-webkit-scrollbar-thumb {
 background: rgba(255,255,255, 0.50);
 border-radius: 2px;
}
/*===========recruitment-method=======*/ 
.recruitment-method {
	padding-top: 1rem;
	padding-bottom: 0.60rem;
	background: rgba(196, 196, 196, 0.10);
}
.recruitment-method .section-header {
	margin-bottom: -2%;
}
.method-box {
	width: 100.694%;
	margin-left: -0.347%;
	position: relative;
}
/* 动效容器所在屏：垂直居中 */ 
.method-diagram{}
.stage {
	position: relative;
	/*width: min(96vw, 1450px);
	aspect-ratio: 1450/665;*/
}
.stage-placeholder{ opacity: 0; pointer-events: none;}
.stage-placeholder img{ display:block;}
.stage-cover{ }
.layer {
	position: absolute;
	inset: 0;
	height: auto;
	/*pointer-events: none;*/
	user-select: none;
}
.layer img {
	display: block;
	object-fit: contain;
}
  
.l-bg {
	width: 100%;
	height: 100%;
	opacity: 0;
	transform-origin: 50% 50%;
	animation: fadeIn 1s 0.2s ease forwards, breathe 9s 1s ease-in-out infinite;
	pointer-events: none;
}
.center-glow {
	position: absolute;
	left: 50.3%;
	top: 52.4%;
	width: 19%;
	aspect-ratio: 1; 
	border-radius: 50%;
	opacity: 0;
	background: radial-gradient(circle at 50% 45%, rgba(120,180,255,.35) 0%, rgba(150,200,255,.18) 45%, rgba(200,225,255,0) 72%);
	animation: fadeIn 1s 0.2s ease forwards, breathe 5s 1.2s ease-in-out infinite;
}
.center-ring {
	position: absolute;
	left: 50.3%;
	top: 54.4%;
	width: 24%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 2px dashed rgba(60,150,240,.22);
	opacity: 0;
	animation: fadeIn 1s 0.60s ease forwards, spin 20s  0.60s linear infinite;
	display: none;
} 
.method-left, 
.method-right{ z-index: 5; width:38.96%;}
.method-right{ left: 61.80%; }
.l-left,
.l-right{
	width: 53.10%;
	top: 30.6%;
    right: 1.20%;
	opacity: 0;
	height: auto;
	max-width: 300px; 
}
.l-left { 
	transform-origin: 29.8% 52.6%;
	animation: popIn 1s 0.40s cubic-bezier(.34, 1.56, .64, 1) forwards, floatTop 5.5s 1.20s ease-in-out infinite;
	/*width: 20.69%;
	top: 30.60%;
	left: 17.8%;*/ 
    left: auto; 
}
.l-right { 
	transform-origin: 70.5% 52.3%;
	animation: popIn 1s .60s cubic-bezier(.34, 1.56, .64, 1) forwards, floatTop 6s 1.40s ease-in-out infinite;
	/*width: 20.69%;
	top: 30.60%;
	left: 60.25%;*/ 
	right:auto;
	left:1.20%;
}
.method-center{
	 width: 25.83%;
	max-width: 360px;
    left: 37.95%;
    top: 25.90%;
} 
.l-center, .l-center-text { 
	height: auto;
	width:100%; 
	top:0;
	left:0;
	/*top: 25.90%;
	left: 37.95%;
	width: 24.828%;*/
}
.l-center {
	opacity: 0;
	animation: fadeIn 1s 0.60s ease forwards, spin 20s 0.60s linear infinite;
	transform: rotate(0);
}
.l-center-text {
	    opacity: 0;
    transform: scale(.6);
	z-index: 8;
	animation: popIn 1s 0.30s cubic-bezier(.34, 1.56, .64, 1) forwards;
}
.l-arrow-l, .l-arrow-r{
	z-index: 6;
	opacity: 0;
	width: 9.38%;
	height: auto;
	max-width: 136px; 
} 
.l-arrow-l {  
	top: 43.85%;
	left: 36.20%;
}
.l-arrow-r {  
	top: 43.85%;
	left: 56.10%;
}
.card {
	position: absolute;
	width: 17.66%;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(60,120,200,.10), 0 1px 3px rgba(0,0,0,.04);
	opacity: 0;
} 
.l-list-l,.l-list-r { opacity: 0; height: auto; max-width: 262px; width: 52% ;/* 46.37%*/ top: 29%;}
.method-list{ max-width: 252px;}
.method-list li{
	display:flex;
	align-items: center;
	justify-content: center; 
	text-align: center;
	background: #FFFFFF;
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.04);
	border-radius: 25px;
	line-height: 20px;
	margin-bottom: 0.15rem;
	min-height: 0.50rem;
	padding: 0.10rem 0.25rem;
}
.l-list-l {
	/*width: 18.07%;*/    
	animation: fadeInLeft .8s 1.2s ease forwards;
	left:auto;
	right:54%;
}
.l-list-r {
	/*width: 18.07%;*/  
	left: 54%; 
	animation: fadeInRight .8s 1.2s ease forwards;
	display:flex; justify-content: flex-end;
}
.method-instruction {
	position: absolute;
	top: 50%;
	right:54%; 
	z-index: 10;
	transform: translateX(-30px) translateY(-50%);
	width:52%;
	max-width: 290px;
	padding: 40px 0;
	height: 365px;
	background: #FFFFFF;
	border-radius: 10px;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: justify;
	opacity: 0;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.method-instruction:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 500px;
	height: 100%;
	background: #ffffff;
} 
.method-instruction-right{
	right:auto;
	left: 54%; 
	transform: translateX(30px) translateY(-50%);
}
.method-instruction-right .method-scroll{ 
	padding-left: 30px;
	margin-right: -30px;
}
.method-instruction-right:before {
	right:auto;
	left:100%;
}
.method-instruction.show {
	transform: translateX(0) translateY(-50%);
	opacity: 1;
}
.method-scroll {
	position: relative;
	z-index: 2;
	padding-right: 30px;
	max-height: 264px;
	overflow-y: auto;
}
.method-scroll::-webkit-scrollbar {
 width: 4px;
}
.method-scroll::-webkit-scrollbar-track {
 background: transparent;
}
.method-scroll::-webkit-scrollbar-thumb {
 background: #e8eef5;
 border-radius: 2px;
}
@media (min-width: 801px) {
	.l-arrow-l, .l-arrow-r{
		animation: fadeIn 1s 0.60s ease forwards, arrowL 2.4s 1.2s ease-in-out infinite; 
	}
}
/*===========recruitment-region=======*/ 
.recruitment-region {
	padding-top: 0.80rem;
	padding-bottom: 1rem;
}
/*===========recruitment-partner=======*/ 
.recruitment-partner .partner-swiper-wrap {
	margin: 0;
}
.recruitment-partner .partner-swiper .swiper-slide {
	width: 220px;
}
/*===========recruitment-apply=======*/ 
.recruitment-apply {
	padding-top: 0.80rem;
	padding-bottom: 1rem;
}
.recruitment-apply .section-header {
	margin-bottom: 0.40rem;
}
.apply-way {
	display: flex;
	justify-content: center;
	gap: 20px;
}
.apply-way li {
	flex: 1;
	max-width: 2.06rem;
}
/*=========== service-uniform ======*/ 
.service-uniform {
}
.service-uniform:nth-child(odd) {
	background-color: rgba(196, 196, 196, 0.10);
}
.service-research {
	padding-top: 0.60rem;
}
.service-uniform .section-header {
	text-align: left;
	margin-bottom: 0.50rem;
}
.service-uniform .section-header .section-title {
	font-weight: bold;
}
.service-uniform .section-header .section-desc {
	color: #0D70B8;
	line-height: 1.20;
}
.uniform-box {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row-reverse;
	gap: 5%;
}
.uniform-left {
	flex: 47.50% 0 0;
}
.uniform-desc {
	line-height: 2;
	text-align: justify;
}
.uniform-right {
	overflow: hidden;
	flex: 1 0 0;
	display: flex;
	justify-content: flex-end;
}  
.uniform-dif {
	flex-direction: row;
}
.uniform-dif .uniform-right {
	justify-content: flex-start;
} 
.uniform-research {
	max-width: 700px;
}
.binary-layer {
	z-index: 1;
	opacity: 0;
	animation: fadeIn 1s 0.4s ease forwards, binaryDrift1 8s 0.2s ease-in-out infinite;
}

.base-layer {
	z-index: 2;
	opacity: 0;
	transform: translateY(30px);
	animation: floatTop 6s ease-in-out infinite, baseFadeIn 1s 0.6s ease forwards;
} 
.center-layer {
	z-index: 5;
	opacity: 0;
	transform: scale(0.8);
	animation: centerFloat 5s ease-in-out infinite, centerFadeIn 1s 0.4s ease forwards;
}
.tag {
	position: absolute;
	z-index: 10;
	opacity: 0;
	cursor: pointer;
	/*width: 25%; 
	max-width: 174px;*/
	height: 7.713%;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	animation: fadeIn 1s ease forwards, floatTop 4s ease-in-out infinite;
	animation-delay: 0.60s;
}
.tag img {
	display: block;
	max-height: 100%;
	width: auto;
	object-fit: contain;
} 
.tag.show {
	opacity: 1;
	transform: scale(1);
}
.tag:hover {
	/*transform: scale(1.05) !important;*/
	filter: brightness(1.15);
}
.tag-ocr {
	animation-delay: 1s;
	top: 21%;
	left: 21.65%;
}
.tag-info {
	animation-delay: 1.20s;
	top: 26%;
	left: 59.65%;
}
.tag-data {
	animation-delay: 1.40s;
	top: 49.60%;
	left: 2.65%;
}
.tag-ai {
	animation-delay: 1s;
	top: 43.7%;
	right: 0;
}
/*===========service-subject=======*/ 
.service-subject { }
.subject-more {
	display: inline-block;
	padding: 0 20px;
	line-height: 44px;
	background: #006EC7;
	color: #ffffff;
	border-radius: 10px;
	margin-top: 0.40rem;
}
.subject-more:hover {
	filter: brightness(1.15);
}
.layer-glow {
	opacity: 0;
	transform: translateY(50px);
	animation: fadeInUp 1s 0.20s ease forwards, breathe 6s 1s ease-in-out infinite;
}
.layer-base {
	opacity: 0;
	transform: translateY(50px);
	animation: fadeInUp 1s 0.40s ease forwards, floatTop 5s 1.20s ease-in-out infinite;
}
.layer-core {
	opacity: 0;
	transform: translateY(50px);
	animation: fadeInUp 1s 0.60s ease forwards, floatTop 4s 1.40s ease-in-out infinite;
}
.uniform-subject .tag {
	height: 9.098%;
}
.tag-bcpay {
	left: 9.60%;
	top: 0%;
	animation-delay: 1s;
}
.tag-adherence {
	right: 10.60%;
	top: 2.30%;
	animation-delay: 1.40s;
}
.tag-econsent {
	left: 0;
	top: 18.80%;
	animation-delay: 1.20s;
}
.tag-visit {
	right: 0;
	top: 26.95%;
	animation-delay: 1s;
}
.tag-ediary {
	left: 1.65%;
	top: 41.40%;
	animation-delay: 1.20s;
}
.tag-homecare {
	right: 1.65%;
	top: 53.70%;
	animation-delay: 1.40s;
} 

/*===========service-os=======*/ 
.service-os { } 
.os-base {
	opacity: 0;
	animation: fadeIn 1s 0.20s ease forwards, floatTop 5s 1s ease-in-out infinite;
}
.service-os .tag {
	height: auto;
}
.os-mark01 {
	left: 10.909%;
	top: 0%;
	width: 15.455%;
	animation-delay: 1s;
}
.os-mark02 {
	left: 0.000%;
	top: 31.181%;
	width: 32.121%;
	animation-delay: 1.20s;
}
.os-mark03 {
	left: 72.273%;
	top: 14.576%;
	width: 21.515%;
	animation-delay: 1.20s;
}
.os-mark04 {
	left: 65.303%;
	top: 42.066%;
	width: 34.545%;
	animation-delay: 1s;
}
/*===========service-os=======*/ 
.service-screen { }
.screen-base {
	z-index: 1;
	opacity: 0;
	animation: fadeIn 1s 0.60s ease forwards, spin 20s 0.6s linear infinite;
	transform: rotate(0);
}
.screen-tags {
	z-index: 2;
	opacity: 0;
	animation: fadeIn 1s 0.80s ease forwards;
}
.screen-core {
	z-index: 3;
	opacity: 0;
	animation: fadeIn 1s 0.40s ease forwards, floatTop 5s ease-in-out infinite;
}

/*============================ 03 关于我们 ============================*/  
/*===========focus-section=======*/ 
.focus-section {
	margin-top: 100px;
	height: 5.94rem;
	position: relative;
}
.focus-bg {
	width: 100%;
	height: 100%;
	background: 50% 0 no-repeat;
	background-size: cover;
}
.focus-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(8, 79, 176, 1) 0%, rgba(8, 79, 176, 0) 100%);
	opacity: 0.40;
}
.focus-con {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index: 2;
	width: 100%;
	color: #ffffff;
}
.focus-tit {
	line-height: 1.20;
}
.focus-tit em {
	display: inline-block;
	font-style: normal;
	font-weight: 500;
	position: relative;
}
.focus-tit i {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 0.10rem;
}
/*===========company-section=======*/ 
.company-section {
}
.company-desc {
	line-height: 2;
	margin-top: 0.40rem;
}
.company-model {
	margin-top: 1rem;
}
.model-base{ opacity:0; animation:fadeIn 1s 0.20s ease forwards, floatTop 5.5s 1s ease-in-out infinite; }
.model-cx{ width: 12.778%; max-width:184px; inset:auto; top:0; left: 11.50%; opacity: 0; transform: scale(0.60); animation: popIn 1s 0.40s cubic-bezier(.34, 1.56, .64, 1) forwards, floatTop 5.5s 1.20s ease-in-out infinite;}
.model-cx img,
.model-sz img,
.model-list img{ display: block; width:100%; height: 100%; object-fit: cover;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}
.model-cx:hover img, .model-sz:hover img, .model-list:hover img{
	filter: brightness(1.05);
	transform:rotateY(20deg);
}
.model-sz{ width: 10.834%; max-width:156px; inset:auto; top:36%; left: 14.50%; opacity: 0; transform: scale(0.60); animation: popIn 1s 0.40s cubic-bezier(.34, 1.56, .64, 1) forwards, floatTop 5.5s 1.20s ease-in-out infinite;}
.model-list{ inset:auto; top: 1%; left: 67.60%; width: 20.278%; opacity:0; animation:fadeIn 1s 0.60s ease forwards, floatTop 3.8s ease-in-out infinite;;}
.model-arrow01{left: 57.625%; top: 24.967%; width:8.889%; opacity: 0; animation: fadeIn .7s ease-out forwards, arrowL 2.2s ease-in-out infinite;
animation-delay:1.0s, 1.6s;}
.model-arrow02{ left: 23.208%; top: 24.115%; width: 11.945%; opacity: 0; animation: fadeIn .7s ease-out forwards, arrowR 2.2s ease-in-out infinite;
animation-delay:1.0s, 1.6s;}
.node{ position:absolute; z-index: 10; pointer-events: none; opacity: 0; transform: scale(.6); animation: popIn .7s cubic-bezier(.34, 1.56, .64, 1) forwards, floatTop 3.8s ease-in-out infinite;}
.node img{ display: block; object-fit: contain;}
.nfa{ left:46.389%; top:54.590%; width:7.708%; animation-delay:1.40s, 2.10s;}
.nfb{ left:22.569%;top:60.328%;width:9.306%; animation-delay:1.52s, 2.22s;}
.nfc{ left:61.458%;top:74.754%;width:6.667%; animation-delay:1.64s, 2.34s;}
.nfd{ left:88.958%;top:31.639%;width:6.667%; animation-delay:1.76s, 2.46s;}
.nfe{ left:57.431%;top:35.902%;width:4.306%; animation-delay:1.88s, 2.58s; }
.nff{ left:62.708%;top:6.230%;width:4.306%; animation-delay:2.00s, 2.70s; }
.nfg{ left:5.069%;top:36.393%;width:4.306%; animation-delay:2.12s, 2.82s; }
.nfh{ left:32.500%;top:14.918%;width:2.847%; animation-delay:2.24s, 2.94s; }
.nfd img, .nfe img, .nfg img{ opacity: 0.60;}
.nff img{ opacity: 0.20;}
.nfh img{ opacity: 0.40;}

/*============================ 04 新闻动态 ============================*/  
/*===========news-section=======*/ 
.news-section {
	background: url(../images/news-bg.jpg) right top no-repeat;
}
.news-recommend {
}
.news-recommend .swiper-slide a {
	display: flex;
	align-items: stretch;
	height: 4.50rem;
	min-height: max-content;
}
.news-recommend .swiper-slide a:hover {
	color: #006EC7;
}
.recommend-img {
	width : 50%;
}
.recommend-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.recommend-con {
	flex: 1;
	overflow: hidden;
	background: #f8f8f8 url(../images/news-bg02.jpg) right center no-repeat;
	background-size: cover;
	padding: 0.70rem 0.80rem;
	min-height: max-content;
}
.recommend-time {
	font-weight: bold;
}
.recommend-tit {
	margin-top: 20px;
	line-height: 1.35;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.recommend-tit a:hover {
	color: #006EC7;
}
.recommend-desc {
	margin-top: 10px;
	color: #666666;
	line-height: 1.75;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.recommend-more {
	margin-top: 0.40rem;
}
#recommendSwiper .swiper-pagination {
	width: 50%;
}
/*news-list*/
.news-list {
	margin-top: 0.30rem;
}
.news-list li {
	position: relative; 
} 
.news-list li:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #999999;
}
.news-list li a {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	padding: 0.60rem 0.40rem;
	/*border-top: 1px solid #999999;*/
	color: #999999;
	min-height: max-content;
}
.news-img {
	width: 4.10rem;
	height: 2.54rem; 
	position: relative;
	min-height: max-content;
	margin-left: 0.70rem;
	background: #C81428;
	border-radius: 8px;
	overflow: hidden;
}
.news-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top:0; 
	left:0;
}
.news-con {
	flex: 1;
	overflow: hidden;
	display: flex;
}
.news-time {
	margin-right: 0.50rem;
	line-height: 1;
	font-weight: bold;
}
.news-time em {
	display: block;
	font-style: normal;
	color: #333333; 
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
}
.news-time i {
	display: block;
	font-style: normal;
	letter-spacing: 0.05em; 
	margin-top: 0.10rem;
}
.news-text {
	flex: 1;
	overflow: hidden;
}
.news-tit {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333333;
	-webkit-transition: color .4s ease;
	transition: color .4s ease;
}
.news-desc {
	color: #999999;
	line-height: 1.625;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: 0.40rem;
}
.news-more {
	display: block;
	margin-top: 0.25rem;
}
.news-list li:hover:before {
	border-color: #F8F8F8;
	background: #F8F8F8;
}
.news-list li:hover a {
	color: #0D70B8;
}
.news-list li a:hover .news-time em, .news-list li a:hover .news-tit {
	color: #0D70B8;
}
/*paging*/
.paging {
	display: flex;
	justify-content: center;
	margin-top: 0.60rem;
}
.paging a {
	min-width: 36px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	background: #F9F9F9;
	border: 1px solid #BFBFBF;
	opacity: 0.8;
	margin: 0.06rem;
}
.paging a:hover, .paging a.active {
	background: #328AD1;
	border-color: #328AD1;
	color: #ffffff;
}
.paging a.paging-btn {
	padding: 0 0.14rem;
}
/*=========== detail-section =======*/ 
.detail-section {
	padding-top: 0.70rem;
	background: url(../images/news-bg.jpg) right top no-repeat;
}
.detail-head {
	text-align: center;
	padding-bottom: 0.30rem;
	border-bottom: 1px solid rgba(170, 170, 170, 0.40);
	margin-bottom: 0.70rem;
}
.detail-tit {
}
.detail-func {
	color: #888888;
	margin-top: 0.30rem;
	display: flex;
	justify-content: center;
	column-gap: 0.40rem;
}
.detail-con {
	line-height: 1.625;
}
.detail-bot {
	margin-top: 0.70rem;
	padding-top: 0.60rem;
	border-top: 1px solid rgba(170, 170, 170, 0.40);
	display: flex;
	gap: 0.50rem;
}
.detail-guide {
	font-size: 14px;
}
.detail-guide li {
	margin-top: 0.15rem;
}
.detail-guide li a {
	display: flex;
}
.guide-point {
}
.guide-desc {
	flex: 1;
	overflow: hidden;
}
.detail-back {
	margin-left: auto;
	display:inline-block;
	text-align: center;
	min-width: 120px;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	background: #006EC7;
	color: #ffffff;
	border-radius: 20px;
}
.detail-back:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(26, 95, 180, 0.35);
}