@charset "utf-8";

* {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.2;
	transition-property: color, border-color, background-color;
	transition-duration: .3s;
	transition-timing-function: linear;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility
}

@font-face {
	font-family: englishfont;
	src: url(../fonts/FZLTHJW.TTF)format('truetype');
	unicode-range: U+20-7E, U+2000-206F, U+2E00-2E7F
}

@font-face {
	font-family: chinesefont;
	src: local('PingFang SC'), local('Microsoft YaHei');
	unicode-range: U+3000-303F, U+31C0-31EF, U+3200-33FF, U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+20000-2EBEF
}

body {
	/* font-family: englishfont, chinesefont, sans-serif */
}

input[type=button],
input[type=submit],
input[type=reset] {
	-webkit-appearance: none
}

input[type=submit],
input[type=button] {
	box-sizing: content-box
}

input,
button,
select,
textarea {
	font-family: inherit;
	width: 100%;
	height: 100%;
	border: none;
	background: 0 0
}

p {
	line-height: inherit;
	font-size: inherit
}

a {
	color: #2759A7;
	text-decoration: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	font-weight: 400
}

img {
	border: 0
}

textarea,
select,
option,
input {
	outline: none
}

textarea {
	resize: none
}

h1,
h2,
h3 {
	font-weight: 400
}

html {
	scroll-behavior: smooth;
	overscroll-behavior: none
}

body {
	font-size: 16px;
	/* color: #192b50; */
	background-color: #fff
}

.clearBoth,
.clearboth {
	clear: both
}

.bordernone {
	border: none !important
}

.centerBox {
	margin: 0 auto;
	width: 75%;
	max-width: 1440px
}

.centerBox:after {
	content: "";
	display: block;
	clear: both
}

.hidden {
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%
}

::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

::-webkit-scrollbar-track {
	background: 0 0;
	border-radius: 6px
}

::-webkit-scrollbar-thumb {
	background: #cfcfcf80;
	border-radius: 2px
}

::-webkit-scrollbar-thumb:hover {
	background: #2054cf
}

.dirSelector {
	background-color: #fff
}

.dirSelector .dir {}

.dirSelector .catalog {
	font-size: 14px;
	border-left: 1px solid #eee;
	line-height: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.dirSelector .catalog+.catalog {
	margin-top: 5px
}

.dirSelector .catalog.catalog-active {
	color: #2054cf;
	border-left: 1px solid #2054cf
}

.dirSelector .catalog.catalog-active a {
	color: #2054cf
}

.dirSelector .catalog:hover {
	background-color: #eee
}

.page {
	text-align: center;
	padding: 10px 0 20px;
	margin-top: 20px
}

.header {
	padding: 20px 4%;
	position: fixed;
	z-index: 9;
	left: 0%;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.header .logo {
	height: 30px
}

.header .logo img {
	display: block;
	height: 100%
}

.header .menu {
	margin-right: auto;
	margin-left: 2vw
}

.header .menu li {
	float: left
}

.header .menu li+li {
	margin-left: 2vw
}

.header .menu li .first {
	display: block;
	font-size: clamp(16px, 1.04vw, 20px);
	line-height: 40px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	color: #fff
}

.header .menu li .first:after {
	content: '';
	display: block;
	width: 0%;
	height: 2px;
	border-radius: 2px;
	background: #ffffff80;
	position: absolute;
	left: 23%;
	bottom: 0;
	transition: all .3s
}

.header .menu li:hover .first:after,
.header .menu li .first.on:after {
	width: 40%;
	transition: all .3s
}

.header .menu li .first img {
	display: inline-block;
	height: 6px;
	margin: -4px 0 0 5px;
	vertical-align: middle;
	transition: all .3s
}

.header .menu li:hover .first img {
	transform: rotate(-180deg);
	transition: all .3s
}
.header .menu li:hover .second{
	display:block;
}
.header .menu li .second {
	z-index: 3;
	display: none;
	position: absolute;
	left: 50%;
	top: 100%;
	background: #ffffff;
	width:200px;
	transform: translateX(-50%);
	box-shadow: 0px 3px 9px 1px rgba(190,211,238,0.38);
	padding:10px;
	border-radius:10px;
}
.header .menu li .second .to {
	font-size: clamp(14px, .88vw, 17px);
	border-radius: 4px;
	padding:10px;
	background: linear-gradient(90deg, #F1F8FD 0%, rgba(236, 247, 255, .45) 70%, rgba(238, 244, 253, 0) 100%);
	display: block;
	width: 100%;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header .menu li .second .to+.to{margin-top:10px;}
.header .menu li .second .to:hover{
	background: linear-gradient(90deg, #c2d4ff 0%, rgba(236, 247, 255, .45) 70%, rgba(238, 244, 253, 0) 100%)
}

.header .menu li .second .to span {
	display: block;
	width: 0.8vw;
	height: 0.8vw;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	margin-top:-0.4vw;
	right: 0;
	border: 2px solid #fff
}

.header .menu li .second .to:hover span {
	border: 2px solid #2054cf;
}
.header .menu li .second .to a{display: block;}

.header .other {
	display: flex;
	gap: 2vw
}

.header .other .link {
	display: block;
	font-size: clamp(16px, 1vw, 20px);
	line-height: 40px;
	font-weight: 400;
	color: #fff
}

.search {
	cursor: pointer;
	align-self: center;
	display: flex;
	align-items: center
}

.search .img {
	display: block;
	height: 16px
}

.search .center {
	display: flex;
	border-radius: 4px;
	width: 0;
	transition: all .3s
}

.search .center.on {
	width: 240px;
	border: 1px solid #fff;
	transition: all .3s;
	margin-right: 1vw
}

.search .center .txt {
	width: 0;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	color: #fff
}

.search .center.on .txt {
	width: calc(100% - 36px)
}

.search .center .sub {
	width: 0;
	height: 38px;
	background: url(../img/search.png)no-repeat 50%/16px;
	cursor: pointer
}

.search .center.on .sub {
	width: 38px
}

.language {
	cursor: pointer;
	position: relative;
	align-self: center;
	line-height: 40px
}

.language span {
	display: inline-block;
	color: #fff;
	font-size: clamp(16px, 1.04vw, 20px);
	line-height: inherit
}

.language img {
	display: inline-block;
	height: 6px;
	vertical-align: middle;
	margin-top: -4px;
	transition: all .3s
}

.language:hover img {
	transform: rotate(-180deg);
	transition: all .3s
}

.language .choose {
	z-index: 1;
	padding: 4px;
	border-radius: 8px;
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border: 1px solid #ececee;
	background: #ffffff20;
	display: none
}

.language .choose .li {
	display: block;
	line-height: 30px;
	border-radius: 4px;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 80px
}

.language .choose .li:hover {
	background: rgba(41, 86, 255, .5)
}

.language:hover .choose {
	display: block
}

.phone_number {
	font-size: 16px;
	color: #fff;
	line-height: 38px;
	font-weight: 300;
	padding: 0 15px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #fff
}

.phone_number:hover {
	background: #2054cfcc
}

.phone_number img {
	display: inline-block;
	vertical-align: middle;
	margin: -4px 5px 0 0;
	height: 16px
}

.header.active .phone_number img,
.header.up .phone_number img,
.header:hover .phone_number img {
	filter: brightness(30%)contrast(110%)saturate(150%)hue-rotate(200deg)sepia(20%)
}

.header .phone_number:hover img {
	filter: none
}

.header.vanish {
	display: none;
	background: #fff
}

.header:hover,
.header.active {
	background: #fff
}

.header:hover .menu li .first,
.header:hover .other .link,
.header:hover .language span,
.header.active .menu li .first,
.header.active .other .link,
.header.active .language span {
	color: #192b50
}

.header:hover .menu li:hover .first,
.header:hover .menu li .first.on,
.header.active .menu li:hover .first,
.header.active .menu li .first.on {
	color: #2759A7
}

.header:hover .phone_number,
.header.active .phone_number {
	border: 1px solid #026;
	color: #026
}

.header:hover .phone_number:hover,
.header.active .phone_number:hover {
	color: #fff;
	background: #2054cf
}

.header:hover .search .center.on,
.header.active .search .center.on {
	border: 1px solid #026
}

.header:hover .search .center .sub,
.header.active .search .center .sub {
	background: url(../img/search1.png)no-repeat 50%/16px
}

.header:hover .search .center .txt,
.header.active .search .center .txt {
	color: #192b50
}

.header:hover .language .choose,
.header.active .language .choose {
	background: #fff
}

.header:hover .language .choose .li,
.header.active .language .choose .li {
	color: #026
}

.header:hover .logo img,
.header:hover .language img,
.header:hover .search .img,
.header:hover .menu li .first img,
.header.active .logo img,
.header.active .language img,
.header.active .search .img,
.header.active .menu li .first img {
	filter: brightness(30%)contrast(110%)saturate(150%)hue-rotate(200deg)sepia(20%)
}

.upBlank {
	height: 100px
}

.header.up {
	background: #fff;
	position: static
}

.header.up .menu li .first,
.header.up .other .link,
.header.up .language span {
	color: #192b50
}

.header.up .menu li:hover .first,
.header.up .menu li .first.on {
	color: #2759A7
}

.header.up .phone_number {
	border: 1px solid #026;
	color: #026
}

.header.up .phone_number:hover {
	color: #fff;
	background: #2054cf
}

.header.up .search .center.on {
	border: 1px solid #026
}

.header.up .search .center .sub {
	background: url(../img/search1.png)no-repeat 50%/16px
}

.header.up .search .center .txt {
	color: #192b50
}

.header.up .language .choose {
	background: #fff
}

.header.up .language .choose .li {
	color: #026
}

.header.up .logo img,
.header.up .language img,
.header.up .search .img,
.header.up .menu li .first img {
	filter: brightness(30%)contrast(110%)saturate(150%)hue-rotate(200deg)sepia(20%)
}

.header.locate {
	position: absolute;
	border-bottom: 1px dashed #fff
}

footer {
	background: linear-gradient(180deg, #FFFFFF 0%, #EEF4FD 100%);
	padding: 4% 0 0
}

footer .top {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px
}

footer .top .left {
	margin-right: 10%
}

footer .top .left .logo img {
	display: block;
	max-height: 70px;
	max-width: 200px
}

footer .top .left .other {
	color: #2c304b;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 40px
}

footer .top .left .other a:hover {
	color: #2759A7
}

footer .top .left .other .li {
	margin-top: 15px;
	display: block
}

footer .top .left .code {
	display: flex;
	margin-top: 30px
}

footer .top .left .code img {
	display: block;
	max-width: 90px;
	height: 90px;
	border-radius: 10px;
	box-shadow: 0 0 6px 1px rgba(34, 79, 185, .16)
}

footer .top .left .code img+img {
	margin-left: 10px
}

footer .top .right {
	flex: 1;
	display: flex;
	justify-content: space-between
}

footer .top .right .li b {
	font-size: 18px;
	display: block;
	margin-bottom: 20px;
	color: #2c304b
}

footer .top .right .li a {
	color: #2c304b;
	font-size: 14px;
	line-height: 1.5;
	display: block;
	margin-top: 10px
}

footer .top .right .li a:hover {
	color: #2759A7
}

footer .bottom {
	border-top: 1px dashed #c8c8c9
}

.shareBox {
	position: absolute;
	right: 0;
	bottom: calc(100% + 20px);
	text-align: right
}

.shareBox .icon {
	display: inline-block;
	position: relative;
	cursor: pointer
}

.shareBox .icon+.icon {
	margin-left: 15px
}

.shareBox .icon .img1 {
	display: block;
	height: 20px
}

.shareBox .icon .img2 {
	display: block;
	width: 80px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 1;
	ransform: translateX(-50%)scale(0);
	visibility: hidden;
	opacity: 0;
	transition: all .3s
}

.shareBox .icon:hover .img2 {
	transform: translateX(-50%)scale(1);
	visibility: visible;
	opacity: 1;
	transition: all .3s
}

footer .bottom .other {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	text-align: center;
	color: #2c304b;
	font-size: 16px;
	line-height: 1.5;
	padding: 20px 0
}

footer .bottom .other a:hover {
	color: #2759A7
}

footer .bottom .other p {
	display: inline-block
}

footer .other .left {
	font-size: 14px;
	color: #2c304b;
	line-height: 1.5
}

footer .other .right {
	font-size: 14px;
	color: #2c304b;
	line-height: 1.5;
	white-space: nowrap
}

#leave .form {
	width: 30%;
	max-width: 440px;
	display: block
}

.retention {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0%;
	z-index: 9;
	background-color: rgba(0, 0, 0, .4);
	display: none
}

.retention .form {
	display: flex;
	width: 65%;
	max-width: 1e3px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #e9eef4;
	box-shadow: 0 0 10px 1px rgba(86, 141, 197, .43);
	border-radius: 18px;
	overflow: hidden
}

.retention .form .top {
	text-align: center;
	z-index: 1;
	color: #2c304b;
	background: #fff;
	box-shadow: 0 2px 6px 1px rgba(194, 194, 194, .47);
	padding: 15px 20px
}

.retention .form .top .tit {
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 10px;
	position: relative;
	font-size: clamp(16px, 1vw, 20px)
}

.retention .form .top .tit img {
	display: block;
	height: 24px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer
}

.retention .form .top .des {
	line-height: 1.5;
	font-size: clamp(14px, .83vw, 16px)
}

.retention .form .bottom {
	border-radius: 16px;
	background: #ffffff80;
	margin: 20px;
	padding: 20px;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.retention .form .bottom .line {
	width: 100%;
	margin-bottom: 10px
}

.retention .form .bottom .half {
	width: 49%
}

.retention .form .bottom label {
	color: #32373e;
	line-height: 30px;
	display: block;
	font-size: clamp(14px, .83vw, 16px)
}

.retention .form .bottom label span {
	color: #c30d23
}

.retention .form .bottom .inp {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e2e2e2;
	height: 38px;
	padding: 5px 10px
}

.retention .form .bottom .sel {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e2e2e2;
	height: 38px;
	padding: 5px 10px
}

.retention .form .bottom .txt {
	border-radius: 10px;
	background: #fff;
	border: 1px solid #e2e2e2;
	height: 110px;
	padding: 5px 10px;
	line-height: 20px;
	display: block
}

.retention .form .bottom .btn {
	border-radius: 10px;
	background: #2759A7;
	height: 40px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	font-size: clamp(14px, .83vw, 16px)
}

.retention .form .bottom .btn:hover {
	background: #ffae57
}

.retention .form .bottom input:focus,
.retention .form .bottom select:focus,
.retention .form .bottom textarea:focus {
	border: 1px solid #ffae57
}

.retention .form .img {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	opacity: .5
}

.retention .form .img img {
	display: block;
	width: 100%
}

.flexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: end
}

.retention .form .left-txt {
	width: 52%
}

.retention .form .left-txt .aa {
	line-height: 2
}

.retention .form .left-txt .bb {
	line-height: 2;
	margin-bottom: 1vw;
	font-size: clamp(14px, .83vw, 16px)
}

.retention .form .left-txt .cc {}

.retention .form .right-img {
	width: 42%
}

.retention .form .right-img img {
	display: block;
	width: 100%;
	border-radius: 8px
}

.retention .form .center {
	flex: 1
}

.retention .form .sbimg {
	width: 35%
}

.retention .form .sbimg img {
	display: block;
	width: 100%;
	height: 100%
}

.floating.on {
	transition: all 1s;
	visibility: visible;
	opacity: 1;
	transform: scale(1)
}

.floating {
	position: fixed;
	z-index: 9;
	right: 5px;
	bottom: 20%;
	transition: all 1s;
	visibility: hidden;
	opacity: 0;
	transform: scale(0)
}

.floating .li {
	position: relative;
	transition: all .3s
}

.floating .li+.li {
	margin-top: 10px
}

.floating .li .txt {
	opacity: 0;
	transition: all .3s;
	transform: scale(0);
	color: #2759A7;
	font-weight: 700;
	position: absolute;
	padding: 12px 15px;
	right: 110%;
	top: 0;
	border-radius: 8px;
	box-shadow: 0 0 4px 1px rgba(33, 91, 157, .33);
	background: #fff
}

.floating .li:hover .txt {
	opacity: 1;
	transition: all .3s;
	transform: scale(1)
}

.floating .li .pic {
	opacity: 0;
	transition: all .3s;
	transform: scale(0)translateY(-50%);
	position: absolute;
	padding: 5px;
	right: 110%;
	top: 50%;
	border-radius: 8px;
	box-shadow: 0 0 4px 1px rgba(33, 91, 157, .33);
	background: #fff
}

.floating .li .pic img {
	width: 80px
}

.floating .li:hover .pic {
	opacity: 1;
	transition: all .3s;
	transform: scale(1)translateY(-50%)
}

.floating .li a {
	color: #2759A7;
	white-space: nowrap
}

.floating .li img {
	display: block;
	width: 40px;
	cursor: pointer
}

.floatingBottom {
	position: fixed;
	align-items: center;
	background: #ffae57;
	color: #fff;
	padding: 10px;
	left: 50%;
	transform: translateX(-50%);
	bottom: 5px;
	border-radius: 5px;
	z-index: 2;
	display: none
}

.floatingBottom .c-box {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.floatingBottom .c-text {
	font-size: clamp(14px, .93vw, 18px);
	margin-right: 100px;
	white-space: nowrap
}

.floatingBottom .to {
	line-height: 36px;
	text-align: center;
	min-width: 100px;
	padding: 0 10px;
	white-space: nowrap;
	border-radius: 8px;
	background: #fff
}

.floatingBottom .tt {
	color: #ffae57;
	font-weight: 700
}

.floatingBottom .to:hover {
	background: #004896
}

.floatingBottom .to:hover .tt {
	color: #fff
}

.floatingBottom .closeArticle {
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 1;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	cursor: pointer
}

.floatingBottom .closeArticle img {
	display: block;
	width: 100%
}

.Cookies {
	text-align: center;
	background: #004896;
	padding: 10px;
	line-height: 20px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1
}

.Cookies * {
	display: inline-block;
	color: #fff
}

.Cookies .close_bs {
	width: 20px;
	height: 20px;
	margin-left: 20px;
	vertical-align: middle;
	margin-top: -2px;
	cursor: pointer
}

.Cookies a {
	text-decoration: underline
}

#aff-ai-agent-icon {
	bottom: 0 !important
}

#aff-im-root>div#aff-ai-agent-icon {
	bottom: 0 !important
}

.commonTitle {
	text-align: center;
	margin-bottom: 3vw;
	width: 100%
}

.commonTitle .en {
	color: #22f8ff;
	font-size: clamp(14px, 1.2vw, 24px);
	margin-bottom: 10px
}

.commonTitle .tit {
	font-size: clamp(20px, 2vw, 40px);
	font-weight: 700
}

.commonTitle .tit img {
	display: inline-block;
	height: 3vw
}

.commonTitle .des {
	font-size: clamp(16px, 1vw, 20px);
	color: #2c304b;
	line-height: 1.5;
	margin-top: 20px;
	font-weight: 500
}

.commonTitle .samll {
	color: #0d1d2a;
	line-height: 1.5;
	margin-top: 20px;
	font-size: 18px
}

.commonTitle .lab {
	margin-top: 2vw;
	font-size: clamp(14px, 1.1vw, 22px);
	font-weight: 500;
	color: #2759A7
}

.commonTitle .lab span {
	margin: 0 1.5vw
}

.commonTitle .img {
	margin-top: 10px
}

.commonTitle .img img {
	margin: 0 auto;
	height: 1.3vw
}

.scroll-section {
	background: #fff
}

.banner {
	position: relative;
	background: linear-gradient(42deg, #A4ACD047 0%, #4759A347 27%, #1A2A7B47 41%, #060C2147 100%)
}

.banner .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: linear-gradient(176deg, rgb(0 0 0/69%) 0%, rgb(0 0 0/.3) 15%, rgb(0 0 0/55%) 37%, rgba(20, 30, 37, .8) 59%, rgb(0 0 0/45%) 85%, transparent 100%)
}

.banner .big {
	width: 100%;
	height: 100%
}

.banner .img {
	display: block;
	width: 100%;
}

.banner .ban-txt {
	z-index: 2;
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 4%;
	width: 100%;
	text-align: center
}

.banner .ban-txt .tit {
	white-space: pre;
	line-height: 1.3;
	font-size: clamp(24px, 3.4vw, 68px);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73);
	font-weight: 700;
	display: block;
	margin-bottom: 10px
}

.banner .ban-txt .big {
	white-space: pre;
	line-height: 1.3;
	font-size: clamp(20px, 1.5vw, 32px);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73);
	font-weight: 700;
	display: block;
	margin-bottom: 10px
}

.banner .ban-txt .des {
	display: block;
	white-space: pre;
	color: #fff;
	font-size: clamp(14px, 1.2vw, 24px);
	font-weight: 700;
	margin-top: 20px;
	line-height: 1.5;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73)
}

.banner .ban-txt .more {
	animation: show 3s linear forwards;
	opacity: 0;
	font-size: clamp(12px, .83vw, 16px);
	margin-top: 40px;
	box-shadow: 0 0 6px 1px #E8EEFE;
	border-radius: 20px;
	background: #fff;
	display: inline-block;
	line-height: 40px;
	padding: 0 20px
}

.banner .ban-txt .more span {
	display: inline-block;
	width: 1vw;
	height: 1vw;
	border-radius: 100%;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	border: 2px solid #2054cf
}

.banner .ban-txt .more:hover {
	background: #2054cf;
	color: #fff
}

.banner .ban-txt .more:hover span {
	border: 2px solid #fff
}

@keyframes show {
	to {
		opacity: 1
	}
}

.banner .ban-txt .data {
	display: flex;
	margin-top: 15%;
	padding: 20px 0;
	border: 1px solid rgba(220, 222, 232, .7);
	border-radius: 8px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px)
}

.banner .ban-txt .data li {
	flex: 1;
	color: #fff
}

.banner .ban-txt .data li .num {
	display: flex;
	align-items: center;
	justify-content: center
}

.banner .ban-txt .data li .num b {
	font-size: clamp(20px, 2.5vw, 50px)
}

.banner .ban-txt .data li .num i {
	margin: 0 10px
}

.banner .ban-txt .data li .num span {
	align-self: end
}

.banner .ban-txt .data li .txt {
	font-size: clamp(14px, 1.25vw, 24px);
	margin-top: 10px
}

.banner .ban-txt .data li .txt span {
	margin-left: 5px
}

.banner .ban-txt .data li+li::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	z-index: 1;
	background: radial-gradient(#ffffff 0%, rgba(254, 254, 254, 0) 100%)
}

.banner .ban-txt .data::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -35px;
	width: 100%;
	height: 2px;
	z-index: 1;
	background: radial-gradient(#ffffff 0%, rgba(254, 254, 254, 0) 100%)
}

.banner .ban-txt .lab {
	text-align: center;
	margin-top: 2vw
}

.banner .ban-txt .lab span {
	font-size: clamp(14px, 1.2vw, 24px);
	color: #fff;
	padding: .5vw 2vw;
	display: inline-block;
	margin: 0 10px;
	border-radius: 28px;
	background: linear-gradient(222deg, #FCFCFC66 0%, rgba(255, 255, 255, 4%) 100%);
	border: 1px solid rgba(220, 222, 232, .7)
}

.ban-txt .othLink {
	margin-top: 3vw
}

.ban-txt .othLink .li {
	display: inline-block;
	border-radius: 8px;
	color: #fff;
	padding: 0 1vw;
	min-width: 10vw;
	height: 3.5vw;
	text-align: center;
	line-height: 3.5vw;
	height: 3.5vw;
	background: linear-gradient(179deg, #F2D04Ecc 0%, #F5B139cc 16%, #E0A025cc 32%, #D6942Ecc 45%, #D48C20cc 56%, #CF8C0Dcc 69%, #C28D32cc 81%, #C49C32cc 100%)
}

.ban-txt .othLink .li+.li {
	margin-left: 2vw;
	background: linear-gradient(179deg, #4E8AF2cc 0%, #397EF5cc 16%, #256FE0cc 34%, #115DBFcc 54%, #1959AFcc 66%, #185BB6cc 77%, #2A64B7cc 87%, #3268C4cc 100%)
}

.ban-txt .othLink .li:hover {
	background: #298df7
}

.strength{padding: 4%;background: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, #f0f7fd80 100%);}
.strength .lists{display: flex;margin-top: 3vw;gap:2%;}
.strength .lists .li{flex: 1;}
.strength .lists .img{position: relative;overflow: hidden;}
.strength .lists .img img{display: block;width: 100%;transition: all .3s;}
.strength .lists .img:hover img{transform: scale(1.2);transition: all .3s;}
.strength .more{margin-top: 1vw;display: block;background: #878787;width: 100%;height: 2.5vw;line-height: 2.5vw;border-radius: 6px;
text-align: center;color: #FFFFFF;font-size:clamp(14px,0.93vw,18px);}
.strength .more:hover{background: #2759A7;}
.strength .more img{display: inline-block;vertical-align: middle;width: 24px;transition: all .3s;margin-top: -2px;}
.strength .more:hover img{transform: translateX(5px);transition: all .3s;}

.designType{padding: 0 13% 4%;}
.designType .lists{margin-top: 4%;}
.designType .lists .li{display: flex;align-items: center;background: #8a8a8a10;}
.designType .lists .li+.li{margin-top: 4vw;}
.designType .lists .li:nth-child(2n){flex-direction: row-reverse;}
.designType .lists .li .half{width: 50%;text-align: center;overflow: hidden;}
.designType .lists .li .half:nth-child(2){padding: 20px 30px;}
.designType .lists .li img:hover{transform: scale(1.2);transition: all .3s;}
.designType .lists .li img{display: block;width: 100%;transition: all .3s;}
.designType .lists .li .tit{color: #2759A7;font-size: 1.35vw;font-weight: bold;}
.designType .lists .li .des{line-height: 1.5;margin-top: 10px;text-align: left;}
.designType .lists .li .more2{width: 300px;min-width: 350px;}
.designType .lists .li .more2:hover{background: #090A0C;}

.advertising_space{position: relative;}
.advertising_space .img{display: block;width: 100%;}
.advertising_space .txt{position: absolute;width: 60%;left: 10%;top: 50%;transform: translateY(-50%);color:#ffffff;}
.advertising_space .tit{font-weight: bold;font-size: 1.875vw;line-height: 1.5;}
.advertising_space .tit.big{font-size: 3.5vw;}
.advertising_space .des{font-size: 18px;font-weight: 400;line-height: 1.5;margin-top: 1vw;}
.advertising_space .more{margin-top: 30px;display: block;background: #090A0C99;width: 220px;height: 2.5vw;line-height: 2.5vw;text-align: center;color: #FFFFFF;font-size: 1.042vw;}
.advertising_space .more:hover{background: #2759A7;}
.advertising_space .more img{display: inline-block;vertical-align: middle;width: 24px;transition: all .3s;margin-top: -2px;}
.advertising_space .more:hover img{transform: translateX(5px);transition: all .3s;}

.productTitle{font-size:clamp(16px,1.04vw,20px);font-weight: bold;cursor: pointer;position: relative;margin-bottom: 2%;
padding-left:15px;border-bottom: solid 1px #ebebeb;padding-bottom: 15px;}
.productTitle .img1{display: inline-block;height:1.5vw;vertical-align: middle;margin: -4px 10px 0 0;}
.productTitle:after{content:''; display: block;height: calc(100% - 15px);width: 5px;background: #1671e3;
    border-radius: 5px;position: absolute;left: 0;top: 0;}

.proRoll{padding: 20px;margin:2% 0; background: #f6f6f6;}
.proRoll .li{overflow: hidden;display: block;background: #fff;}
.proRoll .hot{display: block;height: 40px;position: absolute;right: 0;top: 0;z-index: 1;transition: transform 0.5s ease;}
.proRoll .img{display: block;width: 100%;transition: all .3s;}
.proRoll .li:hover .img{transform:scale(1.2);transition: all .3s;}
.proRoll .more{display: block;background: #d4d4d4;color: #3a3a3a;text-align: center;padding: 15px 10px;font-size: 15px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proRoll .li:hover .more{background: #1671e3;color: #fff;}
.proRoll .swiper-button-prev img,
.proRoll .swiper-button-next img{width: 40px;}
.proRoll .swiper-button-next:after, 
.proRoll .swiper-button-prev:after{display: none;}

.proLists{margin-bottom:2%;display: flex;justify-content: space-between;gap:30px;align-items: start;}
.proLists .left{width:220px;background: #f6f6f6;}
.proLists .left .title{font-size: clamp(18px,1.14vw,22px);font-weight: bold;background: #1671e3;color: #fff;padding: 10px 10px 10px 1.5vw;}
.proLists .left .list{color: #282828;font-size: clamp(14px,0.93vw,18px); padding: 15px 10px;}
.proLists .left .list .li{display: block;padding: 15px 10px;font-weight: bold;}
.proLists .left .list .li+.li{border-top:2px dashed #ffffff;}
.proLists .left .list .li span{display: inline-block;margin-left: 10px;background: #ff9900;color: #fff;
padding: 2px 5px;font-size: 10px;border-radius: 2px;font-weight: normal;}
.proLists .left .list .li:hover{color: #1671e3;}

.proLists .right{flex:1;}
.proLists .right .classLists{display: flex;gap:20px;align-content: start;flex-wrap: wrap;/* min-height: 800px; */}
.proLists .right .classLists .li{width:calc(25% - 15px);text-align: center;}
.proLists .right .classLists .li .hot{display:block;position: absolute;right:0;top:0;height: 40px;z-index:1;}
.proLists .right .classLists .li .img{display:block;border: solid 1px #ececec;background: #fff;overflow: hidden;}
.proLists .right .classLists .li .img img{display:block;width: 100%;transition: all .3s;}
.proLists .right .classLists .li .tit{display:block;color: #282828;line-height:1.5;margin-top:10px;font-size: 15px;
white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.proLists .right .classLists .li .to{display:inline-block;color: #282828;font-size:12px;margin-top:10px;border: solid 1px #1675e1;
    color: #1675e1;padding: 5px 10px;border-radius: 3px;}
.proLists .right .classLists .li:hover .to{color: #fff;background: #1675e1;}
.proLists .right .classLists .li:hover .img img{transform: scale(1.2);transition: all .3s;}
.proLists .right .classLists .li:hover .tit{color: #1675e1;}

/* 产品详情 */
.productPic{position: relative;padding: 5% 0;box-shadow: inset 0px 3px 15px 1px rgba(123, 123, 123, 0.16);}
.productPic .bg{display: block;position: absolute;bottom: 0;right: 0;width: 18%;}
.productPic .centerBox{display: flex;align-items: center;}
.productPic .left{width: 50%;}
.productPic .left .gallery{}
.productPic .left .gallery img{display: block;width: 100%;border-radius: 20px;overflow: hidden;}
.productPic .left .gallery .swiper-button-next{width: 24px;height: 24px;color: #32373E;top: auto;bottom: -18%;right: 12%;}
.productPic .left .gallery .swiper-button-prev{width: 24px;height: 24px;color: #32373E;top: auto;bottom: -18%;left: 12%;}
.productPic .left .gallery .swiper-button-next:hover,.productPic .left .gallery .swiper-button-prev:hover{color: #007AFF;}
.productPic .left .gallery .swiper-button-next:after, 
.productPic .left .gallery .swiper-button-prev:after{font-size: 20px;}
.productPic .left .thumbs{padding: 0 40px;width: 80%;margin: 10px auto 0;}
.productPic .left .thumbs img{display: block;width: 100%;box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.16);border-radius: 10px;}
.productPic .left .thumbs .swiper-slide{padding: 8px;opacity: 0.5;}
.productPic .left .thumbs .swiper-slide-thumb-active{opacity: 1;}
.productPic .right{padding-left: 30px;width: 50%;}
.productPic .right .tit{font-size: 2vw;color: #0054A6;}
.productPic .right .des{color: #606A76;font-size: 16px;line-height: 1.5;margin-top: 15px;}
.productPic .right .cha{color: #606A76;font-size: 16px;margin-top: 15px;line-height: 1.5;}
.productPic .right .cha .tt{display: block;padding-left: 20px;position: relative;background: url(../img/deng.png) no-repeat left top / 16px 16px;}
.productPic .right .cha .tt+.tt{margin-top: 5px;}
.productPic .right .link{margin-top: 15px;}
.productPic .right .to{font-size: 16px;display: inline-block;color: #007AFF;margin-right: 15px;}
.productPic .right .to img{display: inline-block;height: 16px;vertical-align: middle;margin-left: 5px;}
.productPic .right .to:hover{text-decoration: underline;}
.productPic .right .btn{border-radius:2px;border: 1px solid #007AFF;font-size: 16px;color: #ffffff;background: #007AFF;padding: 12px 30px 15px;display: inline-block;margin-top: 30px;}
.productPic .right .btn:hover{background: #ffffff;color: #007AFF;}

.productData{background-image: url(../img/bg14.png);background-repeat: no-repeat;background-position: center;background-size: cover;padding: 4vw 0;}
.productData .lists{column-count: 1;padding: 0 10%;}
.productData .lists .li{background: #FFFFFF;box-shadow: 0px 0px 20px 1px rgba(194,205,214,0.5);border-radius: 20px;padding: 20px;break-inside: avoid; /* 防止内容被分割到不同列 */ margin-bottom: 40px;}
.productData .lists .li .tit{font-size: 16px;color: #2D2D2D;padding: 10px 0;border-bottom: 1px solid rgba(232,244,253,0.7);display: block;}
.productData .lists .li .des{font-size: 12px;color: #606A76;display: block;padding: 10px 0;display: flex;width: 100%;align-items: center;}
.productData .lists .li .des+.des{border-top: 1px solid rgba(232,244,253,0.7);}
.productData .lists .li .des span:first-child{display: block;white-space: nowrap;}
.productData .lists .li .des span:last-child{display: block;flex: 1;text-align: right;padding-left: 5px;}

.productDetails {padding: 6% 0}
.productDetails img,.productDetails video,.productDetails embed,.productDetails iframe { display: block;max-width: 100%}
.productDetails .lists{display: flex;flex-wrap: wrap;justify-content: center;}
.productDetails .lists .li{width:23%;margin: 1%;background: rgba(221,241,255,0.84);padding: 20px;}
.productDetails .lists .li .des{color: #606A76;font-size: 16px;line-height: 2;}
.productDetails .edit{line-height: 2;}



.productFeatures{box-shadow: inset 0px 3px 15px 1px rgba(123,123,123,0.16);padding: 4vw 0;}
.productFeatures .lists{display: flex;flex-wrap: wrap;justify-content: center;}
.productFeatures .lists .li{width:25%;text-align: center;padding: 1%;}
.productFeatures .lists .li .tit{color: #2D2D2D;font-weight: bold;font-size: 18px;margin-bottom: 20px;}
.productFeatures .lists .li .img{display: block;margin: 0 auto;width: 60px;margin-bottom: 10px;}
.productFeatures .lists .li .des{color: #606A76;font-size: 14px;line-height: 1.5;}

.partnerships{position: relative;}
.partnerships img{display: block;width: 100%;}
.partnerships .txtBox{z-index: 1;position: absolute;width: 80%;top: 6%;left: 10%;text-align: center;color: #ffffff;}
.partnerships .txtBox .tit{font-size: 1.8vw;font-weight: bold;margin-bottom: 20px;}
.partnerships .txtBox .des{font-size: 1vw;margin-bottom: 25px;}
.partnerships .txtBox .more{font-size: 14px;padding: 10px 30px;display: inline-block;border: 1px solid #FFFFFF;color: #FFFFFF;}

/* 案例 */
.caseLists{padding: 4%;}
.caseLists .contents{display: flex;flex-wrap: wrap;gap: 10px;align-items: end;}
.caseLists .contents .li{display: block;width: calc((100% - 30px) / 4);overflow: hidden;}
.caseLists .contents .li .mask{max-height: 100%;width: 100%;position: absolute;left: 0;bottom: 0;
	color: #ffffff;align-content: end;padding: 20px;line-height: 1.2;
	background: linear-gradient( 180deg,transparent 0%,rgba(0,0,0,.6) 37%,rgba(0,0,0,.75) 100%);}
.caseLists .contents .li .img{display: block;width: 100%;}
.caseLists .contents:hover .li{filter: blur(5px);}
.caseLists .contents .li:hover{filter: blur(0);}



.electron {
	padding: 4% 0;
	background: #fff
}

.electron .proList {
	position: relative;
	height: calc(60vh + 40px)
}

.electron .proList .li {
	padding: 2vw;
	border-radius: 8px;
	overflow: hidden;
	position: absolute;
	height: 30vh;
	transition: all .5s
}

.electron .proList .li .mask {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg1.png)no-repeat 50%/100% 100%
}

.electron .proList .li .img {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.electron .proList .li .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.electron .proList .li .tit {
	z-index: 1;
	color: #2759A7;
	font-weight: 800;
	font-size: clamp(18px, 1.4vw, 28px)
}

.electron .proList .li .tit img {
	display: inline-block;
	vertical-align: middle;
	margin: -4px 10px 0 0;
	height: 1.2vw;
	border-radius: 100%;
	box-shadow: 0 0 6px 1px rgba(34, 79, 185, .3)
}

.electron .proList .li .des {
	z-index: 1;
	margin-top: 1vw;
	padding: 0 1vw;
	color: #026;
	font-size: clamp(14px, .93vw, 18px);
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis
}

.electron .proList .li .more {
	font-size: clamp(12px, .83vw, 16px);
	z-index: 1;
	display: none;
	margin-top: 1vw;
	margin-left: 1vw;
	box-shadow: 0 0 6px 1px #E8EEFE;
	border-radius: 20px;
	background: #fff;
	line-height: 36px;
	padding: 0 20px
}

.electron .proList .li .more span {
	display: inline-block;
	width: 1vw;
	height: 1vw;
	border-radius: 100%;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	border: 2px solid #2054cf
}

.electron .proList .li .more:hover {
	background: #2054cf;
	color: #fff
}

.electron .proList .li .more:hover span {
	border: 2px solid #fff
}

.electron .proList .li:first-child .more,
.electron .proList .li:nth-child(2) .more {
	float: right;
	transform: translateY(-100%);
	margin: 0
}

.electron .proList .li1 {
	width: calc((100% - 80px)/3);
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	transition: all 1s
}

.electron .proList .li2 {
	width: calc((100% - 80px)/3);
	right: 0;
	top: 0;
	transition: all 1s
}

.electron .proList .li3 {
	width: calc((100% - 80px)/3);
	left: 0;
	bottom: 0;
	transition: all 1s
}

.electron .proList .li4 {
	width: calc((100% - 80px)/3);
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: all 1s
}

.electron .proList .li5 {
	width: calc((100% - 80px)/3);
	right: 0;
	bottom: 0;
	transition: all 1s
}

.electron .proList .li.on .tit {
	color: #fff
}

.electron .proList .li.on .des {
	color: #fff;
	-webkit-line-clamp: 15
}

.electron .proList .li.on .more {
	display: inline-block
}

.electron .proList .li.on .img {
	display: block
}

.electron .proList .li.on .mask {
	background: linear-gradient(136deg, #2759A7 0%, rgba(46, 82, 142, .78) 42%, rgba(106, 145, 195, .5) 72%, rgba(170, 211, 251, .2) 100%)
}

.electron .proList .li1.on {
	width: calc((100% - 80px)/3 * 2 + 40px);
	left: 0;
	transform: none;
	transition: all 1s
}

.electron .proList .li2.on {
	width: calc((100% - 80px)/3 * 2 + 40px);
	transition: all 1s
}

.electron .proList .li3.on {
	height: calc(60vh + 40px);
	transition: all 1s
}

.electron .proList .li4.on {
	height: calc(60vh + 40px);
	transition: all 1s
}

.electron .proList .li5.on {
	height: calc(60vh + 40px);
	transition: all 1s
}

.ad {
	background: #fff;
	overflow: hidden
}

.ad .center {
	margin: 10% 0 4%;
	position: relative;
	padding: 40px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0
}

.ad .left {
	width: 52%;
	padding-left: 4%
}

.ad .left .tt {
	font-weight: 700;
	color: #fff;
	line-height: 1.5;
	font-size: clamp(20px, 1.67vw, 32px)
}

.ad .left .dd {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	line-height: 1.5;
	margin-top: 25px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px
}

.ad .left .dd p {
	width: 25%
}

.ad .left .more {
	margin-top: 30px;
	padding: 0 10px 0 20px;
	display: inline-block;
	line-height: 40px;
	border: 1px solid #fff6;
	border-radius: 2px;
	color: #fff;
	font-size: 14px
}

.ad .left .more img {
	display: inline-block;
	height: 18px;
	margin: -4px 0 0 50px;
	vertical-align: middle
}

.ad .left .more:hover {
	background: #005dff6b
}

.ad .right {
	width: 48%;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}

.ad .right img {
	display: block;
	width: 100%
}

@media screen and (min-width:2550px) {
	.ad .right {
		width: 40%
	}
}

.aboutUs {
	padding-top: 4%;
	position: relative;
	background: #fff
}

.aboutUs .pic {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: block
}

.datas {
	display: flex;
	justify-content: center;
	padding: 1% 0 4%
}

.datas li {
	padding: 30px 40px
}

.datas li+li {
	border-left: 1px solid #192b5033
}

.datas li .img {
	display: block;
	width: 3vw;
	float: left
}

.datas li .txt {
	float: left;
	margin-left: 20px;
	margin-top: -5px
}

.datas li .txt .tt {
	display: block;
	font-size: clamp(30px, 3.333vw, 64px);
	font-weight: 700
}

.datas li .txt .tt span {
	display: inline-block
}

.datas li .txt .tt span+span {
	font-size: 20px
}

.datas li .txt .dd {
	display: block;
	line-height: 1.5;
	margin-top: 15px
}

.threeTab {
	display: flex
}

.threeTab .li {
	height: 25vw;
	transition: all 1s;
	position: relative;
	overflow: hidden;
	width: 33.33%
}

.threeTab .li .mask {
	background: linear-gradient(151deg, #2759A7 0%, rgba(46, 82, 142, .78) 66%, rgba(106, 145, 195, .5) 91%, rgba(170, 211, 251, .2) 100%)
}

.threeTab .li:nth-child(2n) .mask {
	background: linear-gradient(146deg, rgba(2, 72, 150, .84) 0%, rgba(113, 156, 209, .97) 38%, rgba(166, 201, 246, .39) 80%, rgba(250, 252, 254, .17) 99%, rgba(254, 254, 254, .16) 100%)
}

.threeTab .li .img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.threeTab .li .mask {
	padding: 60px 40px;
	display: flex;
	gap: 2vw;
	justify-content: space-between;
	width: 100%;
	height: 100%
}

.threeTab .li .left {}

.threeTab .li .aa {
	line-height: 1.5;
	color: #fff;
	margin-bottom: 1.5vw;
	display: none;
	font-size: 20px
}

.threeTab .li .tit {
	font-size: clamp(20px, 1.78vw, 34px);
	color: #fff;
	line-height: 1.4;
	margin-bottom: 2vw
}

.threeTab .li .des {
	line-height: 1.5;
	color: #fff;
	margin-bottom: 3vw
}

.commonMore {
	font-size: clamp(12px, .83vw, 16px);
	display: inline-block;
	box-shadow: 0 0 6px 1px #E8EEFE;
	border-radius: 20px;
	background: #fff;
	line-height: 40px;
	padding: 0 20px 0 15px
}

.commonMore span {
	display: inline-block;
	width: 1vw;
	height: 1vw;
	border-radius: 100%;
	margin: -2px 5px 0 0;
	vertical-align: middle;
	border: 2px solid #2054cf
}

.commonMore:hover {
	background: #2054cf;
	color: #fff
}

.commonMore:hover span {
	border: 2px solid #fff
}

.c-text {
	text-align: center !important
}

.threeTab .li .commonMore {
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	transition: all .5s
}

.threeTab .li .right {
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	width: 66%;
	padding-top: 33%;
	cursor: pointer
}

.threeTab .li .js-video {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	transition: all .8s
}

.threeTab:hover .li {
	width: 16.66%
}

.threeTab .li:hover {
	width: 66.66%;
	transition: all 1s;
	background: url(../img/bg1.png)no-repeat 0 0/cover
}

.threeTab .li:hover .mask {
	background: url(../img/bg1.png)no-repeat 0 0/cover;
	padding: 60px 100px
}

.threeTab .li:hover .js-video {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition: all .8s
}

.threeTab:hover .li .aa {
	display: block
}

.threeTab .li:hover .aa {
	color: #026
}

.threeTab .li:hover .tit {
	color: #2759A7
}

.threeTab:hover .li .des {
	display: none
}

.threeTab .li:hover .commonMore {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition: all .5s
}

.partner {
	padding: 4% 0 0;
	background: #fff
}

.partner .carousel {
	padding: 2% 0
}

.partner .carousel .list {
	overflow: hidden
}

.partner .carousel .list:nth-child(2n) {
	margin-left: -110px
}

.partner .carousel ul {
	width: 1e5px
}

.partner .carousel ul li {
	border: 1px solid #2054cf1a;
	float: left;
	overflow: hidden
}

.partner .carousel ul li img {
	display: block;
	height: 5vw;
	min-height: 100px;
	transition: all .5s;
	cursor: pointer
}

.partner .carousel ul li:hover img {
	transform: scale(1.1);
	transition: all .5s
}

.newsPart {
	padding: 5% 0;
	background: linear-gradient(180deg, #FFFFFF 0%, #DFEEFC 100%);
	overflow: hidden
}

.newsPart .centerBox {
	width: 90%
}

.newsPart .commonTitle {
	float: left;
	width: 28%;
	text-align: left
}

.newsPart .commonMore {}

.newsPart .content {
	margin-left: calc(28% + 10px);
	display: flex;
	gap: 20px
}

.newsPart .content .li {
	padding: 30px 20px;
	border-radius: 2px
}

.newsPart .content .li+.li::after {
	content: '';
	display: block;
	width: 1px;
	height: calc(100% - 60px);
	position: absolute;
	z-index: 1;
	top: 30px;
	left: -10px;
	background: #2054cf1a
}

.newsPart .li:hover {
	background: #fff;
	box-shadow: 0 0 12px 1px rgba(176, 197, 253, .65)
}

.newsPart .li .time {
	margin-bottom: 20px
}

.newsPart .li .tit {
	color: #2c304b;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 20px
}

.newsPart .li .des {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 40px
}

.newsPart .li .img {
	overflow: hidden;
	margin-bottom: 40px
}

.newsPart .li .img img {
	display: block;
	width: 100%
}

.newsPart .li .to {
	display: inline-block
}

.newsPart .li .to span {
	border: 2px solid #192b50;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 100%
}

.newsPart .li .to img {
	display: block;
	height: 20px;
	margin: 4px auto;
	opacity: 0
}

.newsPart .li:hover .to img {
	animation: swing 1.5s infinite;
	opacity: 1
}


.QA {
	margin-bottom: 30px
}

.QA .li {
	margin-bottom: 30px
}

.QA .li .tit {
	cursor: pointer;
	font-size: clamp(16px, 1vw, 20px);
	font-weight: 500;
	line-height: 30px;
	padding: 20px 40px 20px 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	background: rgba(248, 252, 255, .68);
	border-radius: 8px;
	border: 1px solid rgba(12, 89, 204, .2)
}

.QA .li .tit img {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 30px;
	height: 30px;
	transition: all .3s
}

.QA .li.on .tit img {
	transform: rotate(180deg);
	transition: all .3s
}

.QA .li .des {
	font-size: 16px;
	line-height: 1.625;
	padding: 30px 60px;
	text-align: justify;
	display: none
}

.QA .to {
	color: #026;
	font-size: 14px;
	font-weight: 700;
	margin-top: 20px;
	display: block
}

.QA .to img {
	display: inline-block;
	height: 12px;
	vertical-align: middle;
	margin: -4px 0 0 5px;
	transition: all .3s
}

.QA .to:hover {
	color: #224fb9
}

.QA .to:hover img {
	transition: all .3s;
	transform: translateX(5px)
}
.hvideomain {
}

.video_dynamic_page {
	overflow: hidden;
	position: relative;
	padding-bottom: 40px
}

.video_dynamic_page .video_leftbox {
	width: 50%;
	float: left
}

.video_dynamic_page .dynamic_rightbox {
	width: 45%;
	float: right
}

.video_dynamic_page .tag {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	margin-bottom: 20px
}

.video_dynamic_page .lightbox {
	display: block
}

.video_dynamic_page .lightbox > img {
	border-radius: 6px;
	width: 100%
}

.video_leftbox .other_info {
	margin-top: 10px
}

.video_leftbox .other_info span {
	display: none
}

.video_leftbox .other_info .title {
	color: #333;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	padding: 0 0%;
	text-align: left;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.video_leftbox .other_info .desc {
	color: #666;
	font-size: 16px;
	line-height: 20px;
	line-height: 1.5;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.video_leftbox .other_info .text {
	color: #999;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px
}

.video_dynamic_page .other_btn {
	display: block;
	margin-top: 30px
}

.video_dynamic_page .other_btn > a {
	display: inline-block;
	padding: 12px 32px;
	border-radius: 4px;
	line-height: 12px;
	font-size: 12px;
	color: #666;
	background-color: #d3edff;
	transition-duration: .3s
}

.video_dynamic_page .other_btn > a:hover {
	color: #fff;
	background-color: #236cd7
}

.dynamic_newslists {
	list-style: none;
	padding: 0;
	display: block
}

.dynamic_newslists li {
	border-bottom: 1px solid #e9e3e3;
	padding: 1vw 0;
	float: none !important;
	margin: 0 !important
}

.dynamic_newslists .date {
	font-size: 14px;
	line-height: 20px;
	color: #666
}

.dynamic_newslists a:hover .title {
	color: #004ca7
}

.dynamic_newslists .title {
	margin-top: 10px;
	padding: 0 !important;
	text-align: left !important;
	font-size: 18px;
	line-height: 20px;
	height: 20px;
	font-weight: 700;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}



.mapBox {
	border-radius: 40px 40px 0 0;
	padding: 6% 0;
	color: #fff;
	background: linear-gradient(180deg, #2759A7 0%, #3177bc 45%, #6895cf 100%)
}

.mapBox .right {
	width: 440px;
	margin-top: 60px;
	float: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
	align-items: start
}

.mapBox .right .line {
	width: 100%
}

.mapBox .right .line label {
	font-size: 18px;
	margin-bottom: 5px;
	display: block
}

.mapBox .right .line .inp {
	font-size: 14px;
	border-bottom: 1px solid #f5f7f980;
	line-height: 20px;
	padding: 10px 0;
	display: block;
	color: #fff
}

.mapBox .right .line .txt {
	font-size: 14px;
	height: 70px;
	border-bottom: 1px solid #f5f7f980;
	line-height: 20px;
	padding: 10px 0;
	display: block;
	color: #fff;
	resize: vertical
}

.mapBox .right .line .inp:focus,
.mapBox .right .line .txt:focus {
	border-bottom: 1px solid #fff
}

.mapBox .right .line .btn {
	border: 1px solid #f5f7f980;
	text-align: center;
	display: block;
	color: #fff;
	padding: 20px 0;
	font-size: 16px;
	cursor: pointer
}

.mapBox .right .line .btn:hover {
	border: 1px solid #fff;
	background-color: #005dff80
}

.mapBox .right .line.w6 {
	width: 220px
}

.mapBox .right .line.w4 {
	width: 190px
}

.mapBox input::-webkit-input-placeholder,
.mapBox textarea::-webkit-input-placeholder {
	color: #f5f7f980;
	opacity: 1
}

.mapBox input::-moz-placeholder,
.mapBox textarea::-moz-placeholder {
	color: #f5f7f980;
	opacity: 1
}

.mapBox input:-moz-placeholder,
.mapBox textarea:-moz-placeholder {
	color: #f5f7f980;
	opacity: 1
}

.mapBox input:-ms-input-placeholder,
.mapBox textarea:-ms-input-placeholder {
	color: #f5f7f980;
	opacity: 1
}

.mapBox input::placeholder,
.mapBox textarea::placeholder {
	color: #f5f7f980;
	opacity: 1
}

.mapBox .left {
	margin-right: 450px
}

.mapBox .left .tit {
	font-weight: 800;
	font-size: clamp(24px, 2.6vw, 50px)
}

.mapBox .left .des {
	font-size: 18px;
	line-height: 1.6;
	margin-top: 20px
}

.mapBox .left .map {
	margin-top: 80px
}

.mapBox .left .map img {
	display: block;
	width: 100%
}

.retention .txt textarea::placeholder {
	color: #f5f7f980;
	opacity: 1
}

.commonAd {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover
}

.commonAd .txt {
	background: linear-gradient(180deg, #577EC1c9 0%, #013068c9 100%);
	padding: 3%;
	text-align: center;
	color: #fff
}

.commonAd .tit {
	line-height: 1.5;
	font-size: clamp(20px, 2vw, 40px);
	font-weight: 800;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73)
}

.commonAd .more {
	margin-top: 2vw;
	color: #fff;
	font-weight: 500;
	font-size: clamp(12px, 1vw, 20px);
	border-radius: 25px;
	display: inline-block;
	border: 1px solid #fff;
	padding: .7vw 3vw
}

.commonAd .more img {
	display: inline-block;
	vertical-align: middle;
	width: 1.3vw;
	margin: -4px 0 0 10px;
	transition: all .3s
}

.commonAd .more:hover {
	background-color: #2054cf
}

.commonAd .more:hover img {
	transform: translateX(5px);
	transition: all .3s
}

.commonAd .more+.more {
	margin-left: 2vw
}

.Questions {
	background: #fafafa;
	padding: 3% 10% 6%;
	text-align: center
}

.Questions .QA .li .tit {
	text-align: left
}

.Scene {
	background: url(../img/bg.png)no-repeat 50% 100%/100%;
	padding: 5% 0 6%
}

.Scene .centerBox {
	width: 84%;
}

.Scene .lists {
	display: flex;
	align-items: end;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap
}

.Scene .li {
	background: #f8fbfe;
	border-radius: 4px;
	width: calc((100% - 60px)/4);
	display: block;
	max-width: 460px
}

.Scene .li:hover {
	box-shadow: 0 0 14px 1px rgba(157, 208, 251, .32)
}

.Scene .li .txt {
	padding: 20px
}

.Scene .li .heng {
	background: #224fb9;
	width: 24px;
	height: 3px
}

.Scene .li .tit {
	color: #2c304b;
	font-size: clamp(16px, 1vw, 20px);
	font-weight: 500;
	margin-top: 20px
}

.Scene .li .des {
	font-size: 14px;
	color: #224fb9;
	margin-top: 20px
}

.Scene .li .img {
	overflow: hidden
}

.Scene .li .img img {
	display: block;
	width: 100%;
	transition: all .3s
}

.Scene .li:hover img {
	transition: all .3s;
	transform: scale(1.1)
}

.Scene .li:hover .heng {
	background: #c30d23
}

.System {
	background: #fafafa;
	padding: 6% 0 4%
}

.System .lists {
	display: flex;
	justify-content: center;
	gap: 40px
}

.System .li {
	background: #f8fbfe;
	border-radius: 4px;
	width: 20%;
	display: block;
	max-width: 400px
}

.System .li:hover {
	box-shadow: 0 0 14px 1px rgba(157, 208, 251, .32)
}

.System .li .txt {
	padding: 20px 15px;
	background: #fff
}

.System .li .lab {
	font-size: 14px;
	color: #2759A7;
	margin-top: 15px
}

.System .li .tit {
	color: #2c304b;
	font-size: clamp(16px, 1vw, 20px);
	font-weight: 500
}

.System .li .des {
	font-size: 14px;
	color: #2c304b;
	margin-top: 15px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.System .li .img {
	overflow: hidden
}

.System .li .img img {
	display: block;
	width: 100%;
	transition: all .3s
}

.System .li:hover img {
	transition: all .3s;
	transform: scale(1.1)
}

.txt_center {
	text-align: center
}

.mt50 {
	margin-top: 50px
}

.Solution {
	background: #fff;
	padding: 6% 0;
	overflow: hidden
}

.Solution .lists {
	display: flex;
	justify-content: center;
	gap: 40px
}

.Solution .li {
	background: #f8fbfe;
	border-radius: 4px;
	width: 35%;
	display: block;
	max-width: 680px
}

.Solution .li .txt {
	padding: 35px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	overflow: hidden;
	display: flex;
	align-items: end;
	gap: 10px;
	background: linear-gradient(175deg, rgb(65 65 65/36%) 0%, rgb(147 147 147/.3) 24%, rgb(130 130 130/33%) 31%, rgb(0 0 0/.4) 59%, rgb(0 0 0/52%) 73%, rgb(0 0 0/78%) 100%)
}

.Solution .li .txt .center {
	flex: 1
}

.Solution .li .tit {
	font-weight: 500;
	font-size: 18px
}

.Solution .li .des {
	font-size: 14px;
	margin-top: 10px
}

.Solution .li .to {
	display: block;
	float: right;
	border: 1px solid #fff;
	font-size: 14px;
	border-radius: 4px;
	padding: .7vw 1.5vw;
	color: #fff
}

.Solution .li .to img {
	display: inline-block;
	vertical-align: middle;
	width: 1.3vw;
	margin: -4px 0 0 10px;
	transition: all .3s
}

.Solution .li .to:hover {
	background-color: #2054cf
}

.Solution .li .to:hover img {
	transform: translateX(5px);
	transition: all .3s
}

.Solution .li .img {
	overflow: hidden
}

.Solution .li .img img {
	display: block;
	width: 100%;
	transition: all .3s
}

.Solution .li:hover img {
	transition: all .3s;
	transform: scale(1.1)
}

.newsLists {
	background: url(../img/bg4.png)no-repeat 50% 0/100%;
	padding: 5% 0
}

.newsLists .partOne {
	overflow: hidden
}

.newsLists .partOne .li {
	display: block;
	width: 32%;
	padding-left: 20px;
	float: right
}

.newsLists .partOne .li .img {
	overflow: hidden
}

.newsLists .partOne .li img {
	display: block;
	width: 100%;
	transition: all .3s
}

.newsLists .partOne .li .tit {
	font-size: 20px;
	font-weight: 700;
	color: #2c304b;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.newsLists .partOne .li .des {
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.newsLists .partOne .li:hover img {
	transition: all .3s;
	transform: scale(1.1)
}

.newsLists .partOne .li:first-child {
	width: 68%;
	border-right: 1px solid #bfcced;
	padding: 0 20px 0 0;
	float: left
}

.newsLists .partOne .li:first-child .tit {
	font-size: clamp(22px, 1.5vw, 30px);
	margin-top: 15px
}

.newsLists .partOne .li:first-child .des {
	font-size: 18px;
	margin-top: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: initial
}

.newsLists .partOne .li:last-child {
	margin-top: 20px
}

.newsLists .partOne .li:hover .tit {
	color: #2054cf
}

.newsLists .partTwo {
	background: #f8fbfe;
	padding: 15px;
	margin-top: 5%
}

.newsLists .partTwo .center {
	
}

.newsLists .partTwo .li {
	display: block;
	padding: 15px;
	border-radius: 4px;
	overflow: hidden;
}
.newsLists .partTwo .li+.li{border-top:2px dashed #E8EEFE;}
.newsLists .partTwo .li .img {
	overflow: hidden;
	float: left;
	width: 30%;
	border-radius: 4px
}

.newsLists .partTwo .li img {
	display: block;
	width: 100%;
	transition: all .3s
}

.newsLists .partTwo .li .txt {
	margin-left: 33%;
}

.ml0 {
	margin-left: 0 !important
}

.newsLists .partTwo .li .tit {
	font-size: 18px;
	font-weight: 700;
	color: #026;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.newsLists .partTwo .li .des {
	line-height: 1.5;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	color: #026;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis
}

.newsLists .partTwo .li .time {
	color: #606a76;
	font-size: 14px;
	margin-top: 20px
}

.newsLists .partTwo .li .time img {
	display: inline-block;
	width: 16px;
	margin: -4px 8px 0 0;
	vertical-align: middle
}

.newsLists .partTwo .li:hover {
	background: #fff;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .16)
}

.newsLists .partTwo .li:hover .img img {
	transition: all .3s;
	transform: scale(1.1)
}


.newsLists .partTwo .li:hover .tit {
	color: #2054cf
}

.location {
	position: absolute;
	top: 15px;
	left: 0;
	padding: 0 4%;
	color: #838e9b;
	font-size: 16px;
	font-weight: 400;
	z-index: 1
}

.location img {
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	margin: -4px 5px 0 0
}

.location a {
	color: #838e9b
}

.location a:hover {
	color: #2054cf
}

.document {
	background: url(../img/bg4.png)no-repeat 50% 0/100%;
	padding: 6% 0 2%
}

.document .partOne {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px
}

.document .partOne .hot {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	top: 0;
	background: #598ede;
	border-radius: 4px;
	transform: rotate(45deg)translate(0, -20px)
}

.document .partOne .li {
	display: block;
	width: calc(50% - 10px);
	padding: 15px;
	border-radius: 4px;
	overflow: hidden;
	background: #dbe6f1
}

.document .partOne .li .img {
	overflow: hidden;
	float: left;
	width: 120px;
	border-radius: 4px;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .16);
	border-radius: 4px;
	background: #fff;
	padding: 25px 20px
}

.document .partOne .li img {
	display: block;
	width: 100%
}

.document .partOne .li .txt {
	margin-left: 140px
}

.document .partOne .li .tit {
	font-size: 18px;
	font-weight: 700;
	color: #026;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.document .partOne .li .des {
	line-height: 1.5;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	color: #026;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.document .partOne .li .download {
	float: right;
	width: 22px;
	margin-top: 20px
}

.document .partOne .li:nth-child(2n) .hot {
	background: #cd4050
}

.document .partOne .li:hover .tit {
	color: #2054cf
}

.document .partOne .li:hover .download {
	animation: fadeInDown 1s infinite
}

.document .partOne .li .download:hover {
	animation: none
}

.document .partTwo {
	background: #f8fbfe;
	padding: 15px;
	margin-top: 5%
}

.document .partTwo .center {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px
}

.document .partTwo .li {
	display: block;
	width: calc(50% - 15px);
	padding: 15px;
	border-radius: 4px
}

.document .partTwo .li .img {
	overflow: hidden;
	float: left;
	width: 120px;
	border-radius: 4px;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .16);
	border-radius: 4px;
	background: #fff;
	padding: 25px 20px
}

.document .partTwo .li img {
	display: block;
	width: 100%
}

.document .partTwo .li .txt {
	margin-left: 140px
}

.document .partTwo .li .tit {
	font-size: 18px;
	font-weight: 700;
	color: #026;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.document .partTwo .li .des {
	line-height: 1.5;
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	color: #026;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.document .partTwo .li .download {
	float: right;
	width: 22px;
	margin-top: 20px
}

.document .partTwo .li:hover {
	background: #fff;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .16)
}

.document .partTwo .li:nth-child(2n):after {
	content: '';
	position: absolute;
	left: -15px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e5edfb
}

.document .partTwo .li:hover .tit {
	color: #2054cf
}

.document .partTwo .li:hover .download {
	animation: fadeInDown 1s infinite
}

.document .partTwo .li .download:hover {
	animation: none
}

.searchBox {
	margin: 5% 0 0
}

.searchBox .search {
	width: 55%;
	margin: 0 auto;
	border: 1px solid #e5ecfa;
	border-radius: 8px;
	background: #fff
}

.searchBox .search .txt {
	flex: 1;
	padding: 0 30px
}

.searchBox .search .txt * {
	line-height: 70px;
	font-size: clamp(14px, 1vw, 20px)
}

.searchBox .search .sub {
	width: 70px;
	height: 70px;
	border-radius: 8px;
	background: linear-gradient(179deg, #4E8AF2cc 0%, #397EF5cc 16%, #256FE0cc 34%, #0E54AEcc 54%, #1759B1cc 66%, #1B5BB2cc 77%, #2A64B7cc 87%, #3268C4cc 100%)
}

.searchBox .search .sub * {
	cursor: pointer;
	background: url(../img/search.png)no-repeat 50%/20px
}

.bigImg {}

.bigImg img {
	display: block;
	width: 100%
}

.tabLinks {
	margin: 4% 0
}

.tabLinks .li {
	font-weight: 500;
	font-size: clamp(20px, 1.35vw, 26px);
	margin: 0 50px;
	padding: 15px 0;
	display: inline-block
}

.tabLinks::after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: radial-gradient(#024896 0%, rgba(254, 254, 254, 0) 100%)
}

.tabLinks .li.on {
	color: #2759A7;
	font-weight: 700
}

.tabLinks .li.on:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #2759A7
}

.tabLinks .li.on:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	height: 2px;
	width: 150px;
	background: #2759A7;
	border-radius: 2px
}

.tabLinks .li:hover {
	color: #2759A7
}


.detailTop {
	display: flex;
	justify-content: space-between;
	gap: 60px;
	align-items: center
}

.detailTop .left {
	flex: 1
}

.detailTop .tit {
	font-size: clamp(24px, 2vw, 48px);
	font-weight: 500
}

.detailTop .tit::after {
	content: '';
	display: block;
	width: 1.875vw;
	height: 1.875vw;
	background: url(../img/dh.png)no-repeat 50%/100% 100%;
	position: absolute;
	left: -2vw;
	top: -1vw
}

.detailTop .des {
	margin-top: 1vw;
	line-height: 1.5
}

.detailTop .des span {
	display: inline-block;
	margin: 5px
}

.detailTop .des b {
	color: #2759A7;
	margin-right: 5px
}

.detailTop .lab {
	overflow: hidden;
	margin-top: 1vw
}

.detailTop .lab .li {
	display: block;
	margin-right: 1vw;
	padding: 10px 20px;
	float: left;
	border: 1px solid rgba(41, 116, 225, .67);
	border-radius: 2px;
	font-size: 14px;
	color: #224fb9
}

.detailTop .lab .li:hover {
	background: #007aff;
	color: #fff
}

.detailTop .lab .li:last-child {
	margin-right: 1vw
}

.detailTop .data {
	display: flex;
	margin-top: 3vw
}

.detailTop .data li {
	padding: 0 1vw;
	border-right: 1px solid rgba(41, 116, 225, .67)
}

.detailTop .data li:first-child {
	padding-left: 0
}

.detailTop .data li:last-child {
	padding-right: 0;
	border-right: none
}

.detailTop .data li p:first-child {
	font-size: clamp(18px, 1.2vw, 24px);
	font-weight: 600;
	color: #2759A7
}

.detailTop .data li p:last-child {
	margin-top: 10px
}

.detailTop .right {
	width: 58%
}

.detailTop .img {
	display: block;
	width: 100%
}

.hasBanner {
	padding-top: 0
}

.hasBanner .detailTop .tit::after {
	background: url(../img/yh.png)no-repeat 50%/100% 100%
}

.hasBanner .location * {
	color: rgba(255, 255, 255, .66)
}

.hasBanner .detailTop {
	padding: 8% 12% 5%;
	background: url(../img/0banner4.png)no-repeat 50%/cover
}

.hasBanner .detailTop .tit,
.hasBanner .detailTop .data li p:last-child {
	color: #fff
}

.hasBanner .detailTop .lab .li {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .67)
}

.hasBanner .detailTop .data li p:first-child {
	color: #f90
}

.hasBanner .detailTop .data li {
	border-right: none
}

.hasBanner .detailTop .data li:first-child::after {
	display: none
}

.hasBanner .detailTop .data li::after {
	content: '';
	display: block;
	width: 1px;
	height: 50%;
	position: absolute;
	top: 25%;
	left: 0;
	background: rgba(255, 255, 255, .67)
}

.hasBanner .location {
	left: 8%;
	top: 2%
}

.detailTop.c-text .lab .li {
	display: inline-block;
	float: none
}

.industry_label {
	overflow: hidden;
	margin-top: 1vw
}

.industry_label .li {
	display: block;
	margin-right: 1vw;
	padding: 6px 15px;
	float: left;
	background: #fff;
	color: #224fb9;
	border-radius: 30px;
	font-size: 14px
}

.industry_label .li:hover {
	background: #f90;
	color: #fff
}

.detailMiddle {
	padding: 2vw 0 4vw;
	border-top: 1px solid #e5edfb;
	margin-top: 5%;
	display: flex;
	justify-content: space-between;
	gap: 100px
}

.detailMiddle .left {
	flex: 1;
	line-height: 2
}

.detailMiddle .left img {
	width: 100% !important;
	height: auto !important;
	margin: 10px 0
}

.detailMiddle .left a {
	color: #3970c2;
	text-decoration: underline;
}

.detailMiddle .right {
	width: 24%;
	max-width: 340px;
	min-width: 240px
}

.detailMiddle .center {
	position: sticky;
	top: 20px
}

.detailMiddle .title {
	border-bottom: 2px dashed #bfdbff;
	padding: 10px;
	font-weight: 700
}

.detailMiddle .cont {
	padding: 10px
}

.detailMiddle .cont .li {
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	margin-bottom: 10px
}

.detailMiddle .cont .img {
	display: block;
	border-radius: 4px;
	margin-bottom: 10px;
	overflow: hidden
}

.detailMiddle .cont img {
	display: block;
	width: 100%;
	transition: all .3s
}

.detailMiddle .cont .mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(51, 64, 82, .23) 0%, rgba(40, 62, 86, .4) 52%, rgba(47, 68, 91, .59) 73%, rgba(0, 20, 40, .88) 100%)
}

.detailMiddle .cont .to {
	font-size: 14px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 30px 15px 15px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url(../img/to3.png)no-repeat center right 5px/auto 24px
}

.detailMiddle .cont .img:hover img {
	transform: scale(1.2);
	transition: all .3s
}

.detailBottom {}

.detailBottom .keyword {
	font-weight: 700
}

.detailBottom .keyword a {
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	border-radius: 2px;
	padding: 0 8px;
	margin: 0 5px;
	display: inline-block;
	background: #f3f7fc
}

.detailBottom .keyword a:hover {
	color: #fff;
	background: #007aff
}

.detailBottom .flip {
	font-weight: 700;
	border-top: 1px solid #e5edfb;
	padding-top: 15px;
	margin-top: 15px;
	display: flex;
	justify-content: space-between
}

.detailBottom .flip .li {
	width: 49%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.detailBottom .flip .li+.li {
	text-align: right
}

.detailBottom .flip a {
	font-weight: 400
}

.detailBottom .flip a:hover {
	color: #007aff
}

.sceneBG {
	background: #f8fbfe;
	padding: 4% 0
}


.banners {}

.banners .imgs {
	display: block;
	width: 100%
}

.banners .bgMask {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 100px 4% 0
}

.banners .location {
	position: static;
	padding: 0
}

.banners .location * {
	color: rgba(255, 255, 255, .66)
}

.banners .ban-txt {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 4%;
	width: 100%;
	padding: 0 13%
}

.banners .ban-txt .tit {
	white-space: pre;
	line-height: 1.3;
	font-size: clamp(24px, 2.9vw, 56px);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73);
	font-weight: 700;
	display: block;
	margin-bottom: 15px
}

.banners .ban-txt .big {
	white-space: pre;
	line-height: 1.3;
	font-size: clamp(20px, 1.2vw, 24px);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73);
	font-weight: 700;
	display: block;
	margin-bottom: 20px
}

.banners .ban-txt .des {
	display: block;
	white-space: pre;
	color: rgba(255, 255, 255, .8);
	font-size: 16px;
	margin-top: 20px;
	line-height: 1.5;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73)
}

.banners .ban-txt .more {
	animation: show 3s linear forwards;
	opacity: 0;
	margin-top: 40px;
	box-shadow: 0 0 6px 1px #E8EEFE;
	border-radius: 20px;
	background: #fff;
	display: inline-block;
	line-height: 40px;
	padding: 0 20px
}

.banners .ban-txt .more span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin: -4px 5px 0 0;
	vertical-align: middle;
	border: 2px solid #2054cf
}

.banners .ban-txt .more:hover {
	background: #2054cf;
	color: #fff
}

.banners .ban-txt .more:hover span {
	border: 2px solid #fff
}

.overview {
	overflow: hidden;
	padding: 6% 0;
	background: url(../img/s37.png)no-repeat 50%/100% 100%
}

.overview .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 4%;
	background: #fff;
	box-shadow: 0 0 12px 1px rgba(155, 181, 226, .28);
	border-radius: 10px
}

.overview .content .left {
	width: 47%
}

.overview .left .des {
	font-weight: 400;
	font-size: clamp(14px, .93vw, 18px);
	line-height: 1.5;
	text-align: justify
}

.overview .left .oth {
	display: flex;
	flex-wrap: wrap;
	gap: 1vw;
	margin-top: 2vw
}

.overview .oth .li {
	width: calc(50% - .5vw)
}

.overview .left .li .aa {
	font-weight: 700;
	color: #2759A7;
	font-size: clamp(12px, .83vw, 16px);
	margin-bottom: 5px
}

.overview .left .li .aa img {
	display: inline-block;
	height: .4vw;
	vertical-align: middle;
	margin: -4px 5px 0 0
}

.overview .left .li .bb {
	font-size: clamp(12px, .83vw, 16px);
	color: #2c304b;
	font-weight: 500;
	line-height: 1.5
}

.overview .content .right {
	width: 48%
}

.overview .right .img {
	display: block;
	width: 100%;
	border-radius: 8px
}

.overview.introduction {
	background: 0 0
}

.overview.introduction .content {
	flex-direction: row-reverse
}

.overview .btns {
	margin-top: 1vw;
	font-size: clamp(12px, .83vw, 16px);
	display: flex;
	justify-content: space-between
}

.overview .btns .li {
	display: inline-block;
	text-align: center;
	width: 48%;
	border-radius: 8px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	background: linear-gradient(179deg, #4E8AF2cc 0%, #397EF5cc 16%, #256FE0cc 34%, #115DBFcc 54%, #1959AFcc 66%, #185BB6cc 77%, #2A64B7cc 87%, #3268C4cc 100%)
}

.overview .btns .li:hover {
	background: #298df7
}

.group_data {
	overflow: hidden;
	padding: 0 0 6%
}

.group_data .commonTitle .tit {
	font-size: clamp(18px, 1.5vw, 30px)
}

.group_data .content {
	display: flex;
	flex-wrap: wrap;
	gap: 2vw
}

.group_data .content .li {
	width: calc((100% - 6vw)/4);
	border-radius: 10px;
	background: rgba(255, 254, 238, .48);
	padding: 1.5vw;
	text-align: center
}

.group_data .content .li .aa {
	font-weight: 700;
	font-size: clamp(18px, 1.5vw, 30px);
	color: #004896
}

.group_data .content .li .bb {
	margin-top: 10px
}

.group_data .content .li .bb img {
	width: 7vw;
	height: 7vw
}

.group_data .content .li .cc {
	color: #014996;
	font-size: clamp(14px, 1.2vw, 24px);
	margin-top: 10px;
	display: inline-block
}

.group_data .content .li .cc .txt {
	z-index: 1
}

.group_data .content .li .cc b {
	font-size: clamp(28px, 2.5vw, 50px);
	margin: 0 5px
}

.group_data .content .li .cc::after {
	content: '';
	display: block;
	background: rgba(255, 231, 0, .32);
	position: absolute;
	bottom: 0;
	height: 1vw;
	width: 100%
}

.group_data .content .li:hover {
	box-shadow: 0 0 20px 1px rgba(188, 225, 243, .58);
	border-radius: 10px;
	background: #edf9fe
}

.group_data .content .li:hover .cc::after {
	background: #ffe700
}

.history {
	overflow: hidden;
	padding: 7% 4% 7% 12%;
	background: url(../img/s39.png)no-repeat 50% 0/cover
}

.history .center {}

.history .commonTitle {
	text-align: left;
	position: absolute;
	left: 0%;
	top: 0%
}

.history .commonTitle .tit,
.history .commonTitle .des {
	color: #fff
}

.history .content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center
}

.history .content .times {
	width: 32%;
	text-align: right
}

.history .times .li {
	color: #fff;
	font-size: clamp(14px, 1.2vw, 24px);
	font-weight: 500;
	cursor: pointer
}

.history .times .li:hover {
	color: #ffae57
}

.history .times .li.on {
	font-size: clamp(28px, 2.4vw, 48px)
}

.history .times .li+.li {
	margin-top: 1vw
}

.history .content .events {
	width: 55%;
	margin: 2vw 0
}

.history .events .list {
	color: #fff;
	display: none;
	min-height: 20vw;
}

.history .events .list:first-child {
	display: block
}

.history .list .li+.li {
	margin-top: 3vw
}

.history .list .aa {
	font-size: clamp(20px, 2vw, 40px);
	font-weight: 500
}

.history .list .tit {
	font-size: clamp(14px, 1.1vw, 22px);
	font-weight: 500;
	margin-top: 10px
}

.history .list .des {
	font-size: clamp(14px, .93vw, 18px);
	font-weight: 300;
	margin-top: 10px;
	line-height: 2
}

.global_layout {
	overflow: hidden;
	padding: 4%;
	background: url(../img/s54.png)no-repeat 50%/100% 100%;
	border-radius: 40px 40px 0 0;
	background: #2759A7
}

.global_layout .commonTitle * {
	color: #fff !important
}

.global_layout .img {
	width: 65%;
	margin: 0 auto
}

.global_layout .img img {
	display: block;
	width: 100%
}

.global_layout .txt {
	font-size: clamp(14px, 1vw, 20px);
	line-height: 1.5;
	text-align: center;
	width: 65%;
	margin: 1vw auto 0;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, .29);
	padding: 1vw;
	color: #fff;
	background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, #294174 50%, rgba(255, 255, 255, .1) 100%);
	box-shadow: inset 0 0 16px 1px #ACB7C4, inset 5px 7px 59px 1px rgba(164, 184, 208, .52)
}

.career {
	padding: 4% 0;
	background: url(../img/s40.png)no-repeat 50%/100% 100%;
	overflow: hidden
}

.career .li {
	display: flex;
	flex-wrap: wrap;
	gap: 5vw;
	align-items: center;
	padding: 20px 0
}

.career .li:nth-child(odd) .txt {
	padding-left: 12%
}

.career .li:nth-child(even) {
	flex-direction: row-reverse
}

.career .li:nth-child(even) .txt {
	padding-right: 12%
}

.career .li .txt {
	flex: 1;
	text-align: justify
}

.career .li .img {
	width: 50%
}

.career .li .img img {
	display: block;
	width: 100%
}

.career .li .txt .aa {
	color: #026;
	font-weight: 700;
	font-size: clamp(20px, 1.8vw, 36px)
}

.career .li .txt .aa span {
	font-size: clamp(16px, 1.4vw, 28px)
}

.career .li .txt .bb {
	color: #026;
	line-height: 1.5;
	font-weight: 400;
	font-size: clamp(14px, .93vw, 18px);
	margin-top: 1vw
}

.suspension {
	font-size: clamp(16px, 1vw, 20px);
	background: #f8fbfe;
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .16);
	padding: 30px 0;
	width: 100%;
	position: sticky;
	top: 0;
	z-index: 2
}

.suspension a {
	display: block;
	float: left
}

.suspension a+a {
	margin-left: 40px
}

.suspension a.on,
.suspension a:hover {
	color: #2759A7
}

.suspension a:after {
	content: '';
	display: block;
	position: absolute;
	left: 10%;
	bottom: -6px;
	width: 0;
	height: 2px;
	background-color: #2759A7;
	transition: all .3s
}

.suspension a:hover:after {
	width: 80%;
	transition: all .3s
}

.suspension a.on:after {
	width: 80%
}

.speech {
	background: url(../img/bg8.png)no-repeat 50% 100%/100%
}

.speech .content {
	padding: 7% 0 10%;
	width: 75%;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	gap: 3vw
}

.speech .content .left {
	width: 70%
}

.speech .content .left .aa img {
	display: block;
	height: 3vw
}

.speech .content .left .bb {
	margin-top: 3vw
}

.speech .content .left .bb img {
	display: block;
	height: 2vw
}

.speech .content .left .cc {
	font-size: clamp(20px, 1.2vw, 24px);
	line-height: 1.333;
	color: #056ed3;
	padding: 1vw;
	margin-top: 1vw;
	background: linear-gradient(270deg, rgba(214, 235, 255, 0) 0%, rgba(196, 222, 255, .52) 100%)
}

.speech .content .left .cc span {
	color: #a40009
}

.speech .content .left .dd {
	font-size: clamp(14px, .93vw, 18px);
	line-height: 2;
	margin-top: 2vw
}

.speech .content .right {
	flex: 1;
	text-align: right;
	padding-top: 6vw
}

.speech .content .right .aa {
	margin-bottom: 10px
}

.speech .content .right .aa img {
	display: block;
	width: 100%
}

.speech .content .right .bb {
	margin-top: 15px;
	font-size: clamp(12px, .83vw, 16px)
}

.speech .content .right .cc {
	margin-top: 10px;
	font-size: clamp(12px, .83vw, 16px)
}

.speech .content .right .cc span {
	font-size: clamp(20px, 1.5vw, 30px);
	margin-left: 10px
}

.speech .content .right .dd {
	background: url(../img/bg7.png)no-repeat 100% 100%/80%;
	overflow: hidden
}

.speech .content .right .dd img {
	display: block;
	width: 80%;
	float: right
}

.contact_us {}

.contact_us .mapImg {}

.contact_us .mapImg img {
	display: block;
	width: 100%
}

.flicker {
	animation: zoomIn 1.5s infinite;
	display: block;
	width: 3vw;
	height: 3vw;
	background-color: #f729483d;
	border-radius: 100%;
	position: absolute;
	right: 27.8%;
	top: 48.4%
}

.contact_us .center {
	position: absolute;
	left: 6%;
	top: 50%;
	transform: translateY(-50%);
	padding: 2.5vw;
	width: 37.5%;
	min-width: 500px;
	max-width: 720px;
	box-shadow: 0 0 6px 1px rgba(155, 181, 226, .28);
	border-radius: 6px;
	background: #fff
}

.contact_us .center .title {
	padding: 0 5px;
	font-size: clamp(24px, 1.8vw, 36px);
	font-weight: 700;
	color: #026;
	padding-bottom: 1.3vw
}

.contact_us .center .title::after {
	content: '';
	position: absolute;
	left: 0%;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #0864CD 0%, rgba(209, 235, 255, .28) 100%)
}

.contact_us .infor {
	display: flex;
	flex-wrap: wrap
}

.contact_us .infor .li {
	width: 50%;
	border-bottom: 1px dashed #cdcfd4;
	padding: 1.5vw 5px
}

.contact_us .infor .li:last-child {
	width: 100%;
	border: none
}

.contact_us .infor .t1 {
	display: block;
	color: #9f9f9f;
	font-size: clamp(12px, .83vw, 16px)
}

.contact_us .infor .t2 {
	display: block;
	color: #222;
	font-size: clamp(14px, .93vw, 18px);
	font-weight: 700;
	margin-top: 1vw;
	padding-left: 20px
}

.contact_us .infor img {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: -4px 4px 0 0
}

.office {
	padding: 3.5vw 5vw;
	display: flex;
	flex-wrap: wrap;
	margin: -50px 4% 100px;
	background: #0d3878;
	border-radius: 6px;
	box-shadow: 0 0 14px 1px rgba(211, 225, 245, .7)
}

.office .li {
	width: 33.33%;
	padding: 0 20px
}

.office .li * {
	color: #fff
}

.office .li+.li {
	border-left: 1px dashed #3460d6
}

.office .img {
	position: absolute;
	right: 20px;
	bottom: 5%;
	height: 90%
}

.office .title {
	color: #f4f4f4;
	font-size: clamp(18px, 1.3vw, 26px);
	margin-bottom: 2.5vw;
	font-weight: 700
}

.office .t1 {
	display: block;
	font-size: clamp(12px, .83vw, 16px)
}

.office .t1 img {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin: -4px 4px 0 0
}

.office .t2 {
	display: block;
	font-size: clamp(14px, .93vw, 18px);
	font-weight: 700;
	margin-top: 1vw;
	padding-left: 20px
}

.corporate_culture {
	background: #fffef6;
	padding: 6% 0 10%
}

.corporate_culture .content {
	display: flex;
	flex-wrap: wrap
}

.corporate_culture .content .li {
	width: 33.33%;
	display: flex;
	flex-direction: column
}

.corporate_culture .content .li .img {
	z-index: 1
}

.corporate_culture .content .li img {
	display: block;
	width: 100%
}

.corporate_culture .content .li .txt {
	text-align: justify;
	font-size: clamp(14px, 1vw, 20px);
	color: #004896;
	line-height: 1.5;
	border-radius: 2px;
	border-left: 3px solid #004896;
	padding-top: 70px;
	margin-top: -30px;
	margin-left: 25px
}

.corporate_culture .content .li .txt span {
	display: inline-block;
	font-size: clamp(12px, .83vw, 16px);
	vertical-align: middle;
	margin: -4px 10px 0 0
}

.corporate_culture .content .li:nth-child(even) {
	flex-direction: column-reverse;
	margin-top: 50px
}

.corporate_culture .content .li:nth-child(even) .txt {
	margin-top: 0;
	margin-bottom: -30px;
	padding-top: 0;
	padding-bottom: 70px
}

.corporate_philosophy {
	margin: 6% 4%;
	z-index: 1
}

.corporate_philosophy .imgs {
	display: flex;
	flex-wrap: wrap;
	align-items: end
}

.corporate_philosophy .li:first-child {
	width: 52.8%;
	border-radius: 8px
}

.corporate_philosophy .li:last-child {
	flex: 1;
	border-radius: 8px
}

.corporate_philosophy .li img {
	display: block;
	width: 100%
}

.corporate_philosophy .titBox {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 8%
}

.corporate_philosophy .titBox .aa {
	font-size: clamp(24px, 2.4vw, 48px)
}

.corporate_philosophy .titBox .bb {
	font-size: clamp(20px, 1.5vw, 30px);
	margin-top: 10px
}

.corporate_philosophy .txtBox {
	align-content: center;
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	background: rgba(0, 72, 150, .85);
	border-radius: 2px;
	padding: 20px;
	text-align: center;
	height: 100%;
	width: 33%
}

.corporate_philosophy .txtBox .aa {
	font-size: clamp(20px, 1.5vw, 30px);
	line-height: 1.5;
	margin-bottom: 3vw
}

.corporate_philosophy .txtBox .bb {
	font-size: clamp(14px, 1.1vw, 22px);
	line-height: 2
}

.corporate_objectives {
	margin-bottom: 6%
}

.corporate_objectives .center {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 1
}

.corporate_objectives .imgs {
	width: 65%
}

.corporate_objectives .imgs img {
	display: block;
	width: 100%
}

.corporate_objectives .titBox {
	width: 32%;
	font-size: clamp(14px, 1.1vw, 22px);
	color: #004896;
	line-height: 2;
	padding-top: 8%
}

.corporate_objectives .titBox span {
	display: inline-block;
	font-size: clamp(12px, .83vw, 16px);
	vertical-align: middle;
	margin: -4px 10px 0 0
}

.corporate_objectives .txtBox {
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3.5%;
	width: 46%;
	box-shadow: inset 3px 4px 4px 1px rgba(0, 0, 0, .16);
	background: #fff;
	border-radius: 5px 5px 5px 0
}

.corporate_objectives .txtBox .aa {
	font-size: clamp(24px, 2.4vw, 48px)
}

.corporate_objectives .txtBox .bb {
	font-size: clamp(20px, 1.5vw, 30px);
	margin-top: 10px
}

.corporate_objectives .txtBox .cc {
	color: #004896;
	font-size: clamp(20px, 1.5vw, 30px);
	line-height: 2;
	margin-top: 1.5vw
}

.corporate_objectives .txtBox .cc span {
	display: inline-block;
	font-size: clamp(12px, 1vw, 20px);
	vertical-align: middle;
	margin: -4px 0 0 10px
}

.corporate_objectives:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(238, 238, 238, .45);
	position: absolute;
	left: 0;
	top: -42%;
	z-index: 0
}

.corporate_vision {
	background: url(../img/c22.png)no-repeat 50%/100% 100%;
	overflow: hidden
}

.corporate_vision .center {
	width: 62.5%;
	margin: 0 auto;
	max-width: 1200px;
	overflow: hidden;
	color: #fff;
	padding: 4% 0;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.corporate_vision .center .txtBox {
	width: 45%
}

.corporate_vision .center .aa {
	font-size: clamp(24px, 2.4vw, 48px)
}

.corporate_vision .center .bb {
	font-size: clamp(20px, 1.5vw, 30px);
	margin-top: 10px
}

.corporate_vision .center .cc {
	font-size: clamp(20px, 1.5vw, 30px);
	line-height: 2;
	margin-top: 1.5vw
}

.corporate_vision .center .imgs {
	width: 50%
}

.corporate_vision .center .imgs .img {
	width: 100%;
	display: block
}

.corporate_vision .center .imgs .tit {
	margin-top: 1vw;
	font-size: clamp(14px, 1.1vw, 22px);
	line-height: 2;
	padding-left: 1vw
}

.corporate_vision .center .imgs .tit span {
	display: inline-block;
	font-size: clamp(12px, .83vw, 16px);
	vertical-align: middle;
	margin: -4px 10px 0 0
}

.corporate_mission {
	padding: 5% 0;
	background: url(../img/c23.png)no-repeat 50%/100% 100%;
	overflow: hidden
}

.corporate_mission .center {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.corporate_mission .center .imgs {
	width: 50%
}

.corporate_mission .center .imgs .img {
	width: 100%;
	display: block
}

.corporate_mission .center .txtBox {
	width: 45%
}

.corporate_mission .center .aa {
	font-size: clamp(24px, 2.4vw, 48px)
}

.corporate_mission .center .bb {
	font-size: clamp(20px, 1.5vw, 30px);
	margin-top: 10px
}

.corporate_mission .center .cc {
	margin-top: 2vw;
	font-size: clamp(20px, 1.5vw, 30px);
	color: #004896;
	line-height: 1.5
}

.corporate_mission .center .cc span {
	display: inline-block;
	font-size: clamp(12px, 1vw, 20px);
	vertical-align: middle;
	margin: -4px 10px 0 0
}

.corporate_mission .center .dd {
	font-size: clamp(14px, 1.1vw, 22px);
	line-height: 2;
	margin-top: 3vw;
	color: #004896
}

.corporate_mission .center .dd span {
	display: inline-block;
	font-size: clamp(12px, .83vw, 16px);
	vertical-align: middle;
	margin: -4px 10px 0 0
}

.corporate_values {}

.corporate_values .img {
	width: 100%;
	display: block
}

.corporate_values .txtBox {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	padding-left: 18%;
	max-width: 50%
}

.corporate_values .txtBox .aa {
	font-size: clamp(24px, 2.4vw, 48px)
}

.corporate_values .txtBox .bb {
	font-size: clamp(20px, 1.5vw, 30px);
	margin-top: 10px
}

.corporate_values .txtBox .cc::after {
	content: '▶';
	display: block;
	font-size: clamp(12px, .83vw, 16px);
	position: absolute;
	left: -20px;
	top: 5px
}

.corporate_values .txtBox .cc {
	margin-top: 2vw;
	font-size: clamp(20px, 1.5vw, 30px);
	line-height: 1.5
}

.corporate_values .txtBox .cc span {
	display: inline-block;
	font-size: clamp(12px, .83vw, 16px);
	vertical-align: middle;
	margin: -4px 10px 0 0
}

.corporate_values .txtBox .dd {
	font-size: clamp(16px, 1.1vw, 22px);
	line-height: 2;
	margin-top: 2vw;
	padding: 20px 20px 20px 0
}

.sceneList {
	background: #f8fbfe;
	padding: 3.5%
}

.sceneList .center {
	display: flex;
	flex-wrap: wrap;
	gap: 2vw
}

.sceneList .center .list.half {
	max-width: calc((100% - 2vw)/2)
}

.sceneList .center .list.third {
	max-width: calc((100% - 4vw)/3)
}

.sceneList .center .list {
	background: url(../img/bg9.png)no-repeat 100% 100%/auto 8vw #fff;
	padding: 2vw;
	border-radius: 50px 6px 6px 6px;
	overflow: hidden
}

.sceneList .center .list .tit {
	color: #026;
	font-size: clamp(16px, 1.2vw, 24px);
	font-weight: 700
}

.sceneList .center .list .tit b {
	color: #f90;
	font-size: clamp(28px, 2.1vw, 42px)
}

.sceneList .center .list .tit::after {
	content: '';
	display: block;
	position: absolute;
	left: -2vw;
	top: 50%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 14px solid #004896;
	border-bottom: 8px solid transparent
}

.sceneList .center .list .des {
	color: #606a76;
	font-size: clamp(12px, .83vw, 16px);
	margin-top: 10px
}

.sceneList .center .list .moreLinks {
	margin-top: 2vw
}

.sceneList .center .list .moreLinks .li {
	display: block;
	color: #004896;
	font-size: clamp(14px, .83vw, 16px);
	white-space: nowrap
}

.sceneList .center .list .moreLinks .li:hover {
	text-decoration: underline
}

.sceneList .center .list .moreLinks .li img {
	display: inline-block;
	vertical-align: middle;
	width: 1.2vw;
	height: 1.2vw;
	margin: -4px 5px 0 0
}

.sceneList .swiper-button-next,
.sceneList .swiper-button-prev {
	width: 22px;
	height: 22px
}

.sceneList .swiper-button-next:after,
.sceneList .swiper-button-prev:after {
	font-size: 16px
}

.sceneList .swiper-button-next {
	bottom: 0;
	top: auto
}

.sceneList .swiper-button-prev {
	bottom: 0;
	top: auto;
	left: auto;
	right: 30px
}

.sceneList .swiper {
	padding-bottom: 40px
}

.scene_List_two {
	background: #f8fbfe;
	padding: 2%
}

.scene_List_two .center {
	display: flex;
	flex-wrap: wrap;
	gap: 2vw
}

.scene_List_two .center .list.half {
	max-width: calc((100% - 2vw)/2)
}

.scene_List_two .center .list.third {
	max-width: calc((100% - 4vw)/3)
}

.scene_List_two .center .list {
	width: 100%;
	overflow: hidden
}

.scene_List_two .center .list .title {}

.scene_List_two .center .list .title .tit {
	padding-left: 20px;
	color: #026;
	font-size: clamp(16px, 1.2vw, 24px);
	font-weight: 700;
	margin-top: 1vw
}

.scene_List_two .center .list .title .tit b {
	color: #2054cf;
	font-size: clamp(24px, 2vw, 40px)
}

.scene_List_two .center .list .title .tit::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-left: 14px solid #2054cf;
	border-bottom: 8px solid transparent
}

.scene_List_two .center .list .title .des {
	color: #606a76;
	font-size: clamp(14px, .83vw, 16px);
	margin-bottom: 10px
}

.scene_List_two .center .list .links {
	margin-top: 1vw;
	display: flex;
	flex-wrap: wrap
}

.scene_List_two .center .list .links .li {
	display: flex;
	flex-direction: column;
	width: 24%;
	margin: .5%;
	padding: 2.5vw 2vw;
	border-radius: 6px;
	background: linear-gradient(180deg, rgba(137, 191, 255, .2), rgba(212, 231, 255, .2))
}

.scene_List_two .center .list .links .li:hover {
	background: #fff
}

.scene_List_two .center .list .links .li img {
	display: inline-block;
	vertical-align: middle;
	width: 1vw;
	height: 1vw;
	margin: -4px 5px 0 0
}

.scene_List_two .center .list .links .li .tit {
	font-size: clamp(16px, .93vw, 18px);
	font-weight: 700;
	margin-bottom: 10px
}

.scene_List_two .center .list .links .li .des {
	font-size: clamp(14px, .83vw, 16px);
	line-height: 1.5;
	text-align: justify;
	margin-bottom: 10px
}

.scene_List_two .center .list .links .li .to {}

.scene_List_two .center .list .links .li .to {
	margin-top: auto
}

.scene_List_two .center .list .links .li .to {
	color: #2054cf;
	font-size: clamp(12px, .73vw, 14px)
}

.scene_List_two .center .list .links .li .to img {
	display: inline-block;
	height: clamp(12px, .73vw, 14px);
	width: auto;
	vertical-align: middle;
	margin: -2px 0 0 3px;
	transition: all .3s
}

.scene_List_two .center .list .links .li:hover .to img {
	transition: all .3s;
	transform: translateX(5px)
}

.scene_List_two .center .list.half .links .li {
	width: 49%
}

.scene_List_two .center .list.third .links .li {
	width: 99%
}

.searchBox.sop .search {
	width: 34%;
	background: linear-gradient(213deg, #F7FBFF80 0%, #EEF4FD80 100%);
	line-height: 60px
}

.searchBox.sop .search .txt * {
	color: #fff
}

.searchBox.sop .search .sub {
	height: 60px;
	width: auto;
	padding: 0 30px
}

.searchBox.sop .search .sub * {
	background: 0 0;
	color: #fff;
	font-size: clamp(14px, 1vw, 20px)
}

.sop input::placeholder,
textarea::placeholder {
	color: #fff;
	opacity: 1
}

.sop input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.sop input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #fff;
	opacity: 1
}

.sop_value {
	background: #f8fbfe;
	padding: 5% 0
}

.sop_value .content {}

.sop_value .content .li {
	margin-top: 5%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0 12.5%
}

.sop_value .content .li .left {
	z-index: 1;
	width: 50%;
	border-radius: 10px;
	box-shadow: 0 0 32px 1px rgba(139, 165, 212, .22)
}

.sop_value .content .li .left img {
	display: block;
	width: 100%
}

.sop_value .content .li .right {
	width: 45%;
	border-radius: 60px 20px 20px 20px;
	padding: 2vw;
	color: #fff;
	z-index: 1;
	background: linear-gradient(46deg, #126DE2 0%, #215FB3 18%, #004EB1 44%, #0E52A3 67%, #0050AE 83%, #0052AE 100%)
}

.sop_value .content .li:nth-child(even) {
	padding: 0;
	flex-direction: row-reverse
}

.sop_value .content .li:nth-child(even) .right {
	width: 42%;
	padding-left: 6%;
	background: #024896;
	border-radius: 0 60px 60px 0
}

.sop_value .content .li:nth-child(even) .left {
	width: 37.5%;
	margin-right: 12.5%
}

.sop_value .content .li:nth-child(even)::after {
	background: #fff;
	width: 100%;
	height: 80%;
	content: '';
	display: block;
	left: 0;
	top: 10%;
	position: absolute
}

.sop_value .content .li .right .aa {
	font-size: clamp(20px, 2vw, 40px)
}

.sop_value .content .li .right .aa img {
	display: inline-block;
	height: 30px;
	vertical-align: middle;
	margin: -4px 5px 0 0
}

.sop_value .content .li .right .aa b {
	font-weight: 700;
	font-size: clamp(28px, 2.5vw, 50px);
	color: #55e4ff;
	vertical-align: middle;
	display: inline-block
}

.sop_value .content .li .right .aa span {
	color: #55e4ff;
	vertical-align: middle;
	display: inline-block;
	margin: -4px 10px 0
}

.sop_value .content .li .right .bb {
	margin-top: 2vw;
	line-height: 1.3
}

.sop_value .content .li .right .bb p {
	display: block;
	font-size: clamp(12px, 1vw, 20px)
}

.sop_value .content .li .right .bb p+p {
	margin-top: 1.5vw
}

.sop_value .content .li .right .bb img {
	display: inline-block;
	height: 1.3vw;
	vertical-align: middle;
	margin: -2px 10px 0 0
}

.sop_system {
	padding: 6% 0 10%;
	background: url(../img/sop4.png)no-repeat 50%/100% 100%
}

.sop_system .content {
	padding: 0 5vw;
	margin-top: 3vw;
	display: flex;
	justify-content: center;
	gap: 2vw
}

.sop_system .content .li {
	padding: 1.5% 1.5% 3%;
	width: 17%;
	border-radius: 8px;
	background: #f0f7ff;
	text-align: center
}

.sop_system .content .li:nth-child(even) {
	background: #e6eff8
}

.sop_system .content .li .center {
	color: #fff;
	background: #135ec2;
	box-shadow: 0 2px 7px 1px rgba(0, 46, 127, .84);
	border-radius: 8px;
	padding: 20px 5px
}

.sop_system .content .li:nth-child(even) .center {
	background: #002e7f
}

.sop_system .content .li .aa {
	font-size: clamp(16px, 1.1vw, 22px)
}

.sop_system .content .li .bb {
	font-size: clamp(14px, 1vw, 20px)
}

.sop_system .content .li .cc {
	text-align: justify;
	color: #606a76;
	font-size: clamp(12px, .93vw, 18px);
	line-height: 2;
	margin-top: 2vw
}

.sop_system .content .li .img {
	display: block;
	height: 15px;
	margin: 10px auto
}



.Job_express {}

.detailsOne {
	background: rgba(236, 239, 245, .52);
	padding: 3% 0
}

.detailsOne .left {
	float: left
}

.detailsOne .left .aa {
	color: #090a0c;
	font-size: clamp(20px, 1.5vw, 30px)
}

.detailsOne .left .bb {
	font-size: clamp(12px, .93vw, 18px);
	display: flex;
	gap: 1.5vw;
	margin-top: 1.5vw;
	color: #989baf
}

.detailsOne .left .bb img {
	display: inline-block;
	height: 1vw;
	vertical-align: middle;
	margin: -4px 5px 0 0
}

.detailsOne .right {
	float: right
}

.detailsOne .right .aa {
	color: #2759A7;
	font-size: clamp(24px, 2vw, 40px);
	font-weight: 500
}

.detailsOne .right .bb {
	margin-top: .5vw;
	font-size: clamp(12px, .83vw, 16px);
	color: #fff;
	background: #2759A7;
	border-radius: 50px;
	padding: 5px 30px
}

.detailsOne .right .bb img {
	height: 14px;
	vertical-align: middle;
	margin: -2px 0 0 10px;
	cursor: pointer
}

.detailsOne .right .bb * {
	display: inline-block;
	color: #fff
}

.detailsOne .right .bb a:hover {
	text-decoration: underline
}

.detailsTwo {
	background: url(../img/j6.png)no-repeat 50%/100% 100%;
	padding: 3% 0 10%
}

.detailsTwo ul {}

.detailsTwo li {
	margin-bottom: 3vw;
	line-height: 2
}

.detailsTwo .tit {
	color: #494949;
	font-weight: 500;
	font-size: clamp(16px, 1.2vw, 24px);
	margin-bottom: 10px
}

.detailsTwo .des {
	font-size: clamp(14px, .93vw, 18px);
	color: #494949;
	line-height: 2
}

.jobList {}

.jobList .campus {
	padding: 4% 0;
	background: url(../img/j7.png)no-repeat 50%/100% 100%
}

.campus .list {
	display: flex;
	gap: 3vw;
	margin: 4vw 0;
	flex-wrap: wrap
}

.campus .list .li {
	width: calc((100% - 3vw)/2);
	background: #fff;
	padding: 2vw;
	box-shadow: 0 4px 26px 1px rgba(183, 183, 183, .15);
	border-radius: 4px
}

.jobList .aa {}

.jobList .aa .ch {
	font-size: clamp(20px, 1.5vw, 30px)
}

.jobList .aa .en {
	font-size: clamp(14px, .93vw, 18px);
	margin-top: 5px
}

.jobList .aa .line {
	background: #2759A7;
	width: 40px;
	height: 2px;
	margin-top: 1vw
}

.jobList .aa .money {
	position: absolute;
	right: 0;
	top: 0;
	color: #2759A7;
	font-size: clamp(24px, 1.5vw, 30px);
	font-weight: 500
}

.jobList .bb {
	margin-top: 1vw;
	padding: 1.5vw;
	border-radius: 2px
}

.jobList .bb ul {
	display: flex;
	display: flex;
	gap: 1.5vw
}

.jobList .bb ul li {
	font-size: clamp(12px, .93vw, 18px);
	color: #989baf
}

.jobList .bb ul li img {
	display: inline-block;
	height: 1vw;
	vertical-align: middle;
	margin: -4px 5px 0 0
}

.jobList .bb .des {
	margin-top: 1vw;
	font-size: clamp(14px, .93vw, 18px)
}

.jobList .bb .des .tt {
	color: #494949
}

.jobList .bb .des .tt img {
	display: inline-block;
	height: 1vw;
	vertical-align: middle;
	margin: -4px 5px 0 0
}

.jobList .bb .des .dd {
	line-height: 1.5;
	color: #666;
	margin-top: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis
}

.jobList .cc {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	align-items: center
}

.jobList .cc .more {
	color: #004896;
	font-size: clamp(12px, .83vw, 16px);
	border-radius: 20px;
	padding: 5px 15px
}

.jobList .cc .more:hover {
	background: #2759A7;
	color: #fff
}

.jobList .cc .email {
	color: #004896;
	font-size: clamp(12px, .83vw, 16px);
	padding-right: 15px
}

.jobList .cc .email * {
	display: inline-block
}

.jobList .cc .email img {
	height: 14px;
	vertical-align: middle;
	margin: -2px 0 0 5px;
	cursor: pointer
}

.jobList .cc .email a:hover {
	text-decoration: underline
}

.jobList .campus .bb {
	background: linear-gradient(180deg, #E2F3FF 0%, rgba(226, 243, 255, 0) 100%)
}

.jobList .campus .li:nth-child(2) .bb,
.jobList .campus .li:nth-child(3) .bb,
.jobList .campus .li:nth-child(6) .bb,
.jobList .campus .li:nth-child(7) .bb,
.jobList .campus .li:nth-child(10) .bb,
.jobList .campus .li:nth-child(11) .bb {
	background: linear-gradient(180deg, #FFF5E9 0%, rgba(255, 245, 233, 0) 100%)
}

.jobList .society {
	padding: 4% 0;
	background: url(../img/j8.png)no-repeat 50%/100% 100%
}

.society .list {
	display: flex;
	gap: 2.5vw;
	margin: 4vw 0;
	flex-wrap: wrap
}

.society .list .li {
	width: calc((100% - 5vw)/3);
	background: #fff;
	padding: 2vw;
	box-shadow: 0 4px 26px 1px rgba(183, 183, 183, .15);
	border-radius: 4px;
	border-top: 3px solid #004896
}

.jobList .society .bb {
	padding: 0 0 1vw;
	border-bottom: 1px dashed #d2d9df
}

.jobList .society .bb .des .tt {
	color: #004896
}

.jobList .society .bb .des .dd {
	color: #026
}

.jobList .society .cc {
	flex-direction: column;
	gap: 1vw
}

.jobList .society .cc .more {
	border: 1px solid #004896
}

.jobList .society .cc .email {
	padding: 0
}

.jobList .li {
	transition: all .3s
}

.jobList .li:hover {
	transform: translateY(-10px);
	transition: all .3s
}

.talent {}

.talent .plan {}

.plan img {
	display: block;
	width: 100%;
	object-fit: cover
}

.plan .text {
	background: rgba(0, 0, 0, .5);
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.plan .text .center {
	width: 75%;
	max-width: 1440px
}

.plan .text .tit {
	font-size: clamp(24px, 2.4vw, 48px);
	margin-bottom: 2vw
}

.plan .text .des {
	font-size: clamp(14px, 1.2vw, 24px)
}

.empowerment {
	margin-top: 4%
}

.empowerment .lab {
	color: #2759A7;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.empowerment .lab span {
	padding: 5px 20px;
	border: 1px solid #2759A7;
	border-radius: 16px;
	display: inline-block
}

.empowerment .title {
	font-size: clamp(20px, 2vw, 40px);
	text-align: center;
	font-weight: 500;
	margin-bottom: 2vw
}

.empowerment .lists {
	display: flex;
	justify-content: center;
	padding: 0 10px
}

.empowerment .lists .li {
	padding: 0 10px;
	width: 25%;
	border-radius: 4px 4px 4px 4px;
	overflow: hidden
}

.empowerment .lists .li .img {
	display: block;
	width: 100%
}

.empowerment .lists .li .mask {
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, margin-top:.3rem; .5);
	color: #fff;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.empowerment .lists .li .aa {
	font-size: clamp(18px, 1.5vw, 30px);
	width: 100%
}

.empowerment .lists .li .bb {
	font-size: clamp(16px, 1.2vw, 24px);
	width: 100%;
	margin-top: 1.5vw
}

.empowerment .lists .li .cc {
	height: 10px;
	margin-top: 10px;
	transition: all .5s
}

.empowerment .lists .li .dd {
	font-size: clamp(12px, .93vw, 18px);
	width: 100%;
	line-height: 1.5;
	margin-top: 0;
	height: 0;
	opacity: 0;
	transition: all .5s
}

.empowerment .lists .li:hover .mask {
	background: linear-gradient(180deg, #1A80CC 0%, #063E92 100%)
}

.empowerment .lists .li:hover .bb {
	display: none
}

.empowerment .lists .li:hover .cc {
	margin-top: 0;
	height: 0;
	opacity: 0;
	transition: all .5s
}

.empowerment .lists .li:hover .dd {
	margin-top: 1.5vw;
	height: auto;
	opacity: 1;
	transition: all .5s
}

.role {
	padding: 4%
}

.role .lab {
	color: #2759A7;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.role .lab span {
	padding: 5px 20px;
	border: 1px solid #2759A7;
	border-radius: 16px;
	display: inline-block
}

.role .title {
	font-size: clamp(20px, 2vw, 40px);
	text-align: center;
	font-weight: 500;
	margin-bottom: 2vw
}

.role .lists {
	display: flex;
	justify-content: center;
	margin-top: 6%
}

.role .lists .li {
	padding: 0 10px;
	width: 25%;
	text-align: center
}

.role .lists .li .img {
	display: block;
	height: 9vw;
	margin: 0 auto;
	max-width: 100%
}

.role .lists .li .aa {
	font-size: clamp(16px, 1.2vw, 24px);
	color: #004896;
	margin-top: 20px
}

.role .lists .li .bb {
	font-size: clamp(12px, .93vw, 18px);
	color: #494949;
	line-height: 1.5;
	margin-top: 20px
}

.growthBox {
	padding: 4% 20px 8%;
	overflow: hidden
}

.growthBox .lab {
	color: #2759A7;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.growthBox .lab span {
	padding: 5px 20px;
	border: 1px solid #2759A7;
	border-radius: 16px;
	display: inline-block
}

.growthBox .title {
	font-size: clamp(20px, 2vw, 40px);
	text-align: center;
	font-weight: 500;
	margin-bottom: 2vw
}

.growthBox .li {
	display: flex;
	align-items: center;
	background: #1163b3
}

.growthBox .li .img {
	display: block;
	width: 62%
}

.growthBox .li .des {
	flex: 1;
	color: #fff;
	line-height: 2;
	font-size: clamp(14px, 1.1vw, 22px);
	font-weight: 500;
	text-align: justify;
	padding: 20px
}

.elasticity {
	padding: 4% 0 10%;
	background: url(../img/t8.png)no-repeat 50%/100% 100%;
	overflow: hidden
}

.elasticity .lab {
	color: #2759A7;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.elasticity .lab span {
	padding: 5px 20px;
	border: 1px solid #2759A7;
	border-radius: 16px;
	display: inline-block
}

.elasticity .title {
	font-size: clamp(22px, 2.2vw, 44px);
	font-weight: 500;
	text-align: center
}

.elasticity .content {}

.elasticity .content .list {
	display: flex;
	flex-wrap: wrap;
	gap: 4em;
	align-items: center;
	margin-top: 4em
}

.elasticity .content .list:nth-child(even) {
	flex-direction: row-reverse
}

.elasticity .content .list:nth-child(even) .text {
	padding-left: 4em;
	padding-right: 0;
	text-align: right
}

.elasticity .content .list:nth-child(even) .li {
	flex-direction: row-reverse
}

.elasticity .content .list:nth-child(even) .li img {
	margin-right: 0;
	margin-left: 10px
}

.elasticity .content .list:nth-child(even) .img {
	border-radius: 90px 0 0 90px
}

.elasticity .content .img {
	width: 40%;
	border-radius: 0 90px 90px 0;
	overflow: hidden
}

.elasticity .content .img img {
	display: block;
	width: 100%
}

.elasticity .content .text {
	flex: 1;
	padding-right: 4em
}

.elasticity .content .text .list+.list .des .li {
	gap: 2vw
}

.elasticity .content .text .tit {
	font-size: clamp(18px, 1.6vw, 32px);
	margin-bottom: 1.5vw;
	font-weight: 500
}

.elasticity .content .text .des {}

.elasticity .content .text .des .li {
	display: flex;
	gap: 1vw
}

.elasticity .content .text .des .li+.li {
	margin-top: 10px
}

.elasticity .content .text .des .le {
	white-space: nowrap;
	font-size: 18px;
	color: #494949;
	font-weight: 500;
	line-height: 24px
}

.elasticity .content .text .des .le img {
	display: inline-block;
	width: 18px;
	margin-right: 10px;
	vertical-align: middle
}

.elasticity .content .text .des .ri {
	font-size: 16px;
	line-height: 1.5;
	color: #494949
}

.reward {
	padding: 6% 0 8%;
	background: url(../img/t7.png)no-repeat 50%/100% 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.reward .left {
	width: 55%
}

.reward .left .title {
	padding-left: 22.5%
}

.reward .left .lab {
	color: #2759A7;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw
}

.reward .left .lab span {
	padding: 5px 20px;
	border: 1px solid #2759A7;
	border-radius: 16px;
	display: inline-block
}

.reward .left .tit {
	font-size: clamp(22px, 2.2vw, 44px);
	font-weight: 500;
	margin-bottom: 2vw
}

.reward .left .des {
	background: linear-gradient(180deg, #1A80CC 0%, #063E92 100%);
	padding: 4% 4% 4% 22.5%;
	line-height: 2;
	color: #fff;
	font-size: clamp(14px, 1vw, 20px)
}

.reward .img {
	width: 32%;
	overflow: hidden;
	border-radius: 60px
}

.reward .img img {
	display: block;
	width: 100%
}

.environment {
	overflow: hidden;
	background: rgba(0, 0, 0, .5)
}

.environment .mask {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.environment .title {
	color: #fff
}

.environment .lab {
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw
}

.environment .lab span {
	padding: 5px 20px;
	border: 1px solid #fff;
	border-radius: 16px;
	display: inline-block
}

.environment .tit {
	font-size: clamp(22px, 2.2vw, 44px);
	font-weight: 500;
	margin-bottom: 3vw
}

.environment .des {
	line-height: 2;
	color: #fff;
	font-size: clamp(14px, 1vw, 20px)
}

.environment .picMove {
	animation: picMove 50s linear infinite;
	white-space: nowrap;
	font-size: 0;
	display: inline-block
}

.environment .picMove.stop {
	animation-play-state: paused
}

.environment .picMove .li {
	margin: 0 10px;
	display: inline-block
}

.environment .picMove .li:hover::after {
	background: 0 0;
	transition: all .3s linear
}

.environment .picMove .li img {
	display: block;
	height: 80vh
}

.environment .picMove .li::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all .2s linear;
	background: linear-gradient(200deg, rgba(0, 0, 0, .33) 0%, rgba(0, 0, 0, .6) 32%, rgba(0, 0, 0, .6) 57%, rgba(0, 0, 0, .6) 80%, rgba(89, 90, 91, .36) 100%)
}

@keyframes picMove {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(-50%)
	}
}

.welfare {
	overflow: hidden
}

.welfare .bigImg {
	display: block;
	width: 100%
}

.welfare .mask {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	padding: 6% 15% 0
}

.welfare .content {
	margin-top: 3vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center
}

.welfare .content .li {
	width: 33.33%;
	margin-bottom: 3vw;
	color: #004896
}

.welfare .content .li img {
	height: 3.4vw
}

.welfare .content .li .aa {
	font-size: clamp(20px, 1.5vw, 30px);
	font-weight: 500;
	line-height: 1.5;
	margin-top: .5vw
}

.welfare .content .li .bb {
	font-size: clamp(14px, .93vw, 18px);
	line-height: 1.8;
	margin-top: 1vw
}

.employee {
	padding: 5% 0 8%;
	background: url(../img/t28.png)repeat-y 50% 0/100%
}

.employee .content {
	padding: 0 4%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10vw;
	align-items: start
}

.employee .content .li {
	width: calc(50% - 20px);
	display: flex;
	gap: 20px;
	align-items: start;
	margin-bottom: 2vw
}

.employee .content .li:nth-child(odd) {
	flex-direction: row-reverse
}

.employee .content .li .img {
	width: 26%
}

.employee .content .li .img img {
	display: block;
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 100%;
	box-shadow: 0 0 20px 1px #b9dcff
}

.employee .content .li .text {
	flex: 1
}

.employee .content .li .text .aa {
	color: #004896;
	font-weight: 700;
	font-size: clamp(20px, 1.5vw, 30px);
	text-align: right;
	margin-bottom: 10px
}

.employee .content .li .text .aa .name {
	border-bottom: 4px solid #81c1ff;
	display: inline-block;
	padding: 0 10px 5px
}

.employee .content .li .text .bb {
	background: #c4e1fd;
	border-radius: 10px 10px 10px 60px;
	font-size: clamp(12px, .83vw, 16px);
	color: #0d1d2a;
	line-height: 1.5;
	padding: 1.5vw;
	text-align: justify
}

.employee .content .li .text .cc {
	position: absolute;
	top: 0;
	right: 25%;
	font-size: clamp(14px, .93vw, 18px);
	border-radius: 10px 10px 10px 30px;
	background: #e5e8fe;
	color: #0d1d2a;
	line-height: 1.5;
	padding: .4vw 2vw
}

.employee .content .li:nth-child(even) {
	transform: translateY(5vw)
}

.employee .content .li:nth-child(even) .text .aa {
	text-align: left
}

.employee .content .li:nth-child(4n+2) .text .bb {
	background: #fff
}

.employee .content .li:nth-child(4n+3) .text .bb {
	border-radius: 10px 10px 60px 10px;
	background: #fff;
	padding: 1.5vw
}

.employee .content .li:nth-child(4n) .text .bb {
	border-radius: 10px 60px 10px 10px;
	padding: 1.5vw
}

.employee .content .li:nth-child(4n+2) .text .cc {
	right: auto;
	left: 25%
}

.employee .content .li:nth-child(4n+3) .text .cc {}

.employee .content .li:nth-child(4n) .text .cc {
	right: 10%
}

.iot {
	padding: 5% 15%;
	background: url(../img/iot.png)no-repeat 50%/100% 100%
}

.iot .content {
	margin-top: 3vw;
	display: flex;
	justify-content: center;
	gap: 2.5vw;
	flex-wrap: wrap
}

.iot .content .li {
	transition: all .3s;
	padding: 3%;
	width: 44%;
	box-shadow: 0 0 10px 1px rgba(117, 160, 223, .7);
	border-radius: 10px;
	background: #f4fbff
}

.iot .content .li .tit {
	font-size: clamp(16px, 1.2vw, 24px);
	color: #004896;
	font-weight: 500
}

.iot .content .li .tit span {
	z-index: 1
}

.iot .content .li .tit i {
	font-style: normal;
	font-size: clamp(12px, 1vw, 20px)
}

.iot .content .li .tit b {
	font-size: clamp(30px, 2.5vw, 50px);
	color: rgba(187, 230, 255, .58);
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-60%, -50%);
	font-family: fantasy
}

.iot .content .li .des {
	color: #606a76;
	font-size: clamp(12px, .93vw, 18px);
	line-height: 1.8;
	margin-top: 1.5vw
}

.iot .content .li:hover {
	transform: scale(1.1);
	transition: all .3s
}

.software {
	padding: 6% 0 0;
	overflow: hidden;
	min-height: 100vh;
	background: url(../img/rj2.png)no-repeat 50%/100% 100%
}

.software .content {
	margin-top: 5vw;
	padding: 0 4% 0 12%;
	display: flex;
	flex-wrap: wrap;
	gap: 4vw;
	align-items: center
}

.software .content .text {
	width: 32%
}

.software .content .text .aa {
	color: #004896;
	font-weight: 700;
	font-size: clamp(14px, 1vw, 20px);
	line-height: 1.5;
	margin-bottom: 1vw
}

.software .content .text .bb {
	font-weight: 700;
	font-size: clamp(24px, 1.8vw, 36px);
	line-height: 1.5;
	margin-bottom: 1vw
}

.software .content .text .cc {
	color: #2c304b;
	font-weight: 400;
	font-size: clamp(12px, .93vw, 18px);
	line-height: 2
}

.software .content .img {
	flex: 1
}

.software .content .img img {
	display: block;
	width: 100%
}

.development {
	padding: 4% 0 6%;
	min-height: 100vh;
	background: url(../img/rj5.png)no-repeat 50%/100% 100%
}

.development .imgLeft {
	position: absolute;
	left: 4%;
	top: 10%;
	width: 12%
}

.development .imgLeft img {
	display: block;
	width: 100%
}

.development .content {
	padding: 0 8%;
	margin-top: 0%;
	z-index: 1
}

.development .content .li {
	padding: 15px;
	min-height: 13vw;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F0F9FF 100%)
}

.development .content .li::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 8vw;
	background: linear-gradient(180deg, #004896 0%, rgba(0, 72, 150, 0) 100%)
}

.development .content .li .aa {
	font-size: clamp(20px, 1.4vw, 28px);
	font-weight: 700;
	color: #004896;
	margin-bottom: 3vw
}

.development .content .li .bb {
	font-weight: 500;
	font-size: clamp(14px, 1vw, 20px);
	color: #004896;
	margin-bottom: 1vw
}

.development .content .li .bb span {
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px
}

.development .content .li .cc {
	color: #2c304b;
	font-weight: 400;
	font-size: clamp(14px, .93vw, 18px);
	line-height: 1.5
}

.development .content .swiper-button-prev {
	left: 6%
}

.development .content .swiper-button-next {
	right: 6%
}

.development .content .swiper-slide:nth-child(1) .li {
	margin-top: 10vw
}

.development .content .swiper-slide:nth-child(2) .li {
	margin-top: 8vw
}

.development .content .swiper-slide:nth-child(3) .li {
	margin-top: 6vw
}

.development .content .swiper-slide:nth-child(4) .li {
	margin-top: 4vw
}

.development .content .swiper-slide:nth-child(5) .li {
	margin-top: 2vw
}

.development .content .swiper-slide:nth-child(6) .li {
	margin-top: 0
}

.development .content .swiper-slide:nth-child(7) .li {
	margin-top: -2vw
}

.development .content .swiper-slide:nth-child(8) .li {
	margin-top: -4vw
}

.development .jiantou {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%
}

.qualification {
	padding: 4%;
	background: url(../img/rj6.png)no-repeat 50%/100% 100%
}

.qualification * {
	color: #fff
}

.qualification .content {
	display: flex;
	justify-content: center;
	align-items: center
}

.qualification .content .li {
	margin: 0 2.5vw;
	display: flex;
	align-items: center
}

.qualification .content .li .img {
	display: inline-block;
	width: 3vw
}

.qualification .content .li .txt {
	text-align: center;
	display: inline-block;
	margin: 0 1vw;
	font-size: clamp(14px, 1.2vw, 24px);
	line-height: 1.3
}

.qualification .content .li::after {
	content: '';
	display: block;
	position: absolute;
	left: 15%;
	top: 15%;
	width: 70%;
	height: 70%;
	background: rgba(115, 245, 255, .55);
	filter: blur(21px);
	opacity: .4
}

.experience {
	padding: 5% 5% 8%;
	background: url(../img/rj7.png)no-repeat 50%/100% 100%
}

.experience .content {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 72, 150, .8);
	border-radius: 40px;
	padding: 5% 0
}

.experience .content .li {
	padding: 0 1.5vw;
	width: 20%;
	text-align: center
}

.experience .content .li:hover .aa {
	color: #f90
}

.experience .content .li:hover .aa span {
	color: #fff
}

.experience .content .li+.li {
	border-left: 1px solid #ffffff40
}

.experience .content .li .aa {
	font-weight: 700;
	font-size: clamp(24px, 2.2vw, 43px);
	color: #fff
}

.experience .content .li .aa span {
	color: #f90
}

.experience .content .li .aa img {
	display: inline-block;
	height: 2.2vw
}

.experience .content .li .bb {
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	font-size: clamp(14px, 1vw, 20px);
	margin-top: 10px
}

.experience .content .li .bb .scroll {
	height: 100%;
	overflow-y: auto
}

.typical {
	padding: 6%;
	background: url(../img/rj8-0.png)no-repeat 50%/100% 100%
}

.typical .content {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap
}

.typical .content .li {
	width: calc((100% - 60px)/4);
	perspective: 1e3px
}

.typical .content .li:hover .center {
	transform: rotateY(-180deg)
}

.typical .content .li .center {
	transform-style: preserve-3d;
	transition: transform .6s ease
}

.typical .content .li .aa {
	backface-visibility: hidden;
	border-radius: 8px 8px 40px 8px;
	overflow: hidden
}

.typical .content .li .aa .img {}

.typical .content .li .aa img {
	display: block;
	width: 100%
}

.typical .content .li .aa .tit {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: end;
	flex-direction: column;
	background: linear-gradient(180deg, rgba(73, 73, 73, .13) 0%, rgba(4, 4, 8, .18) 52%, rgba(0, 0, 0, .78) 100%)
}

.typical .content .li .aa .tit p {
	padding: .5vw 1vw;
	color: #fff;
	font-size: clamp(14px, .93vw, 18px);
	margin-bottom: 1vw;
	align-self: flex-start;
	display: block;
	border-radius: 0 20px 8px 0;
	background: linear-gradient(91deg, rgba(177, 232, 255, .31) 0%, #004896b5 100%)
}

.typical .content .li .bb {
	transform: rotateY(180deg);
	backface-visibility: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	padding: 1vw;
	box-shadow: 0 4px 24px 1px rgba(211, 225, 245, .95);
	border-radius: 8px 8px 8px 40px;
	background: #fff;
	overflow: hidden
}

.typical .content .li .bb .scroll {
	width: 100%;
	height: 100%;
	overflow-y: auto
}

.typical .content .li .bb .img {}

.typical .content .li .bb .img img {
	display: block;
	max-width: 100%;
	height: 1.8vw;
	object-fit: cover
}

.typical .content .li .bb .tit {
	font-size: clamp(14px, .93vw, 18px);
	margin-top: 5px;
	font-weight: 500
}

.typical .content .li .bb .lab {
	margin-top: 5px;
	color: #224fb9
}

.typical .content .li .bb .lab .lii {
	font-size: clamp(12px, .73vw, 14px);
	display: inline-block
}

.typical .content .li .bb .lab .lii+.lii {
	margin-left: 5px
}

.typical .content .li .bb .lab img {
	display: inline-block;
	height: clamp(14px, .83vw, 16px);
	vertical-align: middle;
	margin: -2px 3px 0 0
}

.typical .content .li .bb .des {
	line-height: 1.5;
	font-size: clamp(12px, .73vw, 14px);
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
	text-overflow: ellipsis
}

.typical .content .li .bb .to {
	margin-top: auto;
	text-align: right
}

.typical .content .li .bb .to {
	color: #026;
	font-size: clamp(12px, .73vw, 14px);
	font-weight: 700
}

.typical .content .li .bb .to img {
	display: inline-block;
	height: clamp(12px, .73vw, 14px);
	vertical-align: middle;
	margin: -4px 0 0 3px;
	transition: all .3s
}

.typical .content .li .bb .to:hover {
	color: #224fb9
}

.typical .content .li .bb .to:hover img {
	transition: all .3s;
	transform: translateX(3px)
}

.advantage {
	padding: 5% 8%;
	background: url(../img/rj27.png)no-repeat 50%/100% 100%
}

.advantage .content {
	display: flex;
	flex-wrap: wrap;
	gap: 2vw
}

.advantage .content .li {
	padding-left: 4vw;
	display: flex;
	align-items: center;
	gap: 1vw;
	flex: 0 0 calc(33.333% - 1.333333vw);
	justify-content: flex-start
}

.advantage .content .li .img {
	display: block;
	height: 3vw;
	width: 3vw;
	object-fit: cover
}

.advantage .content .li .txt {
	font-size: clamp(14px, 1vw, 20px);
	color: #004978;
	line-height: 1.35;
	font-weight: 500
}

.brand {
	display: flex;
	flex-wrap: wrap;
	gap: 1vw;
	margin-top: 3vw
}

.brand .li {
	flex: 0 0 calc(20% - .8vw);
	box-shadow: 0 0 12px 1px rgba(211, 225, 245, .7);
	border-radius: 4px;
	background: #fff
}

.brand .li img {
	display: block;
	width: 100%
}

.period {
	min-height: 100vh;
	padding: 5% 0;
	background: url(../img/rj28.png)no-repeat 50%/100% 100%
}

.period .content {
	margin-top: 5%
}

.period .lineOne {
	display: flex;
	justify-content: center;
	padding: 0 10%;
	z-index: 1
}

.period .lineOne .li {
	text-align: center;
	width: 20%
}

.period .lineOne .li .aa {
	font-weight: 700;
	font-size: 16px;
	color: #0d1d2a
}

.period .lineOne .li .bb {
	font-size: 13px;
	margin: 10px auto 0;
	max-width: 9vw;
	min-width: 164px;
	font-weight: 400;
	color: #4b5b76;
	line-height: 1.5;
	background: #f4f9fd;
	border-radius: 8px;
	padding: 10px
}

.period .lineOne .li .cc {
	background: url(../img/rj30.png)no-repeat 50%/100% 100%;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	width: 3vw;
	height: 3vw;
	line-height: 3vw;
	border-radius: 100%;
	overflow: hidden
}

.period .lineOne:first-child .li:nth-child(1),
.period .lineOne:first-child .li:nth-child(5) {
	margin-top: -4vw
}

.period .lineOne:first-child .li:nth-child(2),
.period .lineOne:first-child .li:nth-child(4) {
	margin-top: -2vw
}

.period .lineTwo+.lineOne {
	margin-top: 2vw;
	align-items: flex-start
}

.period .lineTwo+.lineOne .li {
	display: flex;
	flex-direction: column-reverse
}

.period .lineTwo+.lineOne .li:nth-child(1),
.period .lineTwo+.lineOne .li:nth-child(4) {
	transform: translateY(1vw)
}

.period .lineTwo+.lineOne .li .bb {
	margin: 0 auto 10px
}

.period .lineTwo {
	text-align: center;
	padding: 10% 0;
	margin: -8% 0 -10%
}

.period .lineTwo .li {
	background: linear-gradient(125deg, #F9FAFA 0%, #F6FBFC 28%, #F9FCFF 67%, #FFFFFF 100%);
	box-shadow: 0 0 6px 1px rgba(155, 181, 226, .28);
	border-radius: 100%;
	padding: 10px;
	width: 9vw;
	height: 9vw;
	overflow: hidden;
	align-content: center;
	display: inline-block;
	margin: 0 1vw
}

.period .lineTwo .li .aa {
	font-weight: 700;
	font-size: 16px;
	color: #004896;
	margin-bottom: 10px
}

.period .lineTwo .li .bb {
	font-size: 12px;
	font-weight: 400;
	color: #4b5b76;
	line-height: 1.5
}

.period .lineTwo .pos {
	display: block;
	object-fit: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

.honor {
	padding: 4% 11% 6%
}

.honor .lists {
	display: flex;
	flex-wrap: wrap;
	gap: 15px
}

.honor .lists .li {
	flex: 0 0 calc((100% - 75px)/5);
	background: #f9f9f9;
	border-radius: 2px;
	padding: 1.5vw
}

.honor .lists .li .img {
	height: 8.6vw
}

.honor .lists .li .img img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto
}

.honor .lists .li .name {
	font-size: 12px;
	color: #3b3b3b;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 1vw;
	text-align: center
}

.certificate {
	padding: 4% 8% 5%;
	background: url(../img/ry5.png)no-repeat 50%/100% 100%
}

.certificate .listsOne {
	display: flex;
	overflow: hidden;
	justify-content: center
}

.certificate .listsOne .li {
	flex: 1;
	max-width: 8vw
}

.certificate .listsOne .li+.li {
	margin-left: -1vw
}

.certificate .listsOne .li .img {
	display: block;
	width: 100%
}

.certificate .listsTwo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 3vw;
	margin-left: 2vw
}

.certificate .listsTwo .li {
	max-width: 8vw;
	margin-top: -2.5vw;
	margin-left: -2vw
}

.certificate .listsTwo .li .img {
	display: block;
	width: 100%;
	-webkit-box-reflect: below 10px linear-gradient(transparent, rgba(255, 255, 255, .5))
}

.revenue {
	padding: 8% 0;
	background: url(../img/bg11.png)no-repeat 50%/100% 100%
}

.revenue .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.5vw;
	margin-top: 6vw
}

.revenue .content .li {
	width: 40%;
	padding: 2vw 2vw 4vw;
	border-radius: 2px;
	border: 1px solid #fff;
	transition: all .3s;
	box-shadow: 0 0 12px 1px rgba(211, 225, 245, .7), inset 0 0 99px 1px rgba(235, 248, 255, .26);
	background: linear-gradient(180deg, #F6F9FD 0%, rgba(255, 255, 255, .91) 12%, #FFFFFF 49%, #FFFFFF 85%, #F6F9FD 100%)
}

.revenue .content .li .tit {
	font-size: clamp(16px, 1.2vw, 24px);
	color: #004896;
	font-weight: 700
}

.revenue .content .li .des {
	font-size: clamp(14px, .93vw, 18px);
	color: #606a76;
	line-height: 1.7;
	margin-top: 1.5vw;
	width: 80%
}

.revenue .content .li .des b {
	font-size: clamp(16px, 1.2vw, 24px);
	color: #2054cf
}

.revenue .content .li .img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30%
}

.revenue .content .li:hover {
	transform: translateY(-1vw);
	transition: all .3s
}

.trouble {
	padding: 5% 0;
	background: #f8fbfe
}

.trouble .commonTitle .tit {
	font-size: clamp(20px, 1.5vw, 30px)
}

.trouble .commonTitle .des {
	margin-top: 15px;
	font-size: clamp(16px, 1vw, 20px)
}

.trouble .centerBox {
	padding: 3vw 1.5vw;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 6px 1px rgba(211, 225, 245, .7)
}

.trouble .content {}

.trouble .content .li {
	border-radius: 10px;
	display: flex;
	padding: 1vw 2.5vw;
	align-items: center;
	justify-content: space-between
}

.trouble .content .li:nth-child(even) {
	background: #f8fbfe
}

.trouble .content .li .aa {
	width: 50%;
	color: #2c304b;
	font-size: clamp(14px, 1vw, 20px)
}

.trouble .content .li .bb {}

.trouble .content .li .bb .ss {
	display: block;
	height: 1.7vw
}

.trouble .content .li .bb .hh {
	display: none;
	height: 1.7vw
}

.trouble .content .li .cc {
	width: 30%;
	color: #2054cf;
	font-weight: 500;
	font-size: clamp(16px, 1.1vw, 22px)
}

.trouble .content .li .dd {}

.trouble .content .li .dd img {
	display: block;
	width: 3vw
}

.trouble .content .li:hover {
	background: #2759A7
}

.trouble .content .li:hover .aa {
	color: #fff
}

.trouble .content .li:hover .bb .ss {
	display: none
}

.trouble .content .li:hover .bb .hh {
	display: block
}

.trouble .content .li:hover .cc {
	color: #fff
}

.trouble .content .li:nth-child(even):hover {
	background: #002e7f
}

.demo {
	padding: 8% 0;
	background: url(../img/bg12.png)no-repeat 50%/100% 100%
}

.demo .content {
	padding: 0 10%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}

.demo .content .text {
	width: 28%
}

.demo .content .text .aa {
	color: #004896;
	font-weight: 700;
	font-size: clamp(12px, .93vw, 18px);
	line-height: 1.5;
	margin-bottom: 1vw
}

.demo .content .text .aa img {
	display: block;
	height: 4vw
}

.demo .content .text .bb {
	font-weight: 500;
	font-size: clamp(20px, 1.6vw, 32px);
	line-height: 1.5;
	margin-bottom: 1vw
}

.demo .content .text .cc {
	color: #2c304b;
	font-weight: 400;
	font-size: clamp(14px, .93vw, 18px);
	line-height: 2
}

.demo .content .text .dd {
	color: #2c304b;
	font-weight: 400;
	font-size: clamp(12px, .83vw, 16px);
	line-height: 1.8;
	margin-top: 1vw
}

.demo .content .img {
	width: 70%;
	border-radius: 10px;
	overflow: hidden
}

.demo .content .img * {
	display: block;
	width: 100%
}

.demo .content .lists {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2vw
}

.demo .content .lists .li {
	background: #f4fcff;
	border-radius: 60px;
	padding: 2vw;
	text-align: center
}

.demo .content .lists .li .aa {
	font-weight: 700;
	font-size: clamp(20px, 1.5vw, 30px);
	color: #0054a6
}

.demo .content .lists .li .bb {
	font-weight: 400;
	color: #606a76;
	line-height: 1.5;
	font-size: clamp(10px, .83vw, 16px);
	margin-top: 10px
}

.demo .content .lists .li:hover {
	background: #fafe8880
}

.pictures {
	width: 50%
}

.pictures .pic {
	display: block;
	width: 100%
}

.pictures .swiper-button-next,
.pictures .swiper-button-prev {
	width: 2.5vw;
	height: 2.5vw;
	background: #004896;
	border-radius: 8px
}

.pictures .swiper-button-next:after,
.pictures .swiper-button-prev:after {
	font-size: 1vw;
	color: #fff
}

.pictures .swiper-button-next {
	right: -3vw
}

.pictures .swiper-button-prev {
	left: -3vw
}