@keyframes corrugated {
	0% {
		opacity: 0.2;
		transform: translate(-50%,-50%) scale(1);
	}
	
	100% {
		transform: translate(-50%,-50%) scale(27);
		opacity: 0;
	}
}

@font-face {
	font-family: 'ANTARTIDAROUNDED-LIGHT';
	src: url("fonts/ANTARTIDAROUNDED-LIGHT.woff2") format("woff2"),
		url("fonts/ANTARTIDAROUNDED-LIGHT.woff") format("woff"),
		url("fonts/ANTARTIDAROUNDED-LIGHT.ttf") format("truetype"),
		url("fonts/ANTARTIDAROUNDED-LIGHT.eot") format("embedded-opentype"),
		url("fonts/ANTARTIDAROUNDED-LIGHT.svg") format("svg");
}

.ar {
	font-family: 'ANTARTIDAROUNDED-LIGHT';
}

.mb-block {
	display: none;
}

.w1824 {
	width: 95%;
	max-width: 1824px;
	margin: 0 auto;
}

.w1600 {
	width: 83%;
	max-width: 1600px;
	margin: 0 auto;
}

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

/* 底部 */

.footer {
	background-color: #282828;
	padding: 2rem 0 1.05rem;
}

.foot {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 2.25rem;
}

.foot-box {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.foot-nav {
	margin-right: 3.15rem;
}

.foot-nav p {
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 0.6rem;
	line-height: 1;
}

.foot-nav a {
	color: #FFFFFF;
	opacity: .5;
	transition: all 0.3s;
	display: block;
	line-height: 1;
	margin-bottom: 0.3rem;
}

.foot-nav a:last-child {
	margin-bottom: 0;
}

.foot-nav a:hover {
	opacity: 1;
}

.foot-contact {
	
}

.foot-contact p {
	color: #FFFFFF;
	line-height: 1;
	margin-bottom: 0.75rem;
}

.foot-contact span {
	display: block;
	color: #FFFFFF;
	opacity: .5;
	margin-bottom: 0.4rem;
	line-height: 1;
}

.foot-contact span:last-child {
	margin-bottom: 0;
}

.copyright {
	border-top: 1px solid rgba(255,255,255,.1);
}

.copyright-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 1rem;
}

.copyright-box a {
	color: #FFFFFF;
	opacity: .5;
	transition: all 0.3s;
}

.copyright-box a img {
	display: inline-block;
	margin-right: 10px;
	width: .5rem;
}

.copyright-box a:hover {
	opacity: 1;
}

/* 底部 */

.field {
	padding: 2.75rem 0 1.9rem;
	position: relative;
	overflow: hidden;
}

.field-tit {
	color: #000000;
	line-height: 1;
	text-align: center;
	margin-bottom: 0.7rem;
}

.field-cont {
	color: #808080;
	text-align: center;
	line-height: 1.8;
	width: 52.5%;
	margin: 0 auto 1.5rem;
}

.field-pos {
	position: absolute;
	width: 34.7%;
	left: -17.35%;
	top: 3rem;
	z-index: -1;
}

.field-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.9rem;
}

.field-tab-ls {
	width: 5.5rem;
	height: 1.35rem;
	background: #F5F5F5;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	cursor: pointer;
	margin-right: 6px;
}

.field-tab-ls:last-child {
	margin-right: 0;
}

.field-tab-icon {
	position: relative;
	margin-right: 0.25rem;
	overflow: hidden;
}

.field-tab-icon img {
	width: auto;
	max-width: 100%;
	transition: all 0.3s;
}

.normal {
	
}

.hover {
	position: absolute;
	top: -100%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
}

.field-tab-name {
	color: #808080;
}

.field-tab-ls:hover {
	background-color: #0034DD;
}

.field-tab-ls:hover .normal {
	opacity: 0;
	padding-top: 100%;
}

.field-tab-ls:hover .hover {
	top: 50%;
	opacity: 1;
}

.field-tab-ls:hover .field-tab-name {
	color: #FFFFFF;
}

.field-tab .cur {
	background-color: #0034DD;
}

.cur .normal {
	opacity: 0;
	padding-top: 100%;
}

.cur .hover {
	opacity: 1;
	top: 50%;
}

.cur .field-tab-name {
	color: #FFFFFF;
}

.field-ajax {
	height: 15.75rem;
}

.field-ajax-box {
	width: 100%;
	height: 100%;
	position: relative;
}

.field-intro {
	position: relative;
	top: 23%;
	left: 2.4rem;
}

.field-intro-tit {
	color: #FFFFFF;
	line-height: 1;
}

.field-intro-cont {
	color: #FFFFFF;
	opacity: .6;
	line-height: 0.75rem;
	width: 29%;
	margin: 0.8rem 0 2.25rem;
}

.i-about {
	padding-top: 2.4rem;
	overflow: hidden;
	/* margin-bottom: 3rem; */
}

.i-about-bar {
	width: 77%;
	margin-left: 14.7%;
	margin-bottom: 1.45rem;
}

.i-about-tit {
	color: #000000;
	position: relative;
	padding-left: 1.2rem;
	line-height: 1;
}

.i-about-tit::after {
	content: '';
	position: absolute;
	width: 0.75rem;
	height: 2px;
	background-color: #000000;
	left: 0;
	top: 60%;
}

.i-about-sub {
	color: #000000;
	line-height: 1;
	margin: 0.55rem 0 1.1rem;
}

.i-about-warp {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 1.7rem;
}

.i-about-cont {
	width: 47.5%;
	line-height: .75rem;
	max-height: 3.75rem;
	overflow-y: auto;
	color: #7B7E8E;
	margin-right: 9%;
}

.i-about-cont::-webkit-scrollbar {
	width: 3px;
}
	
.i-about-num {
	width: 43.5%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.i-num-ls {
	/* margin-right: 1.8rem; */
}

.i-num-ls:last-child {
	margin-right: 0;
}

.i-num-ls div {
	line-height: 1;
}

.i-num-ls div span {
	display: inline-block;
	line-height: 1;
}

.i-num-ls div span:nth-child(1) {
	font-size: 1rem;
	color: #0034DD;
}

.i-num-ls div span:nth-child(2) {
	color: #7B7E8E;
}

.i-num-ls p {
	color: #7B7E8E;
	line-height: 1;
	margin-top: 0.25rem;
}

.i-about-btn {
	position: relative;
	width: 88%;
	margin-left: 8.3%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.i-about-pos {
	position: absolute;
	right: 0;
	bottom: -3rem;
	z-index: 1;
	width: 46%;
}

.i-about-pos img {
	width: 100%;
	object-fit: cover;
}

.i-about-img {
	position: relative;
	z-index: 2;
	width: 72.4%;
	margin-right: 1rem;
	overflow: hidden;
}

.i-about-img img {
	width: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.i-about-img:hover img {
	transform: scale(1.1);
}

.i-about-intro {
	position: relative;
	z-index: 2;
	padding-top: 1.85rem;
}

.i-about-intro>p:nth-child(1) {
	color: #000000;
	line-height: 1;
	margin-bottom: 0.75rem;
}

.i-about-intro>p:nth-child(2) {
	color: #0034DD;
	margin-bottom: 0.4rem;
}

.i-about-intro div {
	line-height: 1.8;
	color: #808080;
}

.i-news {
	position: relative;
}

.i-news-box {
	width: 89%;
	margin-left: 8.3%;
	padding: 3rem 0 2.95rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}

.i-news-pos {
	position: absolute;
	bottom: 0;
	left: 0.75rem;
	width: 42%;
}

.i-news-pos img {
	width: 100%;
}

.i-news-lf {
	width: 16%;
	padding-top: 6px;
}

.i-news-lf-tit {
	color: #000000;
	line-height: 1;
}

.i-news-lf-sub {
	margin: 0.8rem 0 3rem;
	color: #808080;
	line-height: 1;
}

.i-news-rg {
	width: 84%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	
}

.i-news-rg-ls {
	display: block;
	width: 32%;
	margin-right: 2%;
}

.i-news-rg-ls:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

.i-news-rg-ls-img {
	width: 100%;
	height: 5.25rem;
	overflow: hidden;
}

.i-news-rg-ls-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.i-news-rg-ls-intro {
	height: 6.25rem;
	padding: 1rem 1.25rem 0.5rem 1.1rem;
	background: #FFFFFF;
	transition: all 0.3s;
}

.i-news-rg-ls-intro>p {
	color: #000000;
	line-height: .75rem;
	height: 1.5rem;
	overflow: hidden;
	transition: all 0.3s;
}

.i-news-rg-ls-intro>div {
	width: 100%;
	line-height: 0.6rem;
	max-height: 1.2rem;
	overflow: hidden;
	color: #808080;
	margin: 0.4rem 0 1.25rem;
	transition: all 0.3s;
}

.i-news-rg-ls-intro>span {
	color: #808080;
	line-height: 1;
	transition: all 0.3s;
}

.i-news-rg-ls:hover .i-news-rg-ls-img img {
	transform: scale(1.1);
}

.i-news-rg-ls:hover .i-news-rg-ls-intro {
	background: #0034DD;
}

.i-news-rg-ls:hover .i-news-rg-ls-intro>p,
.i-news-rg-ls:hover .i-news-rg-ls-intro>div,
.i-news-rg-ls:hover .i-news-rg-ls-intro>span {
	color: #FFFFFF;
}

.world {
	
}

.world-box {
	width: 89.5%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 3.65rem 0 1.5rem;
	margin-left: 8.3%;
}

.world-lf {
	width: 27%;
	padding-right: 1.5rem;
}

.world-lf-tit {
	color: #000000;
	line-height: 1;
}

.world-lf-cont {
	color: #808080;
	line-height: 1.8;
	margin: 0.9rem 0 1.6rem;
}

.world-lf .i-about-num {
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 1.1rem;
	width: 100%;
}

.world-lf .i-num-ls {
	width: 50%;
	margin-bottom: 1.15rem;
}

.world-rg {
	width: 73%;
	position: relative;
}

.world-rg img {
	width: 100%;
}

.world-add {
	position: absolute;
	top: 35%;
	right: 28%;
	padding: 0.5rem 1rem 0.5rem 0.7rem;
	background: #0034DD;
	width: 7rem;
}

.world-add>p {
	color: #FFFFFF;
	margin-bottom: 0.3rem;
}

.world-add>div {
	color: #FFFFFF;
	line-height: 1.7;
	opacity: .8;
}

.world-point {
	position: absolute;
}

.world-point>div {
	position: relative;
	width: 8px;
	height: 8px;
	background: #0034DD;
	border-radius: 50%;
}

.world-point span {
	color: #1C1C1C;
	position: absolute;
	bottom: -0.75rem;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.world-point>div::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #0034DD;
	animation: corrugated 5s linear 0s infinite;
}

.world-point>div::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #0034DD;
	animation: corrugated 5s linear 2.5s infinite;
}

.point1 {
	top: 9%;
	left: 14%;
}

.point2 {
	top: 32%;
	left: 21%;
}

.point3 {
	top: 21%;
	left: 49%;
}

.point4 {
	top: 8%;
	left: 66%;
}

.point5 {
	top: 31%;
	left: 74%;
}

.point6 {
	top: 47%;
	left: 74%;
}

.point7 {
	top: 56%;
	left: 76%;
}

.point8 {
	top: 25%;
	left: 87%;
}

.point9 {
	top: 35%;
	left: 85%;
}

.i-inves {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.i-inves-ls {
	display: block;
	width: 50%;
	height: 7rem;
	padding-top: 2.5rem;
}

.i-inves-ls:nth-child(1) {
	padding-left: 4rem;
}

.i-inves-ls:nth-child(2) {
	padding-left: 3rem;
}

.i-inves-ls p {
	line-height: 1;
}

.i-inves-ls p:nth-child(1) {
	margin-bottom: 0.6rem;
}

.i-inves-ls p:nth-child(2) {
	color: #808080;
}

.i-inves-ls:nth-child(1) p:nth-child(1) {
	color: #000000;
}

.i-inves-ls:nth-child(2) p:nth-child(1) {
	color: #FFFFFF;
}

.banner {
	position: relative;
	overflow: hidden;
}

.banner>img {
	width: 100%;
}

.banner-intro {
	position: absolute;
	top: 50%;
	left: 8.5%;
	transform: translateY(-50%);
}

.banner-intro p {
	color: #FFFFFF;
	line-height: 1;
}

.banner-intro p:nth-child(1) {
	font-size: 1.65rem;
	margin-bottom: 0.6rem;
}

.banner-intro p:nth-child(2) {
	
}

.nav-tab {
	position: absolute;
	left: 8.5%;
	bottom: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.nav-tab a {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	display: block;
	width: 3.6rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	margin-right: 0.7rem;
	transition: all 0.3s;
}

.nav-tab .cur {
	background-color: #0034DD;
	border: 1px solid #0034DD;
}

.nav-tab a:hover {
	background-color: #0034DD;
	border: 1px solid #0034DD;
}

.banner-round {
	position: absolute;
	width: 21.15rem;
	right: -10.575rem;
	bottom: -10.575rem;
}

.about {
	padding: 2.5rem 0 3rem;
}

.top-bar {
	margin-bottom: 2rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.top-lf {
	width: 45%;
	margin-right: 10%;
}

.top-lf-tit {
	position: relative;
	color: #000000;
	line-height: 1;
	margin-bottom: 0.55rem;
	padding-left: 1.2rem;
}

.top-lf-tit::after {
	content: '';
	position: absolute;
	left: 0;
	top: 60%;
	width: 0.75rem;
	height: 2px;
	background: #000000;
}

.top-lf-sub  {
	color: #000000;
	line-height: 1;
	margin-bottom: 2rem;
}

.top-lf .i-about-num {
	width: 100%;
}

.top-rg {
	width: 45%;
	max-height: 5.75rem;
	overflow-y: auto;
	padding-right: 2.25rem;
	color: #7B7E8E;
}

.top-rg::-webkit-scrollbar {
	width: 2px;
}

.top-rg::-webkit-scrollbar-thumb {
	background: #0034DD;
}

.top-rg::-webkit-scrollbar-track {
	background: #CCCCCC;
}

.about-warp {
	position: relative;
}

.tab-img {
	width: 100%;
	height: 15rem;
	overflow: hidden;
}

.tab-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.tab-img:hover img {
	transform: scale(1.1);
}

.about-tab {
	position: absolute;
	width: 100%;
	height: 2.25rem;
	left: 0;
	bottom: 0;
	display: flex;
}

.about-tab-nav {
	width: 33.3%;
	border-right: 1px solid rgba(255,255,255,.25);
	border-top: 1px solid rgba(255,255,255,.25);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
}

.about-tab-nav:hover {
	background-color: #0030D2;
}

.about-tab-nav:last-child {
	border-right: none;
}

.about-tab-nav div {
	width: 0.8rem;
	margin-right: 0.5rem;
}

.about-tab-nav span {
	color: #FFFFFF;
}

.about-tab-nav.cur {
	background-color: #0030D2;
}

.cultrue {
	padding: 3rem 0;
	position: relative;
}

.cul-box {
	position: relative;
	width: 37.5%;
	margin: 0 auto;
}

.cul-box img {
	width: 100%;
	object-fit: cover;
}

.cul-intro {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/* display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start; */
}

.cul-intro-ls {
	position: absolute;
}

.cul-intro-ls:nth-child(1) {
	left: 27.5%;
	top: 38%;
}

.cul-intro-ls:nth-child(2) {
	right: 27.5%;
	top: 38%;
}

.cul-intro-ls:nth-child(3) {
	left: 27.5%;
	top: 54%;
}

.cul-intro-ls:nth-child(4) {
	right: 26.5%;
	top: 54%;
}

.cul-intro-ls p:nth-child(1) {
	line-height: 1;
	color: #0034DD;
	margin-bottom: 0.35rem;
}

.cul-intro-ls p:nth-child(2) {
	line-height: 1;
	color: #808080;
	position: absolute;
	bottom: 0;
	width: max-content;
	bottom: -.35rem;
}

.cul-intro-ls:nth-child(2n - 1) {
	text-align: right;
}

.cul-intro-ls:nth-child(2n - 1) p:nth-child(2) {
	right: 0;
}

.honor {
	width: 100%;
	padding: 1.5rem 0 3.5rem;
}

.honor-box {
	
}

.honor-change {
	position: relative;
	width: 6rem;
	height: 1.5rem;
	border: 1px solid #E8E8E8;
	z-index: 10;
	margin-bottom: 1rem;
}

.honor-change::after {
	content: '';
	position: absolute;
	right: 0.35rem;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/arrow-down.png) no-repeat center;
	width: 16px;
	height: 8px;
	background-size: 100%;
}

.honor-change-tit {
	width: 100%;
	height: 100%;
	padding-left: 0.35rem;
	line-height: 1.5rem;
	color: #999999;
	cursor: pointer;
	transition: all 0.3s;
}

.honor-select {
	position: absolute;
	top: calc(1.5rem - 1px);
	left: 0;
	width: 100%;
	max-height: calc(3rem + 3px);
	overflow-y: auto;
	border: 1px solid #E8E8E8;
	border-top: none;
	display: none;
}

.honor-select span {
	display: block;
	background-color: #FFFFFF;
	color: #999999;
	padding-left: 0.35rem;
	line-height: 1rem;
	border-bottom: 1px solid #E8E8E8;
	transition: all 0.3s;
	cursor: pointer;
}

.honor-select span:last-child {
	border-bottom: none;
}

.honor-change:hover::after {
	background: url(../img/arrow-down-1.png) no-repeat center;
	background-size: 100%;
}

.honor-change:hover .honor-change-tit {
	color: #FFFFFF;
	background-color: #0034DD;
}

.honor-select span:hover {
	color: #FFFFFF;
	background-color: rgba(0, 52, 221, .8);
}

.honor-ajax {
	margin-top: 1rem;
}

.honor-ajax-box {
	/* display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap; */
	position: relative;
}

.honor-ls {
	/* width: 25%; */
	height: 7.5rem;
	border: 1px solid #E8E8E8;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.honor-ls>div {
	width: 100%;
	height: max-content;
	max-height: 70%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.honor-ls>div>img {
	max-width: 80%;
	max-height: 100%;
	object-fit: cover;
	margin: 0 auto;
	transition: all 0.3s;
}

.honor-ls-pos {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 100%;
	transform: translate(-50%, -50%);
	color: #555555;
	text-align: center;
	line-height: 1.6;
	transition: all 0.3s;
	opacity: 0;
	background-color: #F6F6F6;
}

.honor-ls-pos-img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%,-50%);
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.honor-ls-pos-img img {
	max-width: 80%;
	max-height: 80%;
	object-fit: cover;
	margin: 0 auto;
}

.honor-ls-pos-cont {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	color: #555;
	line-height: 1.6;
	transition: all .3s;
	text-align: center;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
}

.honor-ls>div div span {
	color: #FF0000;
}

.honor-ls>p {
	color: #111111;
	margin-top: 0.75rem;
	line-height: 1;
	transition: all 0.3s;
	/* font-weight: bold; */
}

.honor-ls:hover {
	background-color: #F6F6F6;
}

/* .honor-ls:hover>div img {
	transform: scale(1.1);
	opacity: .6;
} */

.honor-ls:hover>div div {
	opacity: 1;
}

.honor-ls:hover>p {
	color: #0034DD;
}

.video {
	
}

.video-box {
	padding: 2.5rem 0 5.5rem;
}

.video-img {
	position: relative;
}

.video-img>img {
	width: 100%;
	height: 17.5rem;
	object-fit: cover;
}

.video-img .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 2.65rem;
	height: 2.65rem;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: #FFFFFF;
	border-radius: 50%;
	z-index: 2;
}

.video-img .play img {
	width: 0.45rem;
}

.video-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.video-nav .swiper-button-prev,
.video-nav .swiper-button-next {
	width: 0.75rem;
	height: 0.5rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.video-nav .swiper-button-prev::after,
.video-nav .swiper-button-next::after {
	display: none;
}

.video-nav .swiper-button-prev {
	background-image: url(../img/40.png);
	left: 2rem;
}

.video-nav .swiper-button-next {
	background-image: url(../img/41.png);
	right: 2rem;
}

.video-nav .video-container {
	width: 63.75%;
	bottom: -2.5rem;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}

.video-container .swiper-wrapper {
	align-items: flex-end;
}

.video-container .swiper-slide {
	width: 30%;
	margin-right: 5%;
}

.video-container .swiper-slide:last-child {
	margin-right: 0;
}

.video-container .swiper-slide>div {
	width: 100%;
	height: 5rem;
}

.video-container .swiper-slide>div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-container .swiper-slide p {
	color: #111111;
	text-align: center;
	height: 0;
	transition: all 0.5s;
	opacity: 0;
	margin-top: 0;
}

.video-container .swiper-slide:hover p {
	height: auto;
	margin-top: 0.75rem;
	opacity: 1;
}

.style {
	padding: 1rem 0 3rem;
	background-color: #FAFAFA;
}

.waterfall {
	position: relative;
	margin-bottom: .5rem;
}

.grid-item {
	
}

.grid-item-box {
	background-color: #FAFAFA;
	transition: all 0.3s;
}

.waterfall-img-box{
	width: 100%;
	overflow: hidden;
}

.waterfall-img-box img {
	width: 100%;
	transition: all 0.3s;
}

.waterfall-bg {
	position: absolute;
	top: .4rem;
	left: .4rem;
	width: calc(100% - 0.8rem);
	height: calc(100% - 0.8rem);
}

.waterfall-bg>p {
	width: 100%;
	height: calc(100% - 1.2rem);
	background-color: rgba(0,0,0,.5);
	opacity: 0;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
}

.waterfall-bg div {
	width: 100%;
	line-height: 0.6rem;
	height: 1.2rem;
	overflow: hidden;
	background-color: #f9f9f9;
	opacity: 0;
	transition: all 0.3s;
	color: #999999;
	text-align: center;
	padding: 0 .4rem;
	display: flex;
	/* align-items: center; */
	justify-content: center;
}

.grid-item-box:hover {
	background-color: #FFFFFF;
	padding: 0.4rem;
}

.grid-item-box:hover .waterfall-img-box img {
	transform: scale(1.1);
}

.grid-item-box:hover .waterfall-bg>p {
	opacity: 1;
}

.grid-item-box:hover .waterfall-bg div {
	opacity: 1;
}

.public-page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.public-page .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

.public-page a {
	min-width: 1rem;
	min-height: 1rem;
	display: block;
	line-height: 1rem;
	text-align: center;
	color: #444444;
	transition: all 0.3s;
	margin-right: 0.25rem;
}

.public-page .prev,
.public-page .next {
	width: 0.4rem;
	min-width: auto;
	min-height: auto;
}

.prev img,
.next img {
	width: 100%;
	object-fit: cover;
}

.public-page .prev {
	margin-right: 1.25rem;
}

.public-page .next {
	margin-left: 1.25rem;
}

.public-page a:hover {
	background-color: #0034DD;
	color: #FFFFFF;
}

.public-page .active {
	background-color: #0034DD;
	color: #FFFFFF;
}

.public-page .prev:hover,
.public-page .next:hover {
	background: none;
}

.tech {
	padding: 1.5rem 0 3rem;
}

.tech-box {
	
}

.tech-search {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.9rem;
}

.tech-search .honor-change {
	width: 3rem;
	margin-bottom: 0;
	background: #F6F6F6;
	border: none;
}

.tech-input {
	width: 6rem;
	height: 1.5rem;
	background: #F6F6F6;
	border-left: 1px solid #E8E8E8;
	position: relative;
}

.tech-input>input {
	width: 80%;
	height: 100%;
	background: none;
	padding: 0 .5rem;
	color: #999;
}

.tech-input>input::placeholder {
	color: #999;
}

.tech-input div {
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	top: 50%;
	right: .5rem;
	transform: translateY(-50%);
	cursor: pointer;
}

.tech-input div img {
	width: 100%;
}

.tech-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0.75rem;
}

.tech-ls {
	width: 31.25%;
	height: 2rem;
	border: 1px solid #E8E8E8;
	margin-right: 3.125%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: all 0.3s;
	padding: 0 0.75rem;
	margin-bottom: 3.125%;
}

.tech-ls:nth-child(3n) {
	margin-right: 0;
}

.tech-ls span {
	color: #333333;
	line-height: 1;
	max-width: calc(100% - 1.15rem);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.3s;
}

.tech-ls div {
	width: 0.65rem;
	height: 0.65rem;
}

.tech-ls div svg {
	width: 100%;
	height: 100%;
	fill: #0034DD;
	transition: all 0.3s;
}

.tech-ls:hover {
	background: #0034DD;
}

.tech-ls:hover span {
	color: #FFFFFF;
}

.tech-ls:hover div svg {
	fill: #FFFFFF;
}

.download {
	padding: 2.5rem 0 3rem;
}

.download .world-box {
	padding: 0;
	align-items: center;
}

.tech-nav {
	width: 57.8125%;
	margin-left: 33.8875%;
}

.tech-tab {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 1px solid #E8E8E8;
	padding-bottom: 0.75rem;
	margin-bottom: 1rem;
}

.tech-tab span {
	color: #333333;
	margin-right: 1.5rem;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
	font-weight: bold;
}

.tech-tab span:last-child {
	margin-right: 0;
}

.tech-tab span::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #0034DD;
	bottom: calc(-0.75rem - 1px);
	left: 0;
	opacity: 0;
}

.tech-tab span:hover {
	color: #0034DD;
}

.tech-tab .cur {
	color: #0034DD;
}

.tech-tab .cur::after {
	opacity: 1;
}

.world-ajax {
	
}

.world-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.world-ajax-ls {
	width: 32%;
	height: 5rem;
	padding: 1rem 0.9rem 0.5rem;
	margin-right: 2%;
	margin-bottom: 2%;
	border: 1px solid #E8E8E8;
}

.world-ajax-ls:nth-child(3n) {
	margin-right: 0;
}

.world-ajax-ls>p {
	color: #111111;
	line-height: 1;
	margin-bottom: 0.5rem;
	font-weight: bold;
}

.world-ajax-ls>span {
	color: #555555;
	/* margin-bottom: 0.25rem; */
	display: block;
	line-height: 1.5;
}

.world-ajax-ls>a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 0.6rem;
	line-height: 1;
}

.world-ajax-ls>a div {
	margin-right: 0.25rem;
	width: 0.25rem;
}

.world-ajax-ls>a p {
	color: #0034DD;
	line-height: 1;
}

.qua {
	padding: 2rem 0 3rem;
}

.qua-box {
	
}

.qua-box .tech-input {
	width: 9rem;
	margin-bottom: 1rem;
	border-left: none;
}

.qua-ajax {
	
}

.qua-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.qua-ls {
	width: 47.5%;
	height: 2rem;
	margin-right: 5%;
	margin-bottom: 2.5%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 0.5rem;
	border-bottom: 1px solid #DDDDDD;
	transition: all 0.3s;
	position: relative;
}

.qua-ls::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #000000;
	transition: all 0.3s;
}

.qua-ls:nth-child(2n) {
	margin-right: 0;
}

.qua-ls p {
	color: #333333;
}

.qua-ls div {
	width: 0.75rem;
	height: 0.75rem;
}

.qua-ls div svg {
	width: 100%;
	height: 100%;
	fill: #0034DD;
}

.qua-ls:hover {
	box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
	padding: 0 0.75rem 0 0.6rem;
	border: none;
}

.qua-ls:hover::after {
	opacity: 0;
}

.stock {
	padding: 2rem 0 3rem;
}

.stock-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.stock-lf {
	width: 50%;
}

.stock-lf-tit {
	line-height: 1;
	margin-bottom: 0.8rem;
	color: #111111;
	font-weight: bold;
}

.stock-lf-tit span {
	color: #0034DD;
	font-weight: normal;
}

.stock-lf-rmb {
	line-height: 1;
	color: #111111;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	margin-bottom: 1.75rem;
}

.stock-lf-rmb span {
	display: block;
	margin-right: 10px;
	line-height: 1;
}

.stock-lf-rmb span:nth-child(1) {
	font-size: 1.6rem;
}

.stock-lf-rmb span:nth-child(3) {
	margin-right: 0;
	width: 0.45rem;
	position: relative;
}

.stock-lf-rmb span:nth-child(3) img {
	width: 100%;
}

.stock-lf-rmb span .down {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.stock-lf-intro {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.stock-lf-ls {
	width: max-content;
	margin-right: 1.25rem;
	padding-right: 1.25rem;
	border-right: 1px solid #E8E8E8;
	padding-top: 0.2rem;
}

.stock-lf-ls:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

.stock-lf-ls p {
	line-height: 1;
}

.stock-lf-ls p:nth-child(1) {
	color: #555555;
	margin-bottom: 0.25rem;
}

.stock-lf-ls p:nth-child(1) {
	color: #111111;
}

.stock-lf-cont {
	padding-top: 0.75rem;
	border-top: 1px solid #E8E8E8;
	color: #999999;
	line-height: 1.6;
}

.stock-rg {
	width: 50%;
	padding-left: 2.5rem;
}

.stock-rg img {
	width: 100%;
	object-fit: cover;
}

.news {
	padding: 2rem 0 3rem;
}

.news-box .tech-search {
	margin-bottom: 1rem;
}

.news-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0.75rem;
}

.news-ls {
	display: block;
	width: 31.25%;
	height: 7.5rem;
	margin-right: 3.125%;
	margin-bottom: 3.125%;
	position: relative;
	border: 1px solid #E8E8E8;
}

.news-ls:nth-child(3n) {
	margin-right: 0;
}

.news-ls-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all .3s;
}

.news-ls-img::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
}

.news-ls-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-normal {
	position: relative;
	z-index: 2;
	padding: 1.5rem 1.25rem 0.5rem 1rem;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.news-tit {
	color: #808080;
	margin-bottom: 0.6rem;
	transition: all .3s;
	line-height: 1;
}

.news-cont {
	color: #111111;
	line-height: 0.9rem;
	height: 1.8rem;
	overflow: hidden;
	transition: all .3s;
	margin-bottom: 1.4rem;
}

.news-more {
	position: relative;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1;
	width: max-content;
}

.news-more span {
	color: #0034DD;
	line-height: 1;
	transition: all .3s;
}

.news-more span:nth-child(2) {
	position: absolute;
	left: -1.1rem;
}

.news-more span:nth-child(2) img {
	width: 15px;
}

.news-more .hover {
	top: 0;
	left: 0;
	transform: translate(0,0);
}

.news-ls:hover {
	border: none;
}

.news-ls:hover .news-ls-img {
	opacity: 1;
}

.news-ls:hover .news-tit {
	color: #FFFFFF;
}

.news-ls:hover .news-cont {
	color: #FFFFFF;
}

.news-ls:hover .news-more span {
	right: calc(-.5rem - 15px);
	left: auto;
	color: #FFFFFF;
}

.news-ls:hover .news-more .normal {
	opacity: 0;
}

.news-ls:hover .news-more .hover {
	opacity: 1;
}

.indus-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.indus-top-intro {
	width: 50%;
	height: 12.85rem;
	padding: 0 2.25rem 0 2rem;
	background: #0034DD;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.indus-top-tit {
	color: #FFFFFF;
	line-height: 1;
	margin-bottom: .75rem;
	font-size: 1rem;
	position: relative;
	z-index: 2;
}

.indus-top-time {
	color: #FFFFFF;
	opacity: .5;
	margin-bottom: 0.85rem;
	position: relative;
	z-index: 2;
}

.indus-top-cont {
	opacity: .8;
	color: #FFFFFF;
	line-height: 2;
	margin-bottom: 2rem;
	position: relative;
	z-index: 2;
}

.indus-top-img {
	width: 50%;
	height: 12.85rem;
}

.indus-top-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.indus-top-intro .public-more {
	border: 1px solid #FFFFFF;
	position: relative;
	z-index: 2;
	background: none;
}

.indus-top-intro .public-more:hover {
	background: #FFFFFF;
}

.indus-top-intro-icon {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48%;
	z-index: 1;
}

.indus-top-intro-icon img {
	width: 100%;
}

.indes-ajax {
	background: #F6F6F6;
	padding: 2rem 2rem 1.8rem;
}

.indes-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0.75rem;
}

.indes-ls {
	width: 32%;
	display: block;
	margin-right: 2%;
	margin-bottom: 1.25rem;
	transition: all .3s;
}

.indes-ls:nth-child(3n) {
	margin-right: 0;
}

.indes-ls-img {
	width: 100%;
	height: 8.25rem;
	overflow: hidden;
}

.indes-ls-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.indes-normal {
	width: 100%;
	padding: 0.875rem 1rem 1.3rem;
	background-color: #FFFFFF;
}

.indes-tit {
	color: #000000;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.375rem;
}

.indes-cont {
	line-height: 0.6rem;
	height: 1.2rem;
	overflow: hidden;
	color: #808080;
}

.indes-more {
	width: 100%;
	height: 1.5rem;
	background: #FFFFFF;
	border: 1px solid #E8E8E8;
	padding-left: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.indes-more span {
	display: block;
}

.indes-more span:nth-child(1) {
	color: #808080;
}

.indes-more span:nth-child(2) {
	width: 1.5rem;
	height: 100%;
	background: #DDDDDD;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}

.indes-more span:nth-child(2) img {
	width: 0.5rem;
}

.indes-ls:hover {
	box-shadow: 0px 30px 90px 0px rgba(0, 3, 10, 0.1);
	transform: translateY(-0.5rem);
}

.indes-ls:hover .indes-ls-img img {
	transform: scale(1.1);
}

.indes-ls:hover .indes-more span:nth-child(2) {
	background: #0034DD;
}

.media-ajax-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0.75rem;
}

.media-ls {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border: 1px solid #E8E8E8;
}

.media-ls:nth-child(2n) {
	margin-right: 0;
}

.media-ls-lf {
	width: 50%;
	padding: 1.25rem 1.15rem .5rem 1rem;
}

.media-ls-tit {
	color: #111111;
	line-height: 0.8rem;
	margin-bottom: .4rem;
	max-height: 1.6rem;
	overflow: hidden;
}

.media-ls-time {
	margin-bottom: 0.6rem;
	line-height: 1;
	color: #808080;
}

.media-ls-cont {
	color: #808080;
	line-height: 0.8rem;
	max-height: 2.4rem;
	overflow: hidden;
}

.media-ls-rg {
	width: 50%;
	overflow: hidden;
}

.media-ls-rg img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.media-ls:hover .media-ls-rg img {
	transform: scale(1.1);
}

.map {
	width: 100%;
	height: 19.5rem;
	position: relative;
}

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

.map-intro {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 8.3%;
	z-index: 10;
	background-color: #FFFFFF;
	padding: 1.5rem 1.5rem .5rem;
	height: 15rem;
	width: 15rem;
}

.contact-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.2rem;
}

.contact-tab span {
	display: block;
	width: 46%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	border: 1px solid #DDDDDD;
	margin-right: 8%;
	cursor: pointer;
	transition: all .3s;
}

.contact-tab span:last-child {
	margin-right: 0;
}

.contact-tab span:hover {
	background-color: #0034DD;
	color: #FFFFFF;
	border: 1px solid #0034DD;
}

.contact-tab .cur {
	background-color: #0034DD;
	color: #FFFFFF;
	border: 1px solid #0034DD;
}

.contact-cont {
	
}

.contact-ls {
	border-top: 1px solid #E8E8E8;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 1rem;
	padding-top: 0.7rem;
}

.contact-ls:last-child {
	margin-bottom: 0;
}

.contact-ls-lf {
	width: 33%;
	display: flex;
	margin-top: 0.25rem;
}

.contact-ls-lf div {
	width: .5rem;
	margin-right: 15px;
}

.contact-ls-lf p {
	color: #666666;
	line-height: 1;
	white-space: nowrap;
}

.contact-ls-rg {
	width: 67%;
}

.contact-ls-rg p {
	line-height: 1;
	color: #111111;
	margin-bottom: .5rem;
}

.contact-ls-rg p:last-child {
	margin-bottom: 0;
}

.amap-info-close,
.amap-info-sharp {
	display: none;
}

.amap-info-content {
	padding: 0;
	border: none;
	background: none;
	line-height: 1;
	box-shadow: none;
	border-radius: 0;
	overflow: inherit;
}

.map-font {
	color: #0034DD;
	line-height: 1.5;
}

.map-point {
	position: relative;
	width: 8px;
	height: 8px;
	background: #0034DD;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
}

.map-point::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #0034DD;
	animation: corrugated 10s linear 0s infinite;
}

.map-point::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #0034DD;
	animation: corrugated 10s linear 5s infinite;
}

.contact {
	width: 100%;
	height: 20.25rem;
	position: relative;
}

.message {
	position: absolute;
	top: 50%;
	left: 46.875%;
	transform: translateY(-50%);
}

.message-tit {
	color: #111111;
	line-height: 1;
	margin-bottom: 1rem;
	text-align: center;
}

.message-form {
	width: 15rem;
}

.message-form form {
	width: 100%;
}

.message-ls {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.75rem;
}

.message-input {
	width: 47.5%;
	height: 1.6rem;
	margin-right: 5%;
	background: #FFFFFF;
	padding: 0 .5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.message-input:last-child {
	margin-right: 0;
}

.message-input span {
	color: #AAAAAA;
	position: relative;
	line-height: 1;
	display: block;
	width: max-content;
	white-space: nowrap;
}

.must span::after {
	content: '*';
	position: absolute;
	top: 0;
	right: -7px;
	color: #FF0000;
}

.message-input input {
	padding-left: .5rem;
	color: #AAAAAA;
	width: 90%;
}

.textarea {
	color: #AAAAAA;
	width: 100%;
	height: 4.2rem;
}

.textarea {
	resize: none;
	padding: 0.4rem .5rem;
	margin-bottom: 1rem;
}

.submit {
	width: 4rem;
	height: 1.5rem;
	color: #FFFFFF;
	background: #0034DD;
	display: block;
	margin: 0 auto;
}

.contact-btn {
	width: 100%;
	padding: 3rem 0 3.1rem;
}

.btn-tit {
	color: #111111;
	text-align: center;
	margin-bottom: 1.35rem;
	line-height: 1;
}

.contact-url {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.url-ls {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	border: 1px solid #DDDDDD;
	height: 3rem;
	border-bottom: none;
}

.url-ls:nth-child(n + 1) {
	border-right: none;
}

.url-ls:nth-child(4n) {
	border-right: 1px solid #DDDDDD;
}

.url-ls:last-child {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.url-ls:nth-last-child(2),
.url-ls:nth-last-child(3),
.url-ls:nth-last-child(4) {
	border-bottom: 1px solid #DDDDDD;
}

.url-ls img {
	max-width: 80%;
	max-height: 90%;
	object-fit: cover;
	transition: all .3s;
}

.url-ls:hover img {
	transform: scale(1.1);
}

.recru {
	width: 100%;
	padding: 2.95rem 0 3rem;
}

.recru-tit {
	color: #111111;
	line-height: 1;
	text-align: center;
	margin-bottom: 2.1rem;
}

.process {
	height: 7.5rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}

.process-ls {
	position: absolute;
	height: 100%;
	top: 0;
	background-size: cover;
	/* background-position: center center; */
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	padding-top: 1.55rem;
	width: 6.6rem;
}

.process-tit {
	font-size: 1.5rem;
	color: #0034DD;
	line-height: 1;
	margin-bottom: 0.7rem;
}

.process-cont {
	color: #0034DD;
	line-height: 1.5;
	text-align: center;
	width: 60%;
}

.process-ls:nth-child(1) {
	width: 6.525rem;
	left: 0;
}

.process-ls:nth-child(2) {
	left: 5.775rem;
}

.process-ls:nth-child(3) {
	left: 11.65rem;
}

.process-ls:nth-child(4) {
	left: 17.525rem;
}

.process-ls:nth-child(5) {
	left: 23.4rem;
}

.process-ls:nth-child(6) {
	left: 29.275rem;
}

.process-ls:nth-child(n + 4) .process-tit {
	color: #FFFFFF;
}

.process-ls:nth-child(n + 4) .process-cont {
	color: #FFFFFF;
}

.recru-cent {
	width: 100%;
	height: 18.75rem;
	padding: 3rem 0 0;
	text-align: center;
}

.recru-cent-tit {
	color: #FFFFFF;
	margin-bottom: .5rem;
	line-height: 1;
}

.recru-cent-sub {
	color: #FFFFFF;
	line-height: 1;
	margin-bottom: 1.1rem;
}

.recru-cent-cont {
	color: #CCCCCC;
	width: 41.875%;
	margin: 0 auto;
	letter-spacing: 1px;
}

.recru-cent-cont span {
	position: relative;
	color: #FFFFFF;
	text-decoration: underline;
}

/* .recru-cent-cont span::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #FFFFFF;
} */

.join {
	width: 100%;
	padding: 3rem 0;
	background: #FFFFFF;
}

.join-tit {
	color: #333333;
	line-height: 1;
	margin-bottom: 1.5rem;
	text-align: center;
}

.join-tit span {
	color: #0022C3;
}

.join-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 1.75rem;
	background: #0034DD;
	padding: 0 2rem 0 1.75rem;
	margin-bottom: .5rem;
}

.join-top p {
	color: #FFFFFF;
	width: 10%;
}

.join-top p:nth-child(5) {
	width: 45%;
}

.join-top p:nth-child(6) {
	width: 3rem;
	text-align: center;
}

.join-btn {
	border-top: 1px solid #E8E8E8;
	margin-bottom: 1rem;
	/* border-bottom: none; */
}

.join-btn .public-page {
	margin-top: 1rem;
}

.join-ls {
	background-color: #F6F6F6;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}

.join-ls:nth-child(2n) {
	background: #FFFFFF;
}

.join-ls-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2rem 0 1.75rem;
	height: 1.75rem;
	cursor: pointer;
}

.join-ls-top p {
	width: 10%;
	color: #333333;
}

.join-ls-top p:nth-child(5) {
	width: 45%;
	line-height: 1.6;
}

.join-ls-top a {
	width: 3rem;
	height: 1rem;
	text-align: center;
	line-height: 1rem;
	border: 1px solid #0034DD;
	display: block;
	color: #0034DD;
}

.join-ls-top.cur {
	background-color: #0034DD;
}

.join-ls-top.cur p,
.join-ls-top.cur a {
	color: #FFFFFF;
}

.join-ls-top.cur a {
	border: 1px solid #FFFFFF;
}

.join-ls-btn {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: none;
	padding: 0.9rem 2rem 1.25rem 1.75rem;
	display: none;
}

.join-ls-btn-box {
	border-bottom: 1px solid rgba(51,51,51,.1);
	padding-bottom: 0.75rem;
	margin-bottom: 0.8rem;
}

.join-ls-btn-intro {
	margin-bottom: 0.75rem;
}

.join-ls-btn-intro>p {
	color: #010D2C;
	margin-bottom: 0.5rem;
	line-height: 1;
}

.join-ls-btn-intro div {
	color: #333333;
	line-height: 2;
}

.join-ls-btn-intro:last-child {
	margin-bottom: 0;
}

.join-ls-btn-close {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.join-ls-btn-close a {
	width: 8.25rem;
	height: 1.1rem;
	background: #0034DD;
	border-radius: 4px;
	color: #FFFFFF;
	line-height: 1.1rem;
	text-align: center;
	font-weight: bold;
}

.join-ls-btn-close p {
	color: #14479A;
	font-weight: bold;
	cursor: pointer;
}

.welfare {
	padding: 3rem 0 3.5rem;
}

.welfare-tit {
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	margin-bottom: 2.25rem;
}

.welfare-box {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.welfare-ls {
	width: 33.3%;
	height: 5.375rem;
	border-right: 1px solid rgba(255,255,255,.3);
	border-bottom: 1px solid rgba(255,255,255,.3);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.welfare-ls-img {
	width: 1.9rem;
	margin-bottom: 0.85rem;
}

.welfare-ls-img img {
	width: 100%;
	object-fit: cover;
}

.welfare-ls-cont {
	width: 62%;
	color: #FFFFFF;
	line-height: 1.7;
	text-align: center;
}

.welfare-ls:nth-child(3n) {
	border-right: none;
}

.welfare-ls:nth-child(n + 4) {
	justify-content: flex-end;
	border-bottom: none;
}

.dev {
	padding: 3rem 0;
	background: #FFFFFF;
}

.dev-tit {
	color: #111111;
	line-height: 1;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #E8E8E8;
	font-weight: bold;
}

.swiper-box {
	position: relative;
	margin-left: 8.3%;
}

.dev-container {
	width: 100%;
}

.dev-container .swiper-slide {
	width: 28.5%;
	margin-right: 2.85%;
}

.dev-num {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
}

.dev-num span {
	line-height: 1;
}

.dev-num span:nth-child(1) {
	color: #0034DD;
}

.dev-num span:nth-child(2) {
	color: #111111;
}

.dev-img {
	width: 100%;
	height: 10rem;
	overflow: hidden;
}

.dev-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s;
}

.dev-img:hover img {
	transform: scale(1.1);
}

.swiper-box .swiper-button-prev,
.swiper-box .swiper-button-next {
	top: -4rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-size: 0.775rem 0.475rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #F6F6F6;
	transition: all .3s;
}

.swiper-box .swiper-button-prev:hover,
.swiper-box .swiper-button-next:hover {
	background-color: #0034DD;
}

.swiper-box .swiper-button-prev::after,
.swiper-box .swiper-button-next::after {
	font-size: 0;
}

.swiper-box .swiper-button-prev {
	background-image: url(../img/100.png);
	left: auto;
	right: calc(8.3% + 2.75rem);
}

.swiper-box .swiper-button-next {
	background-image: url(../img/101.png);
	right: 8.3%;
}

.swiper-box .swiper-button-prev:hover {
	background-image: url(../img/100-1.png);
}

.swiper-box .swiper-button-next:hover {
	background-image: url(../img/101-1.png);
}

.promote {
	position: relative;
	width: 100%;
	height: 17.5rem;
}

.promote-box {
	position: absolute;
	top: 2.4rem;
	right: 15.3%;
	width: 13rem;
}

.promote-box img {
	width: 100%;
}

.promote-top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 1.4rem;
	position: relative;
}

.promote-top::after {
	content: '';
	position: absolute;
	width: 100%;
	height: calc(100% - .5rem);
	top: 0;
	left: 0;
	background: linear-gradient(to top,rgba(255,255,255,.8),rgba(255,255,255,0));
}

.promote-top p {
	width: 38.5%;
	margin-right: 23%;
	margin-bottom: .5rem;
	background: #0034DD;
	color: #FFFFFF;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
}

.promote-top p:nth-child(2n) {
	margin-right: 0;
}

.promote-btn {
	position: relative;
	width: 100%;
	height: 1.5rem;
	border: 2px solid #0034DD;
	text-align: center;
	line-height: 1.5rem;
	color: #0034DD;
	background-color: #FFFFFF;
}

.promote-btn::before {
	content: '';
	position: absolute;
	top: -50%;
	left: calc(2.5rem - 0.2125rem);
	width: 0.425rem;
	height: 1.425rem;
	background: url(../img/103.png) no-repeat center;
	background-size: 100%;
}

.promote-btn::after {
	content: '';
	position: absolute;
	top: -50%;
	right: calc(2.5rem - 0.2125rem);
	width: 0.425rem;
	height: 1.425rem;
	background: url(../img/103.png) no-repeat center;
	background-size: 100%;
}

.type {
	padding: 1.5rem 0 3rem;
	position: relative;
}

.type::after {
	content: '';
	position: absolute;
	left: 25%;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #DDDDDD;
}

.type-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.type-select {
	width: 20%;
	padding-right: 1.25rem;
}

.type-change {
	width: 80%;
	padding-left: 2rem;
}

.type-search {
	width: 100%;
	display: flex;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid #E8E8E8;
}

.type-search input {
	width: calc(100% - 1.05rem);
	background: none;
	margin-right: .5rem;
	color: #999999;
}

.type-search input::-moz-placeholder {
	color: #999;
}

.type-search div {
	width: 0.55rem;
	cursor: pointer;
}

.type-search div img {
	width: 100%;
	object-fit: cover;
}

.select-top {
	margin-bottom: 0.8rem;
}

.select-top-tit {
	color: #111111;
	line-height: 1;
	margin-bottom: 0.9rem;
}

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

.select-top-ls {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0.7rem;
	cursor: pointer;
}

.check {
	border: 1px solid #DDDDDD;
	margin-right: 0.25rem;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	transition: all .3s;
}

.check svg {
	width: 100%;
	height: 100%;
	fill: #FFFFFF;
}

.check-tit {
	color: #555555;
	line-height: 1;
}

.select-top-ls:hover .check {
	background: #0034DD;
	border: 1px solid #0034DD;
}

.select-top-ls.cur .check {
	background: #0034DD;
	border: 1px solid #0034DD;
}

.select-cent {
	
}

.select-cent-tit {
	color: #111111;
	line-height: 1;
	margin-bottom: 0.75rem;
}

.select-cent-box {
	
}

.select-cent-color {
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, #FFD800, #FF7800, #FF0000);
	margin-bottom: .5rem;
}

.select-cent-click {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.select-cent-click span {
	color: #555555;
	line-height: 1;
	position: relative;
	cursor: pointer;
}

.select-cent-click span::after {
	content: '';
	position: absolute;
	left: 50%;
	top: -.8rem;
	transform: translateX(-50%);
	width: 0.3rem;
	height: 0.3rem;
	background-color: #FFFFFF;
	border-radius: 50%;
	transition: all .3s;
	opacity: 0;
}

.select-cent-click span:nth-child(1)::after {
	border: 3px solid #FFD800;
}

.select-cent-click span:nth-child(2)::after {
	border: 3px solid #FF7800;
}

.select-cent-click span:nth-child(3)::after {
	border: 3px solid #FF0000;
}

.select-cent-click span:hover::after {
	opacity: 1;
}

.select-cent-click .cur::after {
	opacity: 1;
}

.reset {
	margin-top: 1.5rem;
	width: 100%;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 25px;
	color: #999999;
	cursor: pointer;
	transition: all .3s;
}

.reset:hover {
	background-color: #0034DD;
	color: #FFFFFF;
}

.type-change-top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
}

.type-change-tab {
	padding-bottom: 1rem;
	margin-right: 2rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	cursor: pointer;
}

.type-change-tab::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 1px;
	background-color: #0034DD;
	transition: all .3s;
}

.type-change-tab:last-child {
	margin-right: 0;
}

.type-change-tab-icon {
	position: relative;
	margin-right: .5rem;
}

.type-change-tab-icon img {
	width: 100%;
	object-fit: cover;
	transition: all .3s;
}

.type-change-tab:nth-child(1) .type-change-tab-icon {
	width: 0.9rem;
}

.type-change-tab:nth-child(2) .type-change-tab-icon {
	width: 1.1rem;
}

.type-change-tab:nth-child(3) .type-change-tab-icon {
	width: 0.85rem;
}

.type-change-tab-tit {
	color: #111111;
	transition: all .3s;
}

.type-change-tab:hover::after,
.type-change-tab.cur::after {
	width: 100%;
}

.type-change-tab:hover .block,
.type-change-tab.cur .block {
	opacity: 0;
}

.type-change-tab:hover .hover,
.type-change-tab.cur .hover {
	top: 50%;
	opacity: 1;
}

.type-change-tab:hover .type-change-tab-tit,
.type-change-tab.cur .type-change-tab-tit {
	color: #0034DD;
}

.type-ajax-intro {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: #0034DD;
	height: 1.5rem;
	margin-bottom: .5rem;
}

.type-ajax-intro p {
	color: #FFFFFF;
	border-right: 1px solid rgba(255,255,255,.2);
	text-align: center;
	width: 25%;
	height: 100%;
	line-height: 1.5rem;
}

.type-ajax-intro p:last-child {
	border-right: none;
}

.type-ajax {
	
}

.type-ajax-box {
	margin-bottom: 2rem;
	max-width: 29.75rem;
	max-height: 18rem;
	overflow-x: auto;
	overflow-y: auto;
}

.table {
	width: 100%;
	border: 1px solid #E8E8E8;
}

.table tr {
	height: 1.5rem;
	background-color: #F6F6F6;
}

.table tr:nth-child(2n) {
	background-color: #FFFFFF;
}

.table tr td {
	/* width: 25%; */
	text-align: center;
	color: #333333;
	border-right: 1px solid #DDDDDD;
	min-width: 4.25rem;
}

.table tr td:last-child {
	border-right: none;
}

.info {
	background-color: #F6F6F6;
	padding: 2rem 0 2.25rem;
}

.info-box {
	background-color: #FFFFFF;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 2.5rem 0 2.75rem;
}

.info-lf {
	width: 70%;
	border-right: 1px solid #E8E8E8;
	padding-left: 2rem;
	padding-right: 2rem;
}

.info-lf-tit {
	color: #111111;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 8px;
}

.info-lf-intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.info-lf-time {
	color: #999999;
}

.share {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.share-tit {
	margin-right: 0.9rem;
	color: #333333;
}

.share .bdshare-button-style1-24 a,
.share .bdshare-button-style1-24 .bds_more {
	float: inherit;
	font-size: 0;
	padding-left: 0;
	line-height: inherit;
	height: auto;
	background: none;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 0;
}

.share-url {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.share .share-url a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	border: 1px solid #E8E8E8;
	border-radius: 50%;
	margin-right: 0.75rem;
}

.share .share-url a:last-child {
	margin-right: 0;
}

.share .share-url a img {
	pointer-events: none;
	max-width: 80%;
	object-fit: cover;
}

.info-lf-cont {
	margin-top: 1.5rem;
	margin-bottom: 2.25rem;
	color: #666666;
}

.info-lf-cont img {
	display: inline-block;
}

.info-page {
	width: 100%;
	height: 1.75rem;
	border: 1px solid #E8E8E8;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0.65rem;
}

.info-page a {
	display: block;
}

.info-page-a {
	max-width: 40%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666666;
	transition: all .3s;
}

.info-page-a:hover {
	color: #0034DD;
}

.back-list {
	width: 0.45rem;
	height: 0.45rem;
}

.back-list img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.info-rg {
	padding: 0 1.5rem;
	width: 30%;
}

.info-rg-tit {
	line-height: 1;
	margin-bottom: 1rem;
	color: #0034DD;
	font-weight: bold;
}

.info-rg-ls {
	display: block;
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 0.6rem;
	margin-bottom: 1rem;
}

.info-rg-ls:last-child {
	margin-bottom: 0;
}

.info-rg-ls-time {
	color: #808080;
	line-height: 1;
	margin-bottom: 0.4rem;
}

.info-rg-ls-cont {
	color: #333333;
	line-height: 1.5;
	font-weight: bold;
}

.i-about-intro-change a {
 line-height: 1;
 color: #808080;
 margin-bottom: .5rem;
 cursor: pointer;
 display: block;
}

.i-about-intro-change .cur {
 color: #0034DD;
}

.messageFix {
	position: fixed;
	top: calc(2.5rem + 100px);
}

.amap-copyright {
	z-index: 1;
}

.add-box {
	justify-content: space-between;
}

.add-box .tech-input {
	border: 1px solid #E8E8E8;
}

.add-tab {
	
}

.add-tab span {
	display: inline-block;
	width: max-content;
	height: 1.5rem;
	padding: 0 .75rem;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	transition: all .3s;
	margin-right: 0.25rem;
}

.add-tab span:last-child {
	margin-right: 0;
}

.add-tab span:hover {
	color: #0034DD;
}

.add-tab .cur {
	background-color: #0034DD;
	color: #FFFFFF;
}

.honor-container .swiper-slide {
	width: 26%;
	height: 7.5rem;
	background-color: #FFFFFF;
}

.honor-ajax-box .honor-button-prev,
.honor-ajax-box .honor-button-next {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	z-index: 222;
	margin-top: -0.75rem;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s;
	background-color: #fff;
}

.honor-ajax-box .honor-button-prev::after,
.honor-ajax-box .honor-button-next::after {
	font-size: 0;
}

.honor-ajax-box .honor-button-prev {
	left: 0;
	background-image: url(../img/jt2.png);
}

.honor-ajax-box .honor-button-next {
	right: 0;
	background-image: url(../img/jt2.png);
	transform: rotate(180deg);
}

.honor-button-next:hover, 
.honor-button-prev:hover {
	background-color: #0034DD;
	background-image: url(../img/jtsd.png);
}