@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: #192b50;
	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: 80%;
	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: 40px 0;
	margin-top: 40px
}

.header {
	padding: 20px;
	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: 0 20px;
	display: flex;
	gap:20px;
	align-items: center;
}

.header .menu li {
	
}

.header .menu li+li {
	
}

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

.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 .second {
	z-index: 3;
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: calc(100% - 80px);
	background: rgba(0, 0, 0, .5)
}

.header .menu li .second .center {
	max-height: 100%;
	padding: 20px;
	border-top: 1px dashed #005dff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	background: linear-gradient(180deg, #FFFFFF 0%, #E1EAF8 100%)
}

.header .menu li .second .center .left {
	padding: 20px 40px 20px 20px;
	width: 340px
}

.header .menu li .second .center .left .tit {
	color: #2054cf;
	font-weight: 700;
	font-size: clamp(20px, 1.875vw, 36px);
	line-height: 1.38
}

.header .menu li .second .center .left .en {
	color: #2054cf;
	font-weight: 700;
	font-size: clamp(16px, 1.2vw, 24px);
	line-height: 1.5
}

.header .menu li .second .center .left .des {
	color: #2c304b;
	font-size: clamp(14px, .93vw, 18px);
	margin-top: 30px;
	line-height: 1.5
}

.header .menu li .second .center .left .btns {
	margin-top: 40px
}

.header .menu li .second .center .left .li {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 38px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 6px 1px #E8EEFE;
	border: 1px solid #e8eefe;white-space: nowrap;
}

.header .menu li .second .center .left .li span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	margin: -4px 15px 0 0;
	vertical-align: middle;
	border: 2px solid #2054cf
}

.header .menu li .second .center .left .li img {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	margin: -4px 0 0 12px;
	vertical-align: middle
}

.header .menu li .second .center .left .li+.li {
	color: #2054cf;
	margin-top: 25px
}

.header .menu li .second .center .left .li:hover {
	background: #2054cf;
	color: #fff
}

.header .menu li .second .center .left .li:hover span {
	border: 2px solid #fff
}

.header .menu li .second .center .left .li:hover img {
	animation: swing 1.5s infinite
}

.header .menu li .second .center .right {
	position: relative;
	flex: 1;
	max-height: calc(100% - 100px);
	padding: 30px 0 30px 30px;
	box-shadow: 0 0 6px 1px rgba(176, 197, 253, .8);
	border-radius: 8px;
	background: #fff
}

.header .menu li .second .center .right .close {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer
}

.header .menu li .second .center .right .close img {
	display: block;
	width: 20px
}

.header .menu li .second .center .right .close:hover img {
	filter: brightness(50%)
}

.maxBox {
	overflow: scroll;
	padding: 6px 30px 6px 6px
}

.header .menu li .second .center .right .line {}

.header .menu li .second .center .right .line+.line {
	margin-top: 40px
}

.header .menu li .second .center .right .line .tit {
	display: block;
	font-size: clamp(16px, 1.25vw, 24px);
	font-weight: 700;
	color: #2c304b;
	margin-bottom: 25px
}

.header .menu li .second .center .right .tit.type:hover {
	color: #2054cf
}

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

.header .menu li .second .center .right .tit .aa {
	box-shadow: none;
	border-radius: 0;
	margin: -4px 0 0 10px
}

.header .menu li .second .center .right .line .link {
	display: flex;
	flex-wrap: wrap;
	gap: 1vw 2vw
}

.header .menu li .second .center .right .link .to {
	flex: 0 0 calc(94px * 4 - 12px * 2);
	flex-basis: calc(94px * 4 - 12px * 2);
	border-radius: 4px;
	background: linear-gradient(90deg, #F1F8FD 0%, rgba(236, 247, 255, .45) 70%, rgba(238, 244, 253, 0) 100%)
}

.header .menu li .second .center .right .link .to .second-one {
	font-size: clamp(14px, .93vw, 18px);
	display: block;
	width: 100%;
	padding: 0 1.5vw 0 1vw;
	line-height: 3vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500
}

.header .menu li .second .center .right .link .to:hover .second-one,
.header .menu li .second .center .right .link .to .second-two a:hover {
	background: linear-gradient(90deg, #c2d4ff 0%, rgba(236, 247, 255, .45) 70%, rgba(238, 244, 253, 0) 100%)
}

.header .menu li .second .center .right .link .to:hover .second-two {
	transform: scale(1);
	transition: all .3s;
	top: 100%;
	opacity: 1
}

.header .menu li .second .center .right .link .to .second-two {
	box-shadow: 2px 2px 10px #00000029;
	border-radius: 6px;
	transform: scale(0);
	transition: all .3s;
	z-index: 1;
	width: 100%;
	position: absolute;
	top: -100%;
	opacity: 0;
	left: 0;
	background: linear-gradient(90deg, #F1F8FD 0%, #ecf7ff 70%, #eef4fd 100%)
}

.header .menu li .second .center .right .link .to .second-two a {
	font-size: clamp(12px, .83vw, 16px);
	display: block;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 500;
	padding: 0 30px;
	border-top: 1px dashed #ddd
}

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

.header .menu li .second .center .right .link .to:hover {
	color: #2054cf
}

.header .menu li .second .center .right .link .to:hover span {
	border: 2px solid #2054cf
}

.header .menu li .second .center .right .line .lists {
	display: flex;
	gap: 20px;
	flex-wrap: wrap
}

.header .menu li .second .center .right .lists .li {
	display: block;
	width: calc((100% - 60px)/4)
}

.header .menu li .second .center .right .lists .img {
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 0 6px 1px rgba(176, 197, 253, .8)
}

.header .menu li .second .center .right .lists .img img {
	display: block;
	width: 100%;
	transition: all .3s
}

.header .menu li .second .center .right .lists .tt {
	color: #2c304b;
	font-weight: 700;
	margin-top: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.header .menu li .second .center .right .lists .dd {
	font-size: 14px;
	color: #2c304b;
	line-height: 1.5;
	margin-top: 10px;
	height: 42px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.header .menu li .second .center .right .lists .more {
	margin-top: 20px
}

.header .menu li .second .center .right .lists .more img {
	height: 14px;
	display: block
}

.header .menu li .second .center .right .lists .li:hover .img img {
	transform: scale(1.1);
	transition: all .3s
}

.header .menu li .second .center .right .lists .li:hover .tt {
	color: #2054cf
}

.header .menu li .second .center .right .lists .li:hover .more img {
	animation: fadeInLeft 1.5s infinite
}

.header .other {
	display: flex;
	gap: 20px
}

.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: 18px;
	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;white-space: nowrap;
}

.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: #0c59cc
}

.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: #0c59cc
}

.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 .centerBox{width: 92%;}
footer .top {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	flex-wrap: wrap;
}

footer .top .left {
	flex:100%;
	display: flex;
	align-items: end;
	gap: 40px;
}

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: #0c59cc
}

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: 100%;
	display: flex;
	justify-content: space-between;gap: 20px;    margin-bottom: 40px;
}

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: #0c59cc
}

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: #0c59cc
}

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: 40%;
	max-width: 520px;
	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);    padding-right: 24px;
}

.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: #0c59cc;
	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: #0c59cc;
	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: #0c59cc;
	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;
	width: 70%;
}

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

.floatingBottom .c-text {
	font-size: clamp(14px, .93vw, 18px);
	margin-right: 20px;
	text-align: left !important;
}

.floatingBottom .to {
	line-height: 36px;
	text-align: center;
	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;
	padding: 0 20px;
}

.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;
	padding: 0 20px;
}

.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: #0c59cc
}

.commonTitle .lab span {
	margin: 0 10px;
}

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

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

.scroll-section {
	background: #fff
}

.banner {
	height: 100vh;
	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;
	height: 100%;
	width: 100%;
	object-fit: cover
}

.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, 2.5vw, 50px);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73);
	font-weight: 700;
	display: block;
	margin-bottom: 10px;
	
	word-wrap: break-word;
}

.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;
	word-wrap: break-word;
}

.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);
	word-wrap: break-word;
}

.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
}

.manufacture {
	height: 100%;
	overflow: hidden;
	position: relative
}

.manufacture .box {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.manufacture .big {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2);
	transition: 2s
}

.manufacture .swiper-slide-active .big {
	transform: scale(1);
	transition: 2s
}

.manufacture .content {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, .33);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 50px;
	border-radius: 20px;
	padding: 3vw 2vw;
	width: 500px
}

.manufacture .tit {
	color: #026;
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 800;
	display: block;
	line-height: 1.375
}

.manufacture .des {
	color: #026;
	line-height: 1.5;
	display: block;
	margin-top: 1vw;
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
}

.manufacture .pic {
	margin-top: 1vw
}

.manufacture .pic img {
	display: block;
	width: 100%
}

.manufacture .link {
	gap: 20px;
	display: flex;
	margin-top: 2vw
}

.manufacture .link .li {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #026;
	border-radius: 2px;
	border: 1px solid #026;
	flex: 1;
	padding: 15px;
}

.manufacture .link .li:hover {
	background: #fff9
}

.manufacture .link .li img {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 0 0;
	height: 18px
}

.manufacture .link .li span {
	display: inline-block;white-space: nowrap;
}

.manufacture-menu {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 10%;
	height: 100%;
	z-index: 1;
	padding-left: 50px;
	padding-right: 20px;
	background: linear-gradient(90deg, #36495f80, transparent)
}

.manufacture-menu .center {
	position: relative
}

.manufacture-menu .title {
	color: #fff;
	font-size: clamp(24px, 2.3vw, 44px);
	font-weight: 700;
	line-height: 1.4
}

.manufacture-menu .more {
	display: block;
	margin-top: 2.5vw;
	font-size: 18px;
	color: #fff9
}

.manufacture-menu .more:hover {
	color: #fff
}

.manufacture-menu .manufacture-pagination {}

.manufacture-pagination li {
	white-space: nowrap;
	margin-top: 2.5vw;
	cursor: pointer
}

.manufacture-pagination li:nth-child(2) .a,
.manufacture-pagination li:nth-child(3) .a,
.manufacture-pagination li:nth-child(4) .a {
	font-size: 15px
}

.manufacture-pagination li .a {
	display: inline-block;
	color: #fff;
	font-size: 18px
}

.manufacture-pagination li .b {
	display: none;
	vertical-align: middle;
	margin: -4px 0 0 15px;
	height: 14px
}

.manufacture-pagination li.active .a {
	color: #2054cf;
	font-weight: 700
}

.manufacture-pagination li.active .b {
	display: inline-block
}

.scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, .1)
}

.scrollbar .li {
	width: 100%;
	height: 0;
	background: #ffffff80;
	position: absolute;
	top: 0;
	left: 0
}

.scrollbar .li.on {
	animation: 7s divAnimate linear forwards
}

@keyframes divAnimate {
	100% {
		height: 100%
	}
}

.electron {
	padding: 4% 0 0;
	min-height: 100vh;
	background: #fff
}

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

.electron .proList .li {
	padding: 30px;
	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: #0c59cc;
	font-weight: 800;
	font-size: clamp(18px, 1.25vw, 24px)
}

.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, .83vw, 16px);
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	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: 13
}

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

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

.electron .proList .li.on .mask {
	background: linear-gradient(136deg, #001C55 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%;z-index:2;
}

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

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

.ad .left .dd p {
	width: calc(33.33% - 15px);white-space: nowrap;
}

.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;
	padding: 0 20px;
}
.aboutUs .commonTitle{width:80%;margin: 0 auto;}

.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: 20px;
}

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

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

.datas li .txt {
	margin-left: 3.5vw;
	margin-top: -5px
}

.datas li .txt .tt {
	display: block;
	font-size: clamp(28px, 3vw, 60px);
	font-weight: 700
}

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

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

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

.threeTab {
	display: flex
}

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

.threeTab .li .mask {
	background: linear-gradient(151deg, #001C55 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 .5s;
	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: #0c59cc
}

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

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

.partner {
	padding: 7.5% 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: 6% 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
}

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

.technical_support .title {
	text-align: center
}

.technical_support .title .aa {
	font-size: clamp(24px, 2.3vw, 44px);
	font-weight: 700;
	margin-bottom: 40px
}

.technical_support .title .bb {
	font-size: clamp(16px, 1vw, 20px);
	float: right;
	margin-right: 10%
}

.technical_support .title ul {
	position: relative;
	padding-bottom: 40px
}

.technical_support .title ul:after {
	content: '';
	display: block;
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 5px;
	background: #fbfbfb;
	border-radius: 4px;
	border: 1px solid #0c59cc1a
}

.technical_support ul li {
	float: left;
	position: relative;
	cursor: pointer
}

.technical_support ul li+li {
	margin-left: 4vw
}

.technical_support ul li.tab-active {
	color: #0c59cc
}

#slider {
	height: 5px;
	border-radius: 4px;
	background: #0c59cc;
	bottom: 0;
	position: absolute;
	left: 0;
	transition: all .3s
}

.tab-content {
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
	transform: scale(0);
	height: 0
}

.content-fade {
	transition: all .5s;
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	height: auto
}

.technical_support .content {
	margin: 4.6% auto 0;
	width: 80%
}

.t_video {}

.t_video .li {
	display: block;
	box-shadow: 0 0 16px 1px rgba(150, 187, 255, .22);
	border-radius: 8px;
	background: #fbfbfb;
	overflow: hidden
}

.t_video .li .img {
	overflow: hidden
}

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

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

.t_video .li .cont {
	padding: 25px;
	background: #fbfbfb
}

.t_video .li .tit {
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

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

.t_video .swiper {
	padding: 16px 0 90px
}

.t_video .swiper-button-next,
.t_video .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 0 6px 1px rgba(0, 34, 102, .47)
}

.t_video .swiper-button-next:after,
.t_video .swiper-button-prev:after {
	font-size: 16px;
	color: #026
}

.t_video .swiper-button-prev:hover,
.t_video .swiper-button-next:hover {
	background: #0c59cc
}

.t_video .swiper-button-prev:hover:after,
.t_video .swiper-button-next:hover:after {
	color: #fff
}

.t_video .swiper-button-next {
	top: calc(100% - 30px);
	right: 12%
}

.t_video .swiper-button-prev {
	top: calc(100% - 30px);
	right: calc(12% + 60px);
	left: auto
}

.b_video {}

.b_video .li {
	display: block;
	box-shadow: 0 0 16px 1px rgba(150, 187, 255, .22);
	border-radius: 8px;
	background: #fbfbfb;
	overflow: hidden
}

.b_video .li .img {
	overflow: hidden
}

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

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

.b_video .li .cont {
	padding: 25px;
	background: #fbfbfb
}

.b_video .li .tit {
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

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

.b_video .swiper {
	padding: 16px 0 90px
}

.b_video .swiper-button-next,
.b_video .swiper-button-prev {
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 0 6px 1px rgba(0, 34, 102, .47)
}

.b_video .swiper-button-next:after,
.b_video .swiper-button-prev:after {
	font-size: 16px;
	color: #026
}

.b_video .swiper-button-prev:hover,
.b_video .swiper-button-next:hover {
	background: #0c59cc
}

.b_video .swiper-button-prev:hover:after,
.b_video .swiper-button-next:hover:after {
	color: #fff
}

.b_video .swiper-button-next {
	top: calc(100% - 30px);
	right: 12%
}

.b_video .swiper-button-prev {
	top: calc(100% - 30px);
	right: calc(12% + 60px);
	left: auto
}

.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: 30px 60px;
	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: 30px;
	top: 30px;
	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;
	min-height: 100vh;
	padding: 8% 0;
	color: #fff;
	background: linear-gradient(180deg, #032B70 0%, #1e5d9c 45%, #6895cf 100%)
}
.mapBox  .centerBox{width: 92%;overflow: hidden;}
.mapBox .right {
	width: 500px;
	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: 130px;
	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: 250px
}

.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: 520px
}

.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, 1.875vw, 36px);
	font-weight: 800;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .73)
}

.commonAd .more {
	margin-top: 20px;
	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
}

.typeTwo {
	width: 92%;
	margin: 3% auto;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 2.5%;
	align-items: center
}

.typeTwo .txt {
	flex: 1;
	background: 0 0;
	padding: 0%;
	text-align: left;
	color: #026
}

.typeTwo .tit {
	text-shadow: none;
	font-size: clamp(18px, 1.5vw, 30px);
	line-height: 1.5
}

.typeTwo .icons {
	max-width: 45%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px
}

.typeTwo .icons .li {
	display: flex;
	gap: 10px;
	width: calc(50% - 10px)
}

.typeTwo .icons img {
	display: block;
	width: 3vw;
	height: 3vw
}

.typeTwo .icons p {
	/* white-space: nowrap; */
	color: #026;
	font-weight: 500;
	line-height: 1.5vw;
	font-size: clamp(14px, 1vw, 20px);
	display: block
}

.typeTwo .more {
	color: #026;
	border: 1px solid #026
}

.typeTwo .more:hover {
	background-color: #2054cf80
}

.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;
	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
}

.Scene .li .des {
	font-size: 14px;
	color: #224fb9;
	margin-top: 20px;
	
	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
}

.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: #0c59cc;
	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 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px
}

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

.newsLists .partTwo .li .img {
	overflow: hidden;
	float: left;
	width: 200px;
	border-radius: 4px
}

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

.newsLists .partTwo .li .txt {
	margin-left: 220px
}

.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: 2;
	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:nth-child(2n):after {
	content: '';
	position: absolute;
	left: -15px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #e5edfb
}

.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: 60%;
	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: #0c59cc;
	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 #0c59cc
}

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

.tabLinks .li:hover {
	color: #0c59cc
}

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

.caseLists .center {}

.caseLists .center .li {
	background: url(../img/bg5.png)no-repeat 50%/100% 100%;
	padding: 3% 5%
}

.caseLists .center .li:nth-child(2n) {
	background: url(../img/bg6.png)no-repeat 50%/100% 100%;
	text-align: right
}

.caseLists .center .li:nth-child(2n) .des {
	padding: 0 0 0 25%;
	text-align: right
}

.caseLists .li+.li {
	margin-top: 40px
}

.caseLists .li:hover {
	box-shadow: 0 3px 6px 1px rgba(0, 0, 0, .16)
}

.caseLists .li .img img {
	height: 100px
}

.caseLists .li .tit {
	font-size: clamp(20px, 1.25vw, 24px);
	color: #2c304b;
	font-weight: 700;
	margin-top: 10px
}

.caseLists .li .des {
	font-size: clamp(14px, .83vw, 16px);
	color: #2c304b;
	line-height: 1.5;
	margin-top: 20px;
	padding-right: 25%;
	text-align: justify
}

.caseLists .li .des+.des {
	font-weight: 700
}

.caseLists .li .lab {
	margin-top: 20px;
	font-size: 14px
}

.caseLists .li .lab .lii {
	display: inline-block;
	border-radius: 20px;
	border: 1px solid #224fb9;
	color: #224fb9;
	padding: .5vw 1vw;
	margin: .5vw
}

.caseLists .li .lab .lii:hover {
	background: #224fb9;
	color: #fff
}

.caseLists .li .to {
	margin-top: 20px
}

.caseLists .li .to .lii {
	color: #026;
	font-size: 16px;
	font-weight: 700
}

.caseLists .li .to img {
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	margin: -4px 0 0 10px;
	transition: all .3s
}

.caseLists .li .to .lii+.lii {
	margin-left: 30px
}

.caseLists .li .to .lii:hover {
	color: #224fb9
}

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

.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: #0c59cc;
	margin-right: 5px
}

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

.detailTop .lab .li {
	display: block;
	margin-right: 1vw;
	padding: 10px 15px;
	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;flex-wrap: wrap;gap:10px;
}

.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: #0c59cc
}

.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% 32% 5% 12%;
	background: url(../img/0banner4.png)no-repeat 50%/cover
}

.hasBanner .detailTop .tit,
.hasBanner .detailTop .data li p:last-child {
	color: #fff;text-shadow: 0 0px 3px #000000;
}

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

.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: 2px;
	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
}

.sceneTitle {
	margin-bottom: 30px;
	width: 100%
}

.sceneTitle .s1 {
	font-size: 28px;
	font-weight: 700;
	color: #2c304b
}

.sceneTitle .s1 span {
	font-weight: 500;
	font-size: 20px;
	margin-left: 5px
}

.sceneTitle .s2 {
	color: #606a76;
	margin-top: 10px
}

.growthCont {
	display: flex;
	background: url(../img/line1.png)no-repeat bottom/100%
}

.growthCont .li {
	width: 25%;
	flex: 1;
	padding: 0 15px 40px;
	background: url(../img/line.png)repeat-y 0 100%/auto 100%
}

.growthCont .li:before {
	content: '';
	display: block;
	position: absolute;
	left: -8px;
	top: 0;
	background: #0c59cc;
	width: 18px;
	height: 18px;
	border-radius: 100%
}

.growthCont .li::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: -8px;
	background: #f8fbfe;
	width: 18px;
	height: 18px
}

.growthCont .li .t1 {
	font-size: 30px;
	margin-top: -10px;
	font-weight: 700
}

.growthCont .li .t2 {
	font-size: 18px;
	line-height: 1.333;
	font-weight: 600;
	margin-top: 20px
}

.growthCont .li .t3 {
	line-height: 1.5;
	margin-top: 20px
}

.growthCont .li:hover .t1,
.growthCont .li:hover .t2 {
	color: #0c59cc
}

.scenePartOne {
	padding: 40px 0;
	border-top: 1px solid #e5edfb;
	margin-top: 8%
}

.scenePartOne .cont {
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

.scenePartOne .cont .li {
	flex: 1 1 calc((100% - 60px)/3);
	box-shadow: 0 0 8px 1px rgba(155, 181, 226, .28);
	border-radius: 6px;
	background: #fff;
	padding: 40px 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column
}

.scenePartOne .layout-4 .li {
	flex: 1 1 calc((100% - 90px)/4)
}

.scenePartOne .li .t1 {
	font-size: 18px;
	line-height: 1.333;
	font-weight: 600
}

.scenePartOne .li .t2 {
	line-height: 1.5;
	margin: 20px 0 0
}

.scenePartOne .li .t3 {
	display: block;
	width: 60%;
	margin: 0 auto;
	margin-top: auto
}

.scenePartTwo {
	margin-top: 40px
}

.scenePartTwo+.scenePartTwo {
	margin-top: 60px
}

.scenePartTwo .center {
	background: #1c5ca7;
	display: flex;
	border-radius: 6px;
	flex-wrap: wrap
}

.scenePartTwo .left {
	width: 28%;
	height: 29vw;
	background: rgba(255, 255, 255, .1);
	padding: 30px 0 30px 30px;
	color: #fff;
	box-shadow: inset -3px 0 6px 1px rgba(0, 0, 0, .16)
}

.scenePartTwo .left .bao {
	text-align: justify;
	padding-right: 30px;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly
}

.scenePartTwo .left .li+.li {
	margin-top: 25px
}

.scenePartTwo .left .t1 {
	font-size: clamp(15px, 1vw, 20px);
	line-height: 1.333;
	font-weight: 700
}

.scenePartTwo .left .t2 {
	line-height: 1.5;
	margin-top: 5px;
	font-size: clamp(12px, .83vw, 16px);
	color: #f5f7f9
}

.scenePartTwo .right {
	flex: 1;
	padding: 30px;
	align-self: center
}

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

.pain_point {
	padding: 6% 4% 0;
	min-height: 100vh;
	background: url(../img/a2.png)no-repeat 50% 100%/100% 100%;
	display: flex;
	flex-wrap: wrap
}

.pain_point .cont {
	width: 100%;
	display: flex;
	margin-top: auto;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px
}

.pain_point .cont .li:hover {
	background: linear-gradient(180deg, #0561EA 0%, rgba(16, 152, 255, .69) 47%, rgba(5, 178, 246, .2) 77%, rgba(0, 188, 243, 0) 100%)
}

.pain_point .cont .li:hover .tit {
	opacity: 1
}

.pain_point .cont .li {
	padding-bottom: 8vw;
	flex: 1;
	border-radius: 8px
}

.pain_point .cont .li .center {
	margin: 6px;
	padding: 40px 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 8px 13px 1px rgba(3, 95, 186, .31);
	text-align: center
}

.pain_point .cont .li .tit {
	opacity: 0;
	text-align: center;
	margin: 20px 5px;
	color: #fff;
	font-size: clamp(18px, 1.5vw, 30px);
	font-weight: 600
}

.pain_point .cont .li .img {
	display: block;
	height: 42px;
	margin: 0 auto
}

.pain_point .cont .li .aa {
	font-size: clamp(16px, 1.4vw, 28px);
	font-weight: 700;
	margin-top: 20px
}

.pain_point .cont .li .bb {
	font-size: clamp(12px, .83vw, 16px);
	line-height: 1.5;
	margin-top: 20px;
	padding-bottom: 20px;
	color: #32373e;
	border-bottom: 1px dashed rgba(211, 225, 245, .7);display: none;
}

.pain_point .cont .li .cc {
	font-size: clamp(13px, .93vw, 18px);
	color: #2c304b;
	line-height: 1.8;
	margin-top: 20px
}

.platform {
	min-height: 100vh;
	background: #f4f8fb;
	padding: 6% 4%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between
}

.platform .bg {
	background: linear-gradient(90deg, #054A7E 0%, #023A82 53%, #032163 100%);
	position: absolute;
	height: 50%;
	width: 100%;
	left: 0;
	top: 0
}

.platform .commonTitle {
	margin-bottom: 0
}

.platform .commonTitle * {
	color: #fff
}

.platform .title {
	border-radius: 36px;
	background: rgba(255, 255, 255, .2);
	width: 100%;
	padding: 12px 0;
	display: flex;
	align-items: center
}

.platform .title li {
	width: 33.33%;
	text-align: center;
	font-size: clamp(18px, 1.4vw, 28px);
	color: #fff
}

.platform .title li+li {
	border-left: 1px solid #fff
}

.platform .cont {
	display: flex;
	gap: 2vw;
	flex-wrap: wrap;
	width: 100%;
	margin-top: auto
}

.platform .cont li:hover {
	transition: all .3s;
	transform: scale(1.05);
}

.platform .cont li {
	transition: all .3s;
	background: url(../img/bg13.png)no-repeat 50%/100% 100% #fff;
	flex: 1;
	box-shadow: 0 0 12px 1px rgba(155, 181, 226, .28);
	border-radius: 26px 26px 4px 4px;
	padding: 2vw
}

.platform .cont li a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 100%;
	height: 100%
}

.platform .cont li .img {
	position: absolute;
	right: 1vw;
	top: -4vw
}

.platform .cont li .img img {
	display: block;
	width: 8vw
}

.platform .cont li .ch {
	font-size: clamp(20px, 1.5vw, 30px);
	font-weight: 700;
	color: #0c59cc;
	margin-bottom: 10px;
	width: 100%
}

.platform .cont li .en {
	font-size: clamp(16px, 1vw, 20px);
	font-weight: 500;
	margin-bottom: 1vw;
	width: 100%
}

.platform .cont li .point {
	font-size: clamp(18px, 1.4vw, 28px);
	font-weight: 400;
	margin-bottom: 1.5vw;
	width: 100%
}

.platform .cont li .des {
	font-size: clamp(14px, .93vw, 18px);
	font-weight: 400;
	width: 100%;
	margin-bottom: 2.5vw
}

.platform .cont li .des .li+.li {
	margin-top: 1vw
}

.platform .cont li .des .li img {
	display: inline-block;
	height: 1.2vw;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 1vw
}

.platform .cont li .feature {
	font-size: clamp(12px, .83vw, 16px);
	display: flex;
	justify-content: center;
	margin-top: auto;
	width: 100%;
	margin-bottom: 1vw
}

.platform .cont li .feature .li {
	flex: 1;
	text-align: center;
	max-width: 33.33%
}

.platform .cont li .feature .li+.li {
	border-left: 1px solid rgba(211, 225, 245, .7)
}

.platform .cont li .feature img {
	display: block;
	height: 1.5vw;
	margin: 0 auto
}
/* .platform .cont li .feature p{font-size: 10px;} */
.platform .cont li .line {
	border-radius: 20px 20px 0 0;
	background: #0e7fd4;
	width: 50%;
	height: 8px;
	position: absolute;
	bottom: -2vw;
	left: 25%
}

.platform .cont li:nth-child(2n) .line {
	background: #0f52b8
}

.platform .cont li:nth-child(3n) .line {
	background: #0b4193
}

.platform .cont li:hover .line {
	background: #f90;
	height: 20px
}

.platform .cont li:hover .ch {
	color: #f90
}

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

.solution .lists {}

.solution .lists .li {
	display: flex;
	justify-content: space-between;
	padding: 0 5%;
	align-items: center
}

.solution .lists .li+.li {
	margin-top: 3vw
}

.solution .lists .half {
	z-index: 1;
	width: 48%;
	padding: 2vw 3vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	background: url(../img/a7.png)no-repeat 50%/100% 100%
}

.solution .lists .half .bg {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .1
}

.solution .lists .half .img {
	width: 50%;
	background: url(../img/a9.png)no-repeat 100%/auto 100%;
	height: 12vw;
	padding: 5px
}

.solution .lists .half .img img {
	display: block;
	float: right;
	width: calc(12vw - 10px);
	height: calc(12vw - 10px);
	border-radius: 100%;
	object-fit: cover
}

.solution .lists .half .txt {
	color: #fff;
	flex: 1;
	padding-left: 2vw;
	background: url(../img/a11.png)no-repeat 100% 100%/auto 1.5vw;
	padding-bottom: 1vw
}

.solution .lists .half .txt p:first-child {
	font-style: italic;
	font-weight: 700;
	font-size: clamp(20px, 1.5vw, 30px);
	line-height: 1.5
}

.solution .lists .half .txt p:last-child {
	font-size: clamp(14px, 1vw, 20px);
	margin-top: 10px
}

.solution .lists .half+.half {
	background: 0 0;
	flex-direction: column;
	padding: 0
}

.solution .lists .li:after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 50%;
	right: 0;
	top: 0;
	background: url(../img/a12.png)no-repeat 100% 100%/auto 100%
}

.solution .lists .half .tt {
	display: flex;
	border-radius: 50px;
	padding: 8px 18px;
	width: 100%;
	gap: 5px
}

.solution .lists .half .tt:nth-child(odd) {
	background: linear-gradient(270deg, rgba(214, 235, 255, 0) 0%, rgba(196, 222, 255, .2) 100%)
}

.solution .lists .half .tt+.tt {
	margin-top: 8px
}

.solution .lists .half .tt .aa {
	color: #023f94;
	font-weight: 500;
	font-size: clamp(14px, 1.1vw, 22px);
	white-space: nowrap;
	font-weight: 700
}

.solution .lists .half .tt .bb {
	color: #2c304b;
	font-weight: 400;
	font-size: clamp(12px, 1vw, 20px)
}

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

.solution .lists .li:nth-child(even):after {
	background: url(../img/a13.png)no-repeat 0 100%/auto 100%;
	left: 0;
	right: auto
}

.solution .lists .li:nth-child(even) .half:last-child {
	padding-left: 4.5vw
}

.solution .lists .li:nth-child(even) .half:first-child {
	flex-direction: row-reverse;
	background: url(../img/a8.png)no-repeat 50%/100% 100%
}

.solution .lists .li:nth-child(even) .half:first-child .txt {
	background: url(../img/a10.png)no-repeat 0 100%/auto 1.5vw
}

.solution .lists .li:nth-child(even) .half:first-child .img {
	background: url(../img/a9-1.png)no-repeat 0/auto 100%
}

.solution .lists .li:nth-child(even) .half:first-child .img img {
	float: left
}

.architecture {
	padding: 5% 10% 0
}

.architecture .img {
	padding: 0 0 5%
}

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

.application_scenarios {
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover
}

.application_scenarios .img {
	width: 100%;
	height: 100%
}

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

.application_scenarios .mask {
	padding: 4% 4% 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(27, 42, 77, .67)
}

.application_scenarios .commonTitle * {
	color: #fff
}

.application_scenarios .lists {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px
}

.application_scenarios .lists .li {
	min-width: calc((100% - 60px)/4);
	flex: 1;
	color: #fff;
	background: rgba(4, 87, 194, .55);
	padding: 2%
}

.application_scenarios .lists .li:hover {
	background: linear-gradient(180deg, rgba(255, 153, 0, .44) 0%, rgba(255, 157, 10, .79) 21%, rgba(255, 153, 0, .64) 43%, #977400 100%)
}

.application_scenarios .lists .li .tit {
	color: #ffffff;
	display: block;
	padding: .8vw 1.5vw;
	text-align: center;
	font-weight: 500;
	font-size: clamp(14px, 1.04vw, 20px);
	border-radius: 3.5vw;
	border: 1px solid rgba(255, 255, 255, .77);
	box-shadow: 0 0 6px 1px #00B9FF;
	background: #003e9c
}

.application_scenarios .lists .li:hover .tit {
	box-shadow: none;
	background: 0 0
}

.application_scenarios .lists .li .des {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-top: 8%
}

.application_scenarios .lists .li .txt {}

.application_scenarios .lists .li .txt p:first-child {
	padding-bottom: .6vw;
	font-size: 13px
}

.application_scenarios .lists .li .txt p+p {
	border-top: 1px solid rgba(255, 255, 255, .38);
	padding-top: .3vw;
	font-size: 12px
}

.application_scenarios .lists .li .txt b {
	font-size: clamp(20px, 1.3vw, 26px)
}

.application_scenarios .lists .li .txt p span {
	border: 1px solid rgba(255, 255, 255, .38);
	border-radius: 20px;
	padding: 3px 10px;
	margin: 3px;
	display: inline-block
}

.application_scenarios .lists .li .to {}

.application_scenarios .lists .li .to img {
	width: 3vw
}

.service {
	padding: 7% 0;
	background: url(../img/a5.png)no-repeat 50%/100% 100%
}

.service .centerBox {
	width: 92%
}

.service .lists {
	display: flex;
	justify-content: space-between;
	gap: 1.5vw
}

.service .lists .first {
	writing-mode: vertical-rl;
	text-align: center;
	letter-spacing: 2px;
	font-size: clamp(16px, 1.25vw, 24px);
	border-radius: 8px;
	border: 1px solid #9ecfff;
	background: #e9f6ff;
	padding: 0 20px;
	font-weight: 700;
	color: #4c93ec
}

.service .lists .last {
	writing-mode: vertical-rl;
	text-align: center;
	letter-spacing: 2px;
	font-size: clamp(16px, 1.25vw, 24px);
	border-radius: 8px;
	border: 1px solid #9ecfff;
	background: #9ecfff;
	padding: 0 20px;
	font-weight: 700;
	color: #11367b
}

.service .lists .li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #9ecfff;
	background: #e9f6ff;
	padding: 20px 10px;
	width: 20%
}

.service .lists .li .img {
	z-index: 1;
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.service .lists .li img {
	display: block;
	width: 100%;
	height: 90px
}

.service .lists .li p {
	display: block;
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	font-size: clamp(12px, .83vw, 16px);
	color: #fff;
	font-weight: 500;
	text-shadow: -1px 0px 5px #11377b;
}

.service .lists .li i {
	font-size: 12px
}

.service .lists .li .txt {
	z-index: 1;
	color: #026;
	line-height: 1.5;
	font-weight: 500;
	padding-bottom: 120px;
	font-size: clamp(14px, 1vw, 20px);
	text-align: left
}

.service .lists .li .txt:last-child {
	font-size: clamp(14px, 1vw, 20px);
	line-height: 1.5;
	padding-bottom: 0;
	padding-top: 50px;
	text-align: right
}

.service .lists .li:nth-child(2)::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 4.5vw solid transparent;
	border-right: 19vw solid #9ecfff
}

.service .lists .li:nth-child(3)::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 4.5vw solid transparent;
	border-left: 19vw solid #9ecfff
}

.service .lists .li:nth-child(3)::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 4.5vw solid transparent;
	border-right: 19vw solid #9ecfff;
	border-bottom: 4.5vw solid transparent
}

.service .lists .li:nth-child(4)::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 9vw solid transparent;
	border-left: 19vw solid #9ecfff
}

.service .lists .li:nth-child(4)::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 5vw solid transparent;
	border-right: 19vw solid #9ecfff;
	border-bottom: 9vw solid transparent
}

.service .lists .li:nth-child(5)::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 14vw solid transparent;
	border-left: 19vw solid #9ecfff
}

.service .lists .li:nth-child(5)::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 6vw solid transparent;
	border-right: 19vw solid #9ecfff;
	border-bottom: 14vw solid transparent
}

.cooperation {
	padding: 6% 8%;
	background: url(../img/a6.png)no-repeat 50%/100% 100%
}

.cooperation .lists {}

.cooperation .lists .li {
	background: #fff;
	border-radius: 8px;
	display: flex
}

.cooperation .lists .li .half {
	width: 50%;
	align-content: center
}

.cooperation .lists .li .half:first-child {
	padding: 20px;
}

.cooperation .half .big {
	display: block;
	width: 100%
}

.cooperation .half .img {
	margin-bottom: 10px
}

.cooperation .half .img img {
	display: block;
	height: 54px
}

.cooperation .half .tit {
	font-weight: 700;
	font-size: clamp(20px, 1.3vw, 26px);
	margin-bottom: 1.5vw
}

.cooperation .half .lab {
	margin-bottom: 2vw
}

.cooperation .half .lab a {
	color: #224fb9;
	border: 1px solid #224fb9;
	border-radius: 20px;
	display: inline-block;
	padding: .5vw 1vw;
	font-size: clamp(12px, .83vw, 16px);
	margin: .2vw;
}

.cooperation .half .lab a:hover {
	background-color: #f90
}

.cooperation .half .to {
	color: #026;
	display: inline-block;
	transition: all .3s
}

.cooperation .half .to img {
	display: inline-block;
	vertical-align: middle;
	height: 14px;
	margin: -4px 0 0 5px
}

.cooperation .half .to:hover {
	transform: scale(1.1);
	transition: all .3s
}

.group {
	padding: 6% 4%
}

.group .posImg {
	position: absolute;
	top: 0;
	right: 0;
	width: 60%
}

.group .posImg img {
	display: block;
	width: 100%
}

.group .content {
	z-index: 1;overflow: hidden;
}

.group .content .leftText {
	width: 58%
}

.group .leftText .aa {
	margin-bottom: 5px;
	font-weight: 900;
	font-size: clamp(18px, 1.25vw, 24px)
}

.group .leftText .bb {
	color: #004896;
	font-weight: 900;
	font-size: clamp(20px, 2vw, 40px);
	margin-top: 1vw
}

.group .leftText .cc {
	margin-top: 2vw;
	font-size: clamp(12px, 1vw, 20px);
	line-height: 1.5;
	text-align: justify
}

.group .leftText .dd {
	margin-top: 3vw;
	display: flex;
	gap: 1vw;width: 150%;
}

.group .dd .list {}

.group .dd .tit {
	color: #004896;
	font-weight: 900;
	font-size: clamp(20px, 1.8vw, 36px)
}

.group .dd .des {
	background: #004896;
	color: #fff;
	border-radius: 20px;
	padding: 8px 15px;
	display: inline-flex;
	margin-top: 1vw;    font-size: 13px;
}

.group .dd .lab {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1vw
}

.group .dd .lab li {
	/* width: 33.33%; */
	padding: 5px 10px;
	font-weight: 900;
	font-size: clamp(12px, .83vw, 16px)
}

.group .dd .lab li::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	border-radius: 1e3px;
	left: 0
}

.group .dd .lab li:nth-of-type(1)::before {
	background: #fb1d61
}

.group .dd .lab li:nth-of-type(2)::before {
	background: #951dfb
}

.group .dd .lab li:nth-of-type(3)::before {
	background: #ffcf8b
}

.group .dd .lab li:nth-of-type(4)::before {
	background: #0074f1
}

.group .dd .lab li:nth-of-type(5)::before {
	background: #7bf058
}

.group .dd .lab li:nth-of-type(6)::before {
	background: #9debee
}

.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;
	word-wrap: break-word;
}

.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;
	word-wrap: break-word;
}

.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);
	word-wrap: break-word;
}

.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;
	gap:20px;
}

.overview .content .left {
	width: 100%;
}

.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: #0c59cc;
	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: 100%;
}

.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(16px, 1.25vw, 24px);
	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;white-space: nowrap;
}

.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: -120px !important;
}

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

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

.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
}

.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: #032b70
}

.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: 40px;
	align-items: center;
	padding: 20px 0
}

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

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

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

.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 .centerBox{width: 92%;
    text-align: center;}
.suspension a {
	display: inline-block;
}

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

.suspension a.on,
.suspension a:hover {
	color: #0c59cc
}

.suspension a:after {
	content: '';
	display: block;
	position: absolute;
	left: 10%;
	bottom: -6px;
	width: 0;
	height: 2px;
	background-color: #0c59cc;
	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:90%;
	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: 18.9%;
	top: 34%
}

.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: 1.5
}

.corporate_objectives {
	margin-bottom: 6%
}

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

.corporate_objectives .imgs {
	width: 50%
}

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

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

.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: 30px;
	width: 50%;
	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: 1.5;
	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 .centerBox{width: 92%;}
.corporate_mission .center {
	display: flex;
	justify-content: space-between;
	align-items: center
}

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

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

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

.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(20px, 1.5vw, 30px)
}

.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: 60%;
	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 4%;
}

.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: 45%;
	padding-left: 4%;
	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 4%;
	margin-top: 3vw;
	display: flex;
	justify-content: center;
	gap: 20px;flex-wrap: wrap;
}

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

.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: left;
	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
}

.sop_qa {
	height: 100vh;
	background: url(../img/sop9.png)no-repeat 50%/100% 100%;
	overflow: hidden
}

.sop_qa .title {
	z-index: 1;
	position: absolute;
	left: 40%;
	top: 2%;
	width: 20%;
	aspect-ratio: 1/1;
	background: url(../img/sop5.png)no-repeat 50%/100% 100%;
	display: flex
}

.sop_qa .title p {
	display: block;
	width: 100%;
	color: #fff;
	font-weight: 700;
	font-size: clamp(18px, 1.5vw, 30px);
	align-content: center;
	text-align: center
}

.sop_qa .title:hover {
	animation: rotate 5s linear infinite
}

.sop_qa .content {
	width: 46%;
	margin: 0 auto;
	transform: translateY(-5vw)
}

.sop_qa .content .bgImg {
	display: block;
	width: 100%
}

.sop_qa .content .txtBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.sop_qa .content .li {
	z-index: 1;
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	white-space: nowrap
}
.sop_qa .content .li:hover{z-index: 2;}
.sop_qa .content .li .img {
	display: block;
	height: 2vw;
	margin: 5px auto
}

.sop_qa .content .li .aa {
	min-width: 14vw;
	max-width: 28vw;
	font-size: clamp(12px, .83vw, 16px);
	line-height: 1.5;
	text-align: center;
	border-radius: 8px;
	border: 1px solid #dedede;
	box-shadow: 0 0 9px 1px rgba(220, 236, 255, .72);
	background: #fff;
	padding: 15px;
	color: #2c304b;
	white-space: normal;
}

.sop_qa .content .li .bb {
	white-space: normal;
	max-width: 16vw;
	color: #fff;
	font-size: clamp(13px, .83vw, 16px);
	box-shadow: 0 0 9px 1px rgba(220, 236, 255, .72);
	border-radius: 10px;
	background: #0158fc;
	padding: 10px 15px
}

.sop_qa .content .li .aa::after {
	content: '';
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../img/sop6.png)no-repeat 50%/100% 100%
}

.sop_qa .content .li:hover .aa {
	color: #0c59cc
}

@keyframes rotate {
	0% {
		transform: translate(0%, 0%)rotate(0)translate(20px)rotate(0)
	}

	100% {
		transform: translate(0%, 0%)rotate(360deg)translate(20px)rotate(-360deg)
	}
}

@media screen and (min-width:1700px) {
	.sop_qa .title {
		left: 38%;
		top: 4%;
		width: 24%
	}

	.sop_qa .content {
		transform: translateY(0)
	}
}

.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: #0c59cc;
	font-size: clamp(24px, 2vw, 40px);
	font-weight: 500
}

.detailsOne .right .bb {
	margin-top: .5vw;
	font-size: clamp(12px, .83vw, 16px);
	color: #fff;
	background: #0c59cc;
	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: #0c59cc;
	width: 40px;
	height: 2px;
	margin-top: 1vw
}

.jobList .aa .money {
	position: absolute;
	right: 0;
	top: 0;
	color: #0c59cc;
	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: #0c59cc;
	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: #0c59cc;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.empowerment .lab span {
	padding: 5px 20px;
	border: 1px solid #0c59cc;
	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: #0c59cc;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.role .lab span {
	padding: 5px 20px;
	border: 1px solid #0c59cc;
	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: #0c59cc;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.growthBox .lab span {
	padding: 5px 20px;
	border: 1px solid #0c59cc;
	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, 1vw, 20px);
	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: #0c59cc;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw;
	text-align: center
}

.elasticity .lab span {
	padding: 5px 20px;
	border: 1px solid #0c59cc;
	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: #0c59cc;
	font-size: clamp(12px, .83vw, 18px);
	margin-bottom: 1vw
}

.reward .left .lab span {
	padding: 5px 20px;
	border: 1px solid #0c59cc;
	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%;height: 100vh;
}

.welfare .mask {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	padding: 6% 10% 0
}

.welfare .content {
	margin-top: 3vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	gap:20px;
}

.welfare .content .li {
	width:calc((100% - 40px) / 3);
	margin-bottom: 2vw;
	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: 30px 10px 30px 10px;
	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% */
	border-radius: 30px 10px 30px 10px;
}

.employee .content .li:nth-child(4n+3) .text .cc {
	border-radius: 10px 30px 10px 30px;
}

.employee .content .li:nth-child(4n) .text .cc {
	/* right: 10% */
	border-radius: 10px 10px 30px 30px;
}
.iot {
	padding: 5% 10%;
	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: 4% 0;
	overflow: hidden;
	min-height: 100vh;
	background: url(../img/rj2.png)no-repeat 50%/100% 100%
}

.software .content {
	margin-top: 5vw;
	padding: 0 10%;
	display: flex;
	flex-wrap: wrap;
	gap: 4vw;
	align-items: center
}

.software .content .text {
	width: 100%
}

.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: 100%;
}

.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.04vw, 20px);
	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, .93vw, 18px);
	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: 10vw;
	height: 10vw;
	overflow: hidden;
	align-content: center;
	display: inline-block;
	margin: 0 1vw
}

.period .lineTwo .li .aa {
	font-weight: 700;
	font-size: 12px;
	color: #004896;
	margin-bottom: 10px
}

.period .lineTwo .li .bb {
	font-size: 10px;
	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% 8% 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: 26%;
	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(-2vw);
	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: #0c59cc
}

.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: 42%;
}

.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: 52%;
	border-radius: 20px;
	overflow: hidden
}

.demo .content .img * {
	display: block;
	width: 100%
}

.demo .content .lists {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2vw;flex: 1;
}

.demo .content .lists .li {
	background: #f4fcff;
	border-radius: 60px;
	padding: 2vw;
	text-align: center;width: calc(33.33% - 1.4vw);
}

.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
}

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

.full_process .mask {
	padding: 7% 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .54) 0%, rgba(0, 0, 0, .78) 100%)
}

.full_process .mask * {
	color: #fff
}

.full_process .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6%
}

.full_process .content .li {
	width: 33.333%;
	border-radius: 40px;
	padding: 2vw
}

.full_process .content .li:hover {
	background: rgba(255, 255, 255, .3);
	backdrop-filter: blur(36px);
	-webkit-backdrop-filter: blur(36px)
}

.full_process .content .li .tit {
	overflow: hidden;
	margin-bottom: 10px
}

.full_process .content .li .aa {
	font-weight: 400;
	font-size: clamp(24px, 1.8vw, 36px);
	float: left;
	line-height: 3.5vw
}

.full_process .content .li .bb {
	border-bottom: 1px dashed #fff;
	margin-left: 2.5vw;
	overflow: hidden
}

.full_process .content .li .bb img {
	display: block;
	float: right;
	width: 3.5vw;
	height: 3.5vw
}

.full_process .content .li .cc {
	font-size: clamp(18px, 1.3vw, 26px);
	font-weight: 500;
	margin-bottom: 20px
}

.full_process .content .li .dd {
	font-size: clamp(14px, 1vw, 18px);
	line-height: 1.8
}

.toolchain {}

.toolchain * {
	color: #fff !important
}

.toolchain .commonTitle {
	display: flex;
	justify-content: center;
	position: absolute;
	width: 100%;
	left: 0;
	top: 7vw;
	z-index: 1
}

.toolchain .commonTitle .tit {}

.toolchain .commonTitle .des {
	margin-top: 0;
	margin-left: 2vw;
	line-height: 1.5vw;
	width: 80%;
	font-size: clamp(16px, 1vw, 20px);
	border-left: 4px solid #f90;
	padding-left: 10px
}

.toolchain .content {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap
}

.toolchain .content .left {
	background: #0141a4;
	padding: 17% 4vw 10% 12%;
	width: 38%
}

.toolchain .content .left img {
	position: absolute;
	width: 30%;
	left: 3vw;
	top: 4vw
}

.toolchain .content .right {
	padding: 17% 4vw 10%;
	width: 62%;
	background: linear-gradient(180deg, #2A2F3B 0%, #191B1F 16%, #272B34 29%, #313642 75%, #484F62 92%, #3B4050 100%)
}

.toolchain .content .right img {
	position: absolute;
	width: 50%;
	right: 0;
	bottom: 0;
	opacity: .3
}

.toolchain .content .aa {
	font-size: clamp(18px, 1.3vw, 26px);
	font-weight: 500;
	margin-bottom: 20px
}

.toolchain .content .bb {
	font-size: clamp(14px, 1vw, 18px);
	line-height: 1.8
}

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

.laboratory .mask {
	padding: 6% 0;
	background: linear-gradient(180deg, rgba(233, 233, 233, .1) 0%, #00489659 100%)
}

.laboratory .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3vw
}

.laboratory .content .li {
	width: 33.333%;
	border-radius: 40px;
	padding: 2vw;
	display: flex;
	gap: 1vw;
	flex-direction: row-reverse;
	background: rgba(240, 246, 255, .6);
	backdrop-filter: blur(36px);
	-webkit-backdrop-filter: blur(36px)
}

.laboratory .content .li:hover {
	background: #004896
}

.laboratory .content .li:hover .bb,
.laboratory .content .li:hover .cc {
	color: #fff !important
}

.laboratory .content .li .aa {
	font-weight: 900;
	color: #004896;
	font-size: clamp(18px, 1.1vw, 22px);
	box-shadow: 0 0 6px 1px rgba(255, 255, 255, .85);
	line-height: 2.5vw;
	height: 2.5vw;
	width: 2.5vw;
	background: #fff;
	text-align: center;
	border-radius: 100%
}

.laboratory .content .li .oth {
	flex: 1
}

.laboratory .content .li .bb {
	font-size: clamp(18px, 1.25vw, 24px);
	font-weight: 500;
	margin-bottom: 10px;
	color: #004896
}

.laboratory .content .li .cc {
	font-size: clamp(14px, 1vw, 18px);
	line-height: 1.8;
	color: #606a76
}

.laboratory .content .li:nth-child(3) .aa,
.laboratory .content .li:nth-child(4) .aa {
	align-self: flex-end
}

.dimension {}

.dimension * {
	color: #fff !important
}

.dimension .bigCar {
	display: block;
	width: 100%
}

.dimension .content {
	padding: 5%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.dimension .content .lists {
	height: calc(100% - 7.5vw);
	width: 100%
}

.dimension .lists .li {
	position: absolute
}

.dimension .lists .tit {
	font-weight: 700;
	font-size: clamp(14px, 1.2vw, 24px);
	margin-bottom: 10px
}

.dimension .lists .des {
	font-size: clamp(12px, .93vw, 18px);
	line-height: 1.8
}

.dimension .lists .li:nth-child(1) {
	left: 0;
	top: 3%
}

.dimension .lists .li:nth-child(2) {
	left: 0;
	top: 41%
}

.dimension .lists .li:nth-child(3) {
	left: 0;
	bottom: 7%
}

.dimension .lists .li:nth-child(4) {
	left: 33%;
	bottom: 7%
}

.dimension .lists .li:nth-child(5) {
	right: 33%;
	bottom: 7%
}

.dimension .lists .li:nth-child(6) {
	right: 0;
	bottom: 7%
}

.dimension .lists .li:nth-child(7) {
	right: 0;
	top: 41%
}

.dimension .lists .li:nth-child(8) {
	right: 0;
	top: 3%
}

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

.customize .btmImg {
	margin-top: 10vw;
	height: 10vw;
	padding-bottom: 2.5vw;
	font-size: clamp(18px, 1.5vw, 30px);
	color: #fff;
	text-align: center;
	font-weight: 500;
	background: url(../img/s68.png)no-repeat 50%/100% 100%;
	align-content: end
}

.customize .content {
	padding: 0 10%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	gap: 5vw
}

.customize .content .li {
	display: flex;
	align-items: start;
	gap: 1vw;
	width: 42%
}

.customize .content .li:nth-child(even) {
	flex-direction: row-reverse;
	align-items: end;
	width: 36%;
	margin-top: 5vw
}

.customize .content .li::after {
	content: '';
	position: absolute;
	display: block;
	width: 6vw;
	height: 3vw;
	left: calc(100% + 3vw);
	top: -2vw;
	background: url(../img/s72-0.png)no-repeat 50%/100% 100%
}

.customize .content .li:nth-child(even)::after {
	left: auto;
	right: calc(100% + 8vw);
	top: 1.5vw;
	background: url(../img/s72.png)no-repeat 50%/100% 100%
}

.customize .content .li:first-child::after {
	display: none
}

.customize .li .img {
	width: 1.5vw
}

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

.customize .li .txt {
	flex: 1;
	display: flex;
	flex-direction: column
}

.customize .li:nth-child(odd) .txt {
	flex-direction: column-reverse
}

.customize .li .txt .aa {
	align-self: end;
	padding: .5vw 1vw .5vw 2vw;
	background: #0068c3;
	color: #fff;
	font-size: clamp(12px, 0.83vw, 16px);
	border-radius: 16px 16px 0 0
}

.customize .li .txt .aa:after {
	content: '';
	position: absolute;
	display: block;
	width: .6vw;
	height: .6vw;
	left: 1vw;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/s73-0.png)no-repeat 50%/100% 100%
}

.customize .li:nth-child(odd) .txt .aa {
	align-self: start;
	padding: .5vw 2vw .5vw 1vw;
	background: #298df7;
	border-radius: 0 0 16px 16px
}

.customize .li:nth-child(odd) .txt .aa:after {
	left: auto;
	right: 1vw;
	background: url(../img/s73.png)no-repeat 50%/100% 100%
}

.customize .li .txt .bb {
	padding: 1vw 1vw 1vw 2vw;
	background: url(../img/s74.png)no-repeat 50%/100% 100%
}

.customize .li .bb .lan {
	margin-bottom: 10px;
	font-weight: 700;
	color: #004896;
	font-size: clamp(12px, .93vw, 18px)
}

.customize .li .bb .dian {
	/* white-space: nowrap; */
	color: #2c304b;
	font-size: clamp(12px, .83vw, 16px);
	line-height: 1.5;
	font-weight: 400
}

.customize .li .bb .dian+.dian {
	margin-top: 10px
}

.customize .li .bb .dian::after {
	content: '';
	position: absolute;
	display: block;
	width: .5vw;
	height: .5vw;
	left: -1vw;
	top: .5vw;
	background: #298df7;
	border-radius: 100%
}

.customize .li .num {
	position: absolute;
	left: -8vw;
	top: 0;
	width: 15vw;
	height: 10vw;
	background: url(../img/s71.png)no-repeat 50%/100% 100%
}

.customize .li .num span {
	color: #fff;
	font-size: clamp(24px, 1.7vw, 34px);
	font-weight: 700;
	position: absolute;
	left: 3.3vw;
	bottom: .8vw
}

.customize .li:nth-child(odd) .num {
	left: auto;
	top: auto;
	right: -2vw;
	bottom: -3vw;
	width: 16vw;
	height: 7.5vw;
	background: url(../img/s70.png)no-repeat 50%/100% 100%
}

.customize .li:nth-child(even) .num span {
	left: 1.7vw;
	bottom: 2.5vw
}