@charset "utf-8";

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

#bsWXBox {
	box-sizing: content-box;
}

div,
p,
span,
i,
em {
	white-space: inherit !important;
}

ul {
	list-style: none;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
	margin: 0;
	padding: 0;
}

html {
	font-size: 1px;
}

@media (max-width: 1730px) {
	html {
		font-size: 0.901042px;
	}
}

@media (max-width: 1600px) {
	html {
		font-size: 0.824479px;
	}
}

@media (max-width: 1530px) {
	html {
		font-size: 0.792708px;
	}
}

@media (max-width: 1440px) {
	html {
		font-size: 0.741146px;
	}
}

@media (max-width: 1366px) {
	html {
		font-size: 0.702604px;
	}

	.home-news .home-bottom {
		padding-top: 24rem;
	}
}

@media (max-width: 1360px) {
	html {
		font-size: 0.699479px;
	}
}

@media (max-width: 1280px) {
	html {
		font-size: 0.657813px;
	}
}

body {
	font-family: 'Microsoft YaHei', arial;
	font-size: 14rem; font-size: max(14px, 14rem);
	color: #666666;
	line-height: 1.5;
	width: 100%;
	background: #fff;
	max-width: 1920px;
	min-width: 1260px;
	margin: 0 auto !important;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
}

a:link,
a:visited {
	text-decoration: none;
	outline: none;
	color: #666666;
}

a:hover,
a:active,
a:focus {
	color: #666666;
	text-decoration: none;
}

img {
	border: 0;
	max-width: 100%;
	display: block;
	height: auto;
}

table {
	border-collapse: collapse;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
textarea {
	font-size: 14px;
	outline: 0;
	overflow: hidden;
	font-family: arial;
}

input[type='reset'],
input[type='button'],
input[type='submit'],
input[type='radio'] {
	cursor: pointer;
	outline: 0;
}

input[type='checkbox'],
input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px;
}

textarea,
input[type='email'],
input[type='date'],
input[type='password'],
input[type='text'] {
	padding: 0;
	color: #666666;
	outline: 0;
}

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

input,
select,
textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border-radius: 0;
}

::-webkit-input-placeholder {
	color: #666;
}

:-moz-placeholder {
	color: #666;
	opacity: 1;
}

::-moz-placeholder {
	color: #666;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #666;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/*清楚浮动*/
.clearfix:after {
	clear: both;
	height: 0;
	content: '';
	line-height: 0;
	font-size: 0;
	display: block;
}

/*图片垂直水平居中*/
.pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.pic img {
	transition: 0.5s;
}

.pic:after {
	content: '';
	display: block;
	padding-bottom: 100%;
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto;
}

.container {
	margin-right: auto;
	margin-left: auto;
	width: 1600rem;
}

.container02 {
	margin-right: auto;
	margin-left: auto;
	width: 1440rem;
}

#container {
	overflow: hidden;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

@font-face {
	font-family: Nexa-Bold;
	src: url(../font/Nexa-Bold.otf);
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: OPPOSans-H;
	src: url('../font/OPPOSans-H.woff2') format('woff2'), url('../font/OPPOSans-H.woff') format('woff'), url('../font/OPPOSans-H.ttf') format('truetype'), url('../font/OPPOSans-H.eot') format('embedded-opentype'), url('../font/OPPOSans-H.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Oswald-Bold;
	src: url('../font/Oswald-Bold.woff2') format('woff2'), url('../font/Oswald-Bold.woff') format('woff'), url('../font/Oswald-Bold.ttf') format('truetype'), url('../font/Oswald-Bold.eot') format('embedded-opentype'), url('../font/Oswald-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Poppins-Regular;
	src: url('../font/Poppins-Regular.woff2') format('woff2'), url('../font/Poppins-Regular.woff') format('woff'), url('../font/Poppins-Regular.ttf') format('truetype'), url('../font/Poppins-Regular.eot') format('embedded-opentype'), url('../font/Poppins-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
.fp-enabled body,
html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fp-slide {
	float: left;
}

.fp-slide,
.fp-slidesContainer {
	height: 100%;
	display: block;
}

.fp-slides {
	z-index: 1;
	height: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.fp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

#section-footer .fp-tableCell {
	display: block;
}

.fp-slidesContainer {
	float: left;
	position: relative;
}

.fp-controlArrow {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	position: absolute;
	z-index: 4;
	top: 50%;
	cursor: pointer;
	width: 0;
	height: 0;
	border-style: solid;
	margin-top: -38rem;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
	left: 15px;
	width: 0;
	border-width: 38.5px 34px 38.5px 0;
	border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
	right: 15px;
	border-width: 38.5px 0 38.5px 34px;
	border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
	overflow: hidden;
	position: relative;
}

.fp-scroller {
	overflow: hidden;
}

.iScrollIndicator {
	border: 0 !important;
}

.fp-notransition {
	-webkit-transition: none !important;
	transition: none !important;
}

#fp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 55%;
	opacity: 1;
	width: 50px;
	-webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
	right: 70px;
}

#fp-nav.left {
	left: 17px;
}

.fp-slidesNav {
	position: absolute;
	z-index: 4;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0 !important;
	right: 0;
	margin: 0 auto !important;
}

.fp-slidesNav.bottom {
	bottom: 17px;
}

.fp-slidesNav.top {
	top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
	margin: 0;
	padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
	display: block;
	width: 50px;
	height: 30px;
	text-align: center;
	position: relative;
}

.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
}

#fp-nav ul li a:before,
.fp-slidesNav ul li a:before {
	content: '';
	width: 0;
	height: 1px;
	left: 50%;
	bottom: 5px;
	display: none;
	background: #fff;
	position: absolute;
	transition: all 334ms ease;
	-webkit-transition: all 334ms ease;
}

#fp-nav ul li a.active:before,
#fp-nav ul li:hover a.active:before,
.fp-slidesNav ul li a.active:before,
.fp-slidesNav ul li:hover a:before {
	width: 20px;
	left: 24px;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: #fff;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
	position: absolute;
	z-index: 1;
	border: 0;
	color: #fff;
	font-size: 0;
	font-family: arial;
	width: 12px;
	height: 12px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	border: solid 2px #fff;
	border-radius: 100%;
}

#fp-nav ul li:last-child {
	display: none;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
	background: #fff;
}

#fp-nav ul li .fp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px;
	overflow: hidden;
	display: block;
	opacity: 0;
	width: 0;
	cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active+.fp-tooltip {
	-webkit-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	width: auto;
	opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
	right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}

.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell,
.fp-auto-height.fp-section {
	height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell,
.fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto !important;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@keyframes fadeInLeft2 {
	0% {
		opacity: 0;
		transform: translate3d(-70px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInLeft2 {
	animation-name: fadeInLeft2;
}

@keyframes fadeInRight2 {
	0% {
		opacity: 0;
		transform: translate3d(70px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInRight2 {
	animation-name: fadeInRight2;
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		transform: translate3d(0, 70px, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInUp2 {
	animation-name: fadeInUp2;
}

@keyframes fadeInDown2 {
	0% {
		opacity: 0;
		transform: translate3d(0, -70px, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.fadeInDown2 {
	animation-name: fadeInDown2;
}

@keyframes mymove {
	0% {
		transform: scale(0.3);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes mymove {
	0% {
		transform: scale(0.3);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	60% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	80% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

.prompt {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../images/ie_sosad.png) no-repeat center 35% #ffffff;
	left: 0;
	bottom: 0;
	display: none;
	z-index: 999;
	filter: alpha(opacity=80);
	opacity: 80;
}

.prompt span {
	position: absolute;
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	top: 55%;
	left: 50%;
	margin-left: -152px;
	width: 304px;
	display: block;
	line-height: 24px;
	color: #666666;
}

.prompt span a {
	text-decoration: underline;
}

.prompt .prompt_close {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	background: url(../images/closed.png) no-repeat center center;
	cursor: pointer;
}

#Privacy {
	z-index: 10000;
	position: fixed;
	width: 800px;
	background: #fff;
	border: 4px solid rgba(0, 0, 0, 0.15);
	top: 50%;
	left: 50%;
	margin-top: -264px;
	margin-left: -400px;
	border-radius: 5px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}

#Privacy .dialog_header {
	width: 100%;
	position: relative;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #f3f3f3;
}

#Privacy .dialog_header .title {
	width: 100%;
	color: #000;
	font-weight: 700;
	font-size: 16px;
	line-height: 40px;
}

#Privacy .dialog_header .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	color: #c5c5c5;
	cursor: pointer;
}

#Privacy .privacy_policy_title {
	font-size: 24px;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 20px;
}

#Privacy .p-1 {
	font-size: 20px;
}

#Privacy .p-2 {
	font-size: 16px;
}

#Privacy .privacy_content {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 400px;
	padding: 20px 30px;
	overflow: auto;
}

#Privacy .privacy_footer {
	width: 100%;
	padding: 20px 0;
	text-align: center;
}

#Privacy .close_btn {
	display: inline-block;
	margin: 0 auto;
	width: auto;
	min-width: 200px;
	height: 40px;
	background: #155599;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

@media (max-width: 768px) {
	#Privacy {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		margin: 0;
	}
}

.sitemap li {
	border-bottom: 1px dashed #e0e0e0;
	padding-bottom: 20rem;
	margin-bottom: 20rem;
}

.sitemap li .top {
	font-size: 20rem; font-size: max(20px, 20rem);
	color: #333;
	font-weight: bold;
}

.sitemap li .top:hover {
	color: #155599;
}

.sitemap li .bot {
	margin-top: 15rem;
}

.sitemap li .bot a {
	float: left;
	font-size: 16rem; font-size: max(16px, 16rem);
	color: #666;
	margin-right: 20rem;
}

.sitemap li .bot a:hover {
	color: #155599;
}

.sitemap li .bot p {
	display: block;
	width: 100%;
	overflow: hidden;
	font-weight: bold;
	margin-top: 10rem;
}

.header {
	height: 99rem;
	width: 100%;
	z-index: 777;
	transition: 0.7s;
	position: fixed;
	left: 0;
}

.header .logo {
	padding: 0;
	float: left;
	transition: 0.2s;
	padding-top: 18rem;
}

.header .logo a {
	display: block;
	position: relative;
}

.header .logo a img {
	display: inline-block;
	vertical-align: top;
	height: 56rem;
	width: auto;
	max-height: 64px;
	max-width: 240px;
	z-index: 5;
	transition: 0.5s;
}

.header .logo a .logo2 {
	display: none;
}

.header .header-right {
	margin-right: -43rem;
	float: right;
}

.header .header-right .lan {
	float: right;
	position: relative;
	color: #fff;
	cursor: pointer;
	background: url(../images/line.png) no-repeat center left;
}

.header .header-right .lan span {
	display: block;
	padding-right: 20rem;
	background: url(../images/lan.png) no-repeat center center;
	background-size: 24rem !important;
	height: 99rem;
	width: 66rem;
}

.header .header-right .lan ul {
	position: absolute;
	top: 62rem;
	left: 50%;
	width: 100rem;
	margin-left: -50rem;
	background: #fff;
	display: none;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.header .header-right .lan ul li a {
	display: block;
	text-align: center;
	color: #303030;
	font-size: 14rem; font-size: max(14px, 14rem);
}

.header .header-right .lan ul li.active a {
	color: #155599;
	font-weight: bold;
	background: #eaf1f8;
}

.header .header-right .lan:hover ul {
	display: block;
}

@media (min-width: 1025px) {
	.header .header-right .lan ul li a:hover {
		color: #fff;
		background: #000000;
	}
}

.header .header-right .header-search {
	float: right;
	position: relative;
	/*搜索*/
}

.header .header-right .header-search .pull-right {
	position: relative;
	z-index: 778;
}

.header .header-right .header-search .pull-right a {
	display: block;
	overflow: hidden;
	width: 60rem;
	height: 99rem;
	background: url(../images/search.png) no-repeat center center;
	background-size: 21rem !important;
}

.header .header-right .header-search .search .search-main {
	top: 106rem;
	right: 0;
	z-index: 777;
	width: 300rem;
	display: none;
	position: absolute;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.header .header-right .header-search .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	font-size: 16rem; font-size: max(16px, 16rem);
	color: #666;
	height: 50rem;
	vertical-align: top;
	padding: 0 60rem 0 30rem;
	-webkit-appearance: none;
	background: none;
}

.header .header-right .header-search .btn {
	top: 0;
	border: 0;
	right: 0;
	color: #fff;
	width: 50rem;
	height: 50rem;
	line-height: 50rem;
	position: absolute;
	background: #155599 url(../images/search.png) no-repeat center center;
	background-size: 21rem !important;
}

.header .header-right .menu {
	float: right;
	position: relative;
	width: 36px;
	height: 36px;
	margin-top: 12px;
	display: none;
}

.header .header-right .menu .navPhoneBtn {
	display: inline-block;
	padding: 10px;
	cursor: pointer;
	float: left;
	position: absolute;
	z-index: 9;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 36px;
	text-align: right;
}

.header .header-right .menu .navPhoneBtn span {
	display: block;
	width: 20px;
	height: 2px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
	-webkit-transform-origin: 20px;
	transform-origin: 20px;
	-webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
	transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
	transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
	transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

.header .header-right .menu .navPhoneBtn span:nth-last-child(2) {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

.header .header-right .menu .navPhoneBtn span:last-child {
	margin-bottom: 0;
}

@keyframes zhuanquan {
	100% {
		transform: rotate(360deg);
	}
}

.nav {
	float: right;
	margin-right: 16rem;
	transition: 0.2s;
}

.nav ul li {
	float: left;
	margin-left: 80rem;
}

.nav ul li a {
	display: block;
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 99rem;
	color: #ffffff;
	position: relative;
	cursor: pointer;
}

.nav ul li a:after {
	content: '';
	display: block;
	width: 0;
	height: 3rem;
	background: #fff;
	position: absolute;
	bottom: 30rem;
	left: 0;
	transition: 0.5s;
}

.nav ul li .subnav {
	width: 100%;
	z-index: 66;
	padding: 66rem 0;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 99rem;
	left: 0;
	background: rgba(255, 255, 255, 0.92);
	border-bottom: 3px solid #155599;
}

.nav ul li .subnav a:after {
	display: none !important;
}

.nav ul li .subnav .text {
	width: 49%;
	float: left;
	margin-top: -2rem;
}

.nav ul li .subnav .text .bt {
	margin-bottom: 18rem;
}

.nav ul li .subnav .text .bt a {
	font-size: 32rem;
	line-height: 43rem;
	color: #3d3d3d;
}

.nav ul li .subnav .text .bt a:after {
	display: none !important;
}

.nav ul li .subnav .text .jsh {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 38rem;
	color: #3d3d3d;
	margin-bottom: 27rem;
}

.nav ul li .subnav .text .gd a {
	width: 38rem;
	height: 38rem;
	position: relative;
	display: block;
	background: url(../images/xia.png) no-repeat center center;
	background-size: 13rem;
	text-align: center;
}

.nav ul li .subnav .text .gd a:after {
	content: '';
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px dashed #155599 !important;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: none !important;
	animation: zhuanquan 10s linear 0s infinite;
}

.nav ul li .subnav .text .list {
	padding-top: 53rem;
}

.nav ul li .subnav .text .list a {
	display: block;
	float: left;
	width: 33.33333333%;
	color: #222222;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	height: auto;
	line-height: 37rem;
	padding-left: 24rem;
	padding-right: 2rem;
	font-size: 16rem; font-size: max(16px, 16rem);
	position: relative;
}

.nav ul li .subnav .text .list a:after {
	display: none !important;
}

.nav ul li .subnav .text .list a:hover {
	color: #155599;
	text-decoration: underline;
	background: url(../images/dot.png) no-repeat center left;
	background-size: 11rem;
}

.nav ul li .subnav .pic {
	width: 15.3%;
	float: right;
}

.nav ul li .subnav .pic:after {
	padding-bottom: 63.67346939%;
}

.nav ul li .subnav .download {
	float: right;
	width: 22%;
	padding-left: 40rem;
}

.nav ul li .subnav .download a {
	font-size: 16rem; font-size: max(16px, 16rem);
	letter-spacing: 1rem;
	color: #333333;
	line-height: 50rem;
	display: block;
	border-bottom: 1px dashed #c4c4c4;
	background: url(../images/d.png) no-repeat 99% center;
	background-size: 17px !important;
}

@media (min-width: 1025px) {
	.nav ul li .subnav .download a:hover {
		color: #155599;
		background: url(../images/d1.png) no-repeat 99% center;
	}
}

.nav ul li .subnav .download a:nth-last-child(1) {
	border-bottom: 0;
}

.nav ul li:hover a:after {
	width: 100%;
}

.nav ul .active a:after {
	width: 100%;
}

.header:hover {
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0rem 3rem 21rem 0rem rgba(12, 62, 110, 0.22);
}

.header:hover .logo a .logo1 {
	display: none;
}

.header:hover .logo a .logo2 {
	display: block;
}

.header:hover .header-right .lan {
	background: url(../images/line1.png) no-repeat center left;
}

.header:hover .header-right .lan span {
	background: url(../images/lan1.png) no-repeat center center;
}

.header:hover .header-right .header-search .pull-right a {
	background: url(../images/search1.png) no-repeat center center;
}

.header:hover .nav ul li a {
	color: rgba(51, 51, 51, 0.92);
}

.header:hover .nav ul li a:after {
	background: #155599;
}

.header1 {
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0rem 3rem 21rem 0rem rgba(12, 62, 110, 0.22);
}

.header1 .logo a .logo1 {
	display: none;
}

.header1 .logo a .logo2 {
	display: block;
}

.header1 .header-right .lan {
	background: url(../images/line1.png) no-repeat center left;
}

.header1 .header-right .lan span {
	background: url(../images/lan1.png) no-repeat center center;
}

.header1 .header-right .header-search .pull-right a {
	background: url(../images/search1.png) no-repeat center center;
}

.header1 .nav ul li a {
	color: rgba(51, 51, 51, 0.92);
}

.header1 .nav ul li a:after {
	background: #155599;
}

.header2 {
	background: #253080;
}

.headerFixed {
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0rem 3rem 21rem 0rem rgba(12, 62, 110, 0.22);
}

.headerFixed .logo a .logo1 {
	display: none;
}

.headerFixed .logo a .logo2 {
	display: block;
}

.headerFixed .header-right .lan {
	background: url(../images/line1.png) no-repeat center left;
}

.headerFixed .header-right .lan span {
	background: url(../images/lan1.png) no-repeat center center;
}

.headerFixed .header-right .header-search .pull-right a {
	background: url(../images/search1.png) no-repeat center center;
}

.headerFixed .nav ul li a {
	color: rgba(51, 51, 51, 0.92);
}

.headerFixed .nav ul li a:after {
	background: #155599;
}

.bg {
	padding-top: 100vh;
	position: relative;
	z-index: 300;
	background-size: cover;
	background-position: center center;
}

.section {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.fp-section.fp-table,
.fp-slide.fp-table {
	overflow: hidden !important;
}

.section1 {
	position: relative;
	width: 100%;
	z-index: 400;
}

.section1 .bg {
	z-index: 80;
}

.section1 .bg img {
	display: none;
}

.section1 .pro-info {
	position: absolute;
	bottom: 27px;
	right: 75px;
	z-index: 135;
	text-align: right;
}

.active .home-title {
	-webkit-animation: fadeInDown2 2s alternate;
	animation: fadeInDown2 2s alternate;
}

.active .home-news .home-bottom {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .home-about .about-nr .p {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .home-about .youshi {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.active .home-about .more {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

.active .home-application .conTabs {
	-webkit-animation: fadeInLeft2 2s alternate;
	animation: fadeInLeft2 2s alternate;
}

.active .home-application .menuTabs {
	-webkit-animation: fadeInRight2 2s alternate;
	animation: fadeInRight2 2s alternate;
}

.active .core_con {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .brand-bottom .text .home-span {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .brand-bottom .text .bt {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .home-contact .bt {
	-webkit-animation: fadeInUp2 2s alternate;
	animation: fadeInUp2 2s alternate;
}

.active .home-contact .p {
	-webkit-animation: fadeInUp2 3s alternate;
	animation: fadeInUp2 3s alternate;
}

.active .home-contact .more {
	-webkit-animation: fadeInUp2 4s alternate;
	animation: fadeInUp2 4s alternate;
}

#fp-nav {
	display: none !important;
}

.home {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 320;
	transform: translateY(-50%);
	padding-top: 100rem;
}

.transparent {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.6);
	top: 0;
	left: 0;
	z-index: 888;
	backdrop-filter: blur(5px);
}

.transparent.active {
	display: block;
}

.height {
	height: 1px;
	position: absolute;
	top: -100rem;
	left: 0;
	width: 100%;
}

.height1 {
	height: 100rem;
}

.swiper-renewal-main {
	position: relative;
}

.swiper-renewal-main .swiper-button-prev,
.swiper-renewal-main .swiper-button-next {
	width: 52rem;
	height: 52rem;
	border: dashed 2px #ffffff;
	border-radius: 50%;
	background: url(../images/jz.png) no-repeat center center;
	background-size: 9rem;
	margin-top: -26rem;
	left: 30rem;
}

.swiper-renewal-main .swiper-button-prev:after,
.swiper-renewal-main .swiper-button-next:after {
	display: none;
}

@media (min-width: 1025px) {

	.swiper-renewal-main .swiper-button-prev:hover,
	.swiper-renewal-main .swiper-button-next:hover {
		background-color: #155599;
		border: dashed 2px #155599;
	}
}

.swiper-renewal-main .swiper-button-next {
	background: url(../images/jy.png) no-repeat center center;
	background-size: 9rem;
	right: 30rem;
	left: auto;
}

.swiper-renewal-main video {
	display: block;
}

.swiper-renewal-main .title-area {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.swiper-renewal-main .title-area .info {
	padding: 0 50rem;
}

.swiper-renewal-main .title-area .main-tit {
	font-size: 57rem;
	margin-bottom: 25rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 0rem 1rem 5rem rgba(20, 31, 105, 0.46);
}

.swiper-renewal-main .title-area p.sub-tit {
	font-size: 18rem; font-size: max(18px, 18rem);
	line-height: 40rem;
	/* letter-spacing: 30rem; */
	margin-bottom: 73rem;
	color: #ffffff;
}

.swiper-renewal-main .title-area .arrow-container {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.swiper-renewal-main .swiper-slide video {
	max-width: 100%;
	height: 100vh;
	object-fit: cover;
}

.swiper-pagination2 {
	width: 100%;
	position: absolute;
	bottom: 5vh;
	color: #fff;
	z-index: 5;
	max-width: 1600rem;
	left: 50%;
	transform: translate(-50%, 0);
}

.swiper-pagination2 ul {
	width: 100%;
	display: flex;
	list-style: none;
}

.swiper-pagination2 ul li {
	width: 30%;
	border-bottom: 2px solid rgba(255, 255, 255, 0.92);
	padding: 10px;
	font-size: 18rem; font-size: max(18px, 18rem);
	font-weight: bold;
}

.swiper-pagination2 ul li span {
	padding-left: 22px;
}

.swiper-pagination2 ul li.active {
	border-color: #db1a21;
}

.swiper-pagination2 ul li a {
	color: #fff;
	cursor: pointer;
	letter-spacing: 0;
}

.swiper-pagination2 a.slide_btn {
	display: inline-block;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 4vw;
	bottom: -1vw;
	cursor: pointer;
}

.swiper-pagination2 a.slide_btn.stop {
	background: url('../images/slide_stop.png') no-repeat;
}

.swiper-pagination2 a.slide_btn.play {
	background: url('../images/slide_play.png') no-repeat;
}

.more a,
.more p {
	width: 178rem;
	line-height: 56rem;
	background-image: linear-gradient(-87deg, #10609f 0%, #243082 100%);
	border-radius: 28rem;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 14rem; font-size: max(14px, 14rem);
	transition: 0.5s;
	position: relative;
	overflow: hidden;
}

.more a span,
.more p span {
	display: inline-block;
	vertical-align: top;
	height: 56rem;
	margin-left: 15rem;
}

.more a span svg,
.more p span svg {
	width: 28rem;
	height: auto;
	fill: #fff;
	display: inline-block;
	vertical-align: middle;
}

.more a:after,
.more p:after {
	width: 100rem;
	height: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	-webkit-transform: skewx(-25deg);
	transform: skewx(-25deg);
	-webkit-transition: 0s;
	transition: 0s;
	z-index: 2;
	content: '';
	display: block;
}

@media (min-width: 1025px) {
	.more a:hover:after {
		left: 100%;
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
	}
}

.home-about .about-nr {
	width: 60%;
}

.home-about .about-nr .p {
	margin: 65rem 0 78rem 0;
}

.home-about .youshi {
	margin-bottom: 75rem;
}

.youshi ul {
	margin: 0 -40rem;
}

.youshi ul li {
	width: 33.3333333%;
	float: left;
	padding: 0 40rem;
	border-right: 1px dashed #dddddd;
}

.youshi ul li .num {
	margin-bottom: 12rem;
}

.youshi ul li .num .counter,
.youshi ul li .num em {
	font-style: initial;
	font-weight: bold;
	font-family: OPPOSans-B;
	font-size: 54rem;
	line-height: 56rem;
	letter-spacing: 2rem;
	display: inline-block;
	vertical-align: top;
	color: #353d48;
}

.youshi ul li .num i {
	font-size: 40rem;
	line-height: 30rem;
	font-weight: normal;
	font-style: initial;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 3rem;
	color: #353d48;
}

.youshi ul li .num b {
	width: 28rem;
	line-height: 28rem;
	font-size: 12rem; font-size: max(12px, 12rem);
	text-align: center;
	color: #fff;
	font-weight: normal;
	display: inline-block;
	vertical-align: bottom;
	background-color: #10609f;
	border-radius: 50%;
}

.youshi ul li .jsh {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 23rem; line-height: max(23px, 23rem);
	letter-spacing: 1rem;
	color: #6b6b6b;
}

.youshi ul li:nth-child(1) {
	width: 25%;
}

.youshi ul li:nth-last-child(1) {
	border-right: 0;
}

.home-contact {
	text-align: center;
	padding: 49rem 0 71rem 0;
	background: url(../images/bg5.jpg) no-repeat top center;
	background-size: cover;
}

.home-contact .bt {
	font-size: 50rem;
	margin-bottom: 7rem;
	font-weight: bold;
	color: #ffffff;
}

.home-contact .p {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 34rem;
	margin-bottom: 31rem;
	color: #ffffff;
}

.home-contact .more {
	font-size: 0;
	text-align: center;
}

.home-contact .more a {
	width: 208rem;
	display: inline-block;
	vertical-align: top;
	margin: 0 19rem;
}

.home-contact .more .learn {
	background-image: linear-gradient(-87deg, #10609f 0%, #243082 100%);
}

.home-contact .more .hcontact {
	background: #00a9ec;
}

.home-title {
	position: relative;
	font-size: 36rem;
	font-weight: bold;
	line-height: 72rem;
}

.home-title span {
	display: inline-block;
	/*position: absolute;*/
	top: 0;
	left: 0;
	color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(87deg, #243082 0%, #10609f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.home-title p {
	font-size: 75rem;
	color: rgba(71, 73, 77, 0.12);
	font-family: OPPOSans-H;
}

.home-span {
	font-size: 28rem;
	color: #47494d;
	margin-top: 10rem;
}

.brand-bottom {
	position: relative;
	min-height: 480rem;
}

.brand-bottom .text {
	position: relative;
	z-index: 3;
	float: left;
}

.brand-bottom .text .bt {
	font-size: 82rem;
	font-family: Poppins-Regular;
}

.brand-bottom .text .bt span {
	color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(-87deg, #243082 0%, #10609f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.brand-bottom .text .bt b {
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	font-size: 42rem;
}

.brand-bottom .text .home-span {
	/*margin-top: 26rem;*/
	margin-bottom: 22rem;
}

.brand-bottom .list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 65rem;
}

.brand-bottom .list ul {
	margin-left: -220rem;
	margin-right: -220rem;
}

.brand-bottom .list ul li {
	float: left;
	width: 280rem;
	margin-right: 12rem;
	margin-bottom: 12rem;
}

.brand-bottom .list ul li .pic {
	position: relative;
	overflow: hidden;
}

.brand-bottom .list ul li .pic:after {
	content: '';
	display: block;
	padding-bottom: 51.78571429%;
}

.brand-bottom .list ul .boxs {
	background-color: #f1f1f9;
	box-shadow: 1rem 13rem 18rem 0 rgba(200, 200, 200, 0.13);
}

.brand-bottom .list ul:nth-child(2n) {
	margin-left: -240rem;
	margin-right: -240rem;
}

.brand-bottom .list ul:nth-child(3n) {
	margin-left: -105rem;
	margin-right: -105rem;
}

.home-news .home-top {
	padding-bottom: 85rem;
}

.home-news .home-top .left {
	float: left;
}

.home-news .home-top .nlist {
	float: right;
	margin-top: 58rem;
}

.home-news .home-top .nlist ul li {
	float: left;
	margin-left: 20rem;
}

.home-news .home-top .nlist ul li a {
	display: block;
	width: 182rem;
	line-height: 52rem;
	font-size: 16rem; font-size: max(16px, 16rem);
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	padding: 0 5rem;
	border-radius: 30rem;
	text-align: center;
	border: solid 1px #e1e4e6;
}

@media (min-width: 1025px) {
	.home-news .home-top .nlist ul li:hover a {
		border: solid 1px #ffffff;
		color: #ffffff;
		background-image: linear-gradient(-87deg, #10609f 0%, #243082 100%);
	}
}

.home-news .home-top .nlist ul .active a {
	border: solid 1px #ffffff;
	background-image: linear-gradient(-87deg, #10609f 0%, #243082 100%);
	color: #ffffff;
}

.home-news .home-bottom {
	position: relative;
}

.home-news .swiper-button-next,
.home-news .swiper-button-prev {
	width: 52rem;
	height: 52rem;
	border-radius: 50%;
	background: #f8f8f9 url('../images/left.png') no-repeat center center !important;
	background-size: 8rem !important;
	margin-top: 0;
	top: -220rem;
	right: 64rem;
	left: auto;
	z-index: 66;
}

.home-news .swiper-button-next:after,
.home-news .swiper-button-prev:after {
	content: '';
	display: none;
}

@media (min-width: 1025px) {

	.home-news .swiper-button-next:hover,
	.home-news .swiper-button-prev:hover {
		background-color: #155599 !important;
	}
}

.home-news .swiper-button-next {
	right: 0;
	left: auto;
	background: #f8f8f9 url('../images/right.png') no-repeat center center !important;
	background-size: 8rem !important;
}

@media (min-width: 1025px) {
	.home-news .swiper-button-next:hover {
		background-color: #155599 !important;
	}
}

.home-news .show .info1 {
	display: none;
}

.newslist li {
	width: 436rem;
	float: left;
}

.newslist li .pic:after {
	padding-bottom: 64.22018349%;
}

.newslist li a {
	display: block;
}

.newslist li .text {
	padding-top: 22rem;
}

.newslist li .text .fenlei {
	font-size: 16rem; font-size: max(16px, 16rem);
	margin-bottom: 5rem;
	color: #0053a6;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.newslist li .text .bt {
	font-size: 20rem; font-size: max(20px, 20rem);
	margin-bottom: 13rem;
	overflow: hidden;
	line-height: 30rem;
	height: 60rem;
	color: #222222;
}

.newslist li .text .date {
	line-height: 28rem;
	font-size: 16rem; font-size: max(16px, 16rem);
	border-top: solid 1px #c9cdd2;
	color: #6b7480;
	padding-top: 16rem;
}

.newslist li .text .date .left {
	float: left;
}

.newslist li .text .date .more {
	float: right;
	padding-right: 30rem;
	background: url(../images/more2.png) no-repeat center right;
	background-size: 25rem;
}

@media (min-width: 1025px) {
	.newslist li:hover .pic img {
		transform: scale(1.04);
	}
}

.newslist1 {
	margin: 0 -24rem;
}

.newslist1 li {
	width: 33.33333%;
	padding: 0 24rem;
}

.news .newslist {
	padding-bottom: 52rem;
	padding-top: 78rem;
}

.news .newslist li {
	margin-bottom: 83rem;
}

.news-one {
	position: relative;
	z-index: 5;
}

.news-one .pic {
	float: left;
	width: 58%;
	border-radius: 18rem;
}

.news-one .pic:after {
	padding-bottom: 56.4516129%;
}

.news-one .list {
	float: right;
	width: 37%;
	padding-top: 5rem;
}

.news-one .list ul li {
	border-bottom: 1px solid #d6d6d6;
	padding-bottom: 42rem;
	margin-bottom: 39rem;
}

.news-one .list ul li a {
	display: block;
}

.news-one .list ul li a .date {
	font-size: 13rem; font-size: max(13px, 13rem);
	margin-bottom: 26rem;
	color: #0053a6;
}

.news-one .list ul li a .bt {
	font-size: 22rem;
	line-height: 36rem;
	color: #030f1b;
	height: 72rem;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.news-one .list ul li:hover {
		border-bottom: 1px solid #155599;
	}

	.news-one .list ul li:hover a .bt {
		color: #155599;
	}
}

.news-one .list ul li:nth-last-child(1) {
	padding: 0;
	margin: 0;
	border: 0;
}

.inbanner {
	color: #fff;
	position: relative;
}

.inbanner img {
	margin: 0 auto;
	display: block;
}

.inbanner .img1 {
	display: none;
}

.inbanner .item {
	position: relative;
}

.inbanner .banner-hover {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	text-align: center;
}

.inbanner .banner-hover .bt {
	position: relative;
}

.inbanner .banner-hover h1 {
	font-size: 57rem;
	color: #ffffff;
	text-shadow: 0rem 1rem 5rem 0rem rgba(20, 31, 105, 0.46);
	font-weight: bold;
	transition: 2s;
	animation: fadeInUp2 2s;
}

.inbanner .banner-hover p {
	text-shadow: 2rem 3rem 7rem rgba(0, 0, 0, 0.35);
	transition: 2.5s;
	animation: fadeInUp2 2.5s;
	font-size: 28rem;
	font-style: italic;
	font-family: OPPOSans-H;
	color: #ffffff;
}

.inbanner .banner-hover p span {
	color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(87deg, #243082 0%, #10609f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



.inbanner .banner-hover1.bt {
	position: relative;

}

.inbanner .banner-hover1 h1 {
	font-size: 38rem;
	color: #ffffff;
	text-align: left;
	text-shadow: 0rem 1rem 5rem 0rem rgba(20, 31, 105, 0.46);
	font-weight: bold;
	transition: 2s;
	animation: fadeInUp2 2s;
	margin-bottom: 20rem;
}

.inbanner .banner-hover1 p {
	text-shadow: 2rem 3rem 7rem rgba(0, 0, 0, 0.35);
	transition: 2.5s;
	animation: fadeInUp2 2.5s;
	font-size: 14rem; font-size: max(14px, 14rem);
	text-align: left;
	font-style: inherit;
	font-family: OPPOSans-H;
	font-weight: normal;
	color: #ffffff;
}

.inbanner .banner-hover1 .date {
	font-size: 16rem; font-size: max(16px, 16rem);
	width: 52rem;
	height: 78rem;
	padding: 10rem 0;
	float:right;
	background: url(../images/bg.png) no-repeat top left;
	background-size: 100%;
}

.inbanner .banner-hover1 .date b {
	display: block;
	font-size: 18rem; font-size: max(18px, 18rem);
}

.current {
	font-size: 14rem; font-size: max(14px, 14rem);
	line-height: 25rem; line-height: max(25px, 25rem);
	overflow: hidden;
	color: #6b6b6b;
	background: #f7f7f7;
	border-bottom: 1px solid #efefef;
}

.current ul {
	float: left;
}

.current ul li {
	float: left;
}

.current ul li a {
	line-height: 60rem;
	display: block;
	padding: 0 10rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	width: 310rem;
	text-align: center;
	font-size: 20rem; font-size: max(20px, 20rem);
	color: #333;
}

@media (min-width: 1025px) {
	.current ul li:hover a {
		color: #fff;
		background: #155599;
	}
}

.current ul .active a {
	color: #fff;
	background: #155599;
}

.current span {
	background: url(../images/home.png) no-repeat center left;
	background-size: 22rem !important;
	padding-left: 30rem;
	float: right;
	margin: 17rem 0;
}

.current a {
	color: #6b6b6b;
}

.current b {
	font-weight: normal;
	color: #6b6b6b;
}

.content {
	padding: 102rem 0 84rem 0;
	min-height: 500rem;
}

.page {
	clear: both;
	text-align: center;
	font-size: 0;
	color: #7d6a4a;
}

.page em {
	font-style: normal;
	font-size: 18px;
}

.page a {
	color: #6b6b6b;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	min-width: 40px;
	line-height: 40px;
	font-weight: bold;
	text-transform: uppercase;
	height: 40px;
	border-radius: 40px;
	margin: 0 8px;
	padding: 0 5px;
	vertical-align: top;
	-webkit-transition: background 0.5s;
	transition: background 0.5s;
	-webkit-box-shadow: 0 0 0 1px #cdcdcd;
}

.page a span {
	display: block;
}

.page a.cur,
.page a:hover {
	background: #155599;
	-webkit-box-shadow: 0 0 0 1px #fff;
	color: #fff;
}

.page a.prev,
.page a.next {
	color: #6b6b6b;
}

.page a.prev {
	padding-left: 24px;
	margin-right: 5px;
	width: 106px;
}

.page a.prev span {
	background: url(../images/prev-01.png) no-repeat left center;
	background-size: 6px;
}

.page a.prev:hover {
	color: #fff;
}

.page a.prev:hover span {
	background: url(../images/prev-02.png) no-repeat left center;
	background-size: 6px;
}

.page a.next {
	padding-right: 24px;
	margin-left: 5px;
	width: 106px;
}

.page a.next span {
	background: url(../images/next-01.png) no-repeat right center;
	background-size: 6px;
}

.page a.next:hover {
	color: #fff;
}

.page a.next:hover span {
	background: url(../images/next-02.png) no-repeat right center;
	background-size: 6px;
}

@media (max-width: 768px) {

	.page a,
	.page em {
		display: none;
	}

	.page a.prev,
	.page a.next {
		display: inline-block;
	}
}

.footer {
	background: #fff;
	position: relative;
	border-top: 3px solid #194297;
	z-index: 1;
}

.footer a:hover {
	text-decoration: underline;
}

.footer-top {
	padding: 65rem 0 22rem 0;
	border-bottom: solid 1px #c0c0c0;
}

.footer-top .h3 {
	float: left;
	width: 346rem;
}

.footer-top .input {
	float: right;
	position: relative;
	padding-top: 25rem;
}

.footer-top .input .year {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.footer-top .input .year .num {
	font-family: Oswald-Bold;
	font-size: 60rem;
	line-height: 50rem;
	letter-spacing: -1rem;
	color: #155599;
}

.footer-top .input .year .num b {
	font-size: 30rem;
}

.footer-top .input .year .year {
	font-family: Poppins-Regular;
	font-size: 14rem; font-size: max(14px, 14rem);
	letter-spacing: 3rem;
	color: #ffffff;
	width: 77rem;
	line-height: 24rem; line-height: max(24px, 24rem);
	background-color: #155599;
	border-radius: 10rem;
}

.footer-top .input .p {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30rem;
	font-size: 14rem; font-size: max(14px, 14rem);
	line-height: 24rem; line-height: max(24px, 24rem);
	color: #4a5c72;
	width: 418rem;
	/*text-align: justify;*/
}

.footer-center {
	padding-top: 42rem;
	padding-bottom: 63rem;
}

.footer-center .footer-left {
	float: left;
	width: 28%;
}

.footer-center .footer-left .f2 {
	padding-top: 14rem;
	padding-bottom: 20rem;
}

.footer-center .footer-left .f2 p {
	font-family: Poppins-Regular;
	font-size: 20rem; font-size: max(20px, 20rem);
	line-height: 35rem;
	padding-left: 45rem;
	margin-bottom: 15rem;
	color: #666666;
	background-size: 35rem !important;
}

.footer-center .footer-left .f2 p a {
	font-size: 20rem; font-size: max(20px, 20rem);
	line-height: 39rem;
	color: #1d3654;
}

.footer-center .footer-left .f2 .f01 {
	background: url(../images/f01.png) no-repeat left top;
}

.footer-center .footer-left .f2 .f02 {
	background: url(../images/f02.png) no-repeat left top;
}

.footer-center .footer-left .f2 .f02 a {
	color: #155599;
}

.footer-center .footer-left .f2 .f03 {
	background: url(../images/f03.png) no-repeat left top;
}

.footer-center .footer-left .f2 .f04 {
	background: url(../images/f04.png) no-repeat left top;
}

.footer-center .footer-left .more a {
	width: 221rem;
	line-height: 48rem;
}

.footer-center .footer-left .more a span {
	height: 48rem;
}

.footer-center .footer-list {
	float: right;
	width: 47%;
}

.footer-center .footer-list ul li {
	width: 25%;
	float: left;
}

.footer-center .footer-list ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	max-width: 100%;
	font-family: Poppins-Regular;
	font-size: 20rem; font-size: max(20px, 20rem);
	line-height: 56rem;
	font-weight: bold;
	color: #47494d;
	margin-bottom: 2rem;
	padding-right: 5rem;
}

.footer-center .footer-list ul li ul li {
	width: 100% !important;
}

.footer-center .footer-list ul li ul li a {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 44rem;
	font-weight: normal;
	color: #6b6b6b;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}

.footer-center .footer-list ul li ul .last a {
	text-decoration: underline;
	color: #0366ac;
}

.footer-center .footer-list ul li:nth-child(1) {
	width: 30%;
}

.footer-center .footer-list ul li:nth-child(2) {
	width: 17%;
}

.footer-center .footer-list ul li:nth-child(3) {
	width: 25%;
}

.footer-center .footer-list ul li:nth-last-child(1) {
	width: 25%;
	float: right;
}

.footer-center .footer-list .list {
	padding-top: 65rem;
	overflow: hidden;
}

.footer-center .footer-list .list .li {
	width: 25%;
	float: left;
	text-align: center;
}

.footer-center .footer-list .list .li .pic {
	width: 160rem;
	margin: 0 auto;
}

.footer-center .footer-list .list .li .h3 {
	margin-top: 14rem;
	font-size: 14rem; font-size: max(14px, 14rem);
	color: #666666;
}

.footer-bottom {
	padding: 20rem 0;
	line-height: 24rem;
	background: #155599;
	color: #fff;
}

.footer-bottom a {
	color: #fff;
}

.footer-bottom .top-btn {
	float: right;
}

.footer-bottom .top-btn a {
	display: block;
	font-family: Poppins-Regular;
	font-size: 16rem; font-size: max(16px, 16rem);
	padding-right: 34rem;
	color: #ffffff;
	background: url('../images/top.png') no-repeat center right;
	background-size: 22rem;
}

.news-show {
	padding: 81rem 0 0 0;
	padding-bottom: 0 !important;
}

.news-info {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 40rem;
	padding-bottom: 136rem;
	color: #333333;
}

.news-info .title {
	font-weight: bold;
	font-size: 20rem; font-size: max(20px, 20rem);
	color: #333333;
}

.fenxiang {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 33rem 0;
}

.fenxiang span {
	float: left;
	font-size: 22rem;
	line-height: 40rem;
	color: #5c94bb;
}

.fenxiang span a {
	width: 40rem;
	height: 40rem;
	border: 2px solid #5c94bb;
	display: block;
	float: left;
	margin-left: 6rem;
	border-radius: 50%;
}

@media (min-width: 1025px) {
	.fenxiang span a:hover {
		background: #2b7bc0;
	}
}

a.return {
	padding-left: 40rem;
	line-height: 40rem;
	color: #5c94bb;
	font-size: 22rem;
	display: block;
	float: right;
	background: url(../images/fanhui.png) no-repeat center left;
	background-size: 26rem;
}

.next {
	text-align: center;
	padding: 68rem 0 74rem 0;
}

.next .span {
	font-size: 18rem; font-size: max(18px, 18rem);
	margin-bottom: 13rem;
	color: #333333;
}

.next .p {
	font-size: 30rem;
	font-weight: bold;
	color: #055899;
}

.related {
	padding: 94rem 0;
	background-color: #f7f7f7;
}

.related .home-title {
	text-align: center;

}

.related .home-title span {
	left: 50%;
	transform: translateX(-50%);
}

.related .related-bottom {
	padding-top: 67rem;
}

.return-list {
	position: fixed;
	top: 50%;
	left: 20rem;
	z-index: 88;
}

.return-list a {
	width: 76rem;
	height: 76rem;
	display: block;
	border-radius: 50%;
	background: url(../images/return.png) no-repeat center center;
	background-size: 100% !important;
}

@media (min-width: 1025px) {
	.return-list a:hover {
		background: #155599 url(../images/return1.png) no-repeat center center;
	}
}

.partner {
	position: relative;
	background: url(../images/pabg.png) no-repeat top center;
	background-size: 100%;
}

.partnerlist {
	margin: 0 -19rem;
	padding-bottom: 50rem;
}

.partnerlist li {
	width: 20%;
	float: left;
	padding: 0 19rem;
	margin-bottom: 66rem;
}

.partnerlist li .pic {
	border: solid 1px #e7e7e7;
	background: #fff;
}

.partnerlist li .pic:after {
	padding-bottom: 52.73053892%;
}

.partnerlist li .bt {
	font-size: 18rem; font-size: max(18px, 18rem);
	line-height: 49rem;
	color: #47494d;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.partnerlist li:hover .pic {
		box-shadow: 0rem 4rem 7rem 0rem rgba(89, 147, 226, 0.28);
		border: 1px solid #fff;
	}

	.partnerlist li:hover .bt {
		font-weight: bold;
		color: #155599;
	}
}

.contact {
	padding-bottom: 0 !important;
}

.contact .contact-bottom {
	padding-bottom: 119rem;
}

.contact .contact-bottom ul {
	margin: 0 -21rem;
	text-align: center;
	font-size: 0;
}

.contact .contact-bottom ul li {
	width: 33.333333%;
	padding: 0 21rem;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.contact .contact-bottom ul li .box {
	padding: 58rem 38rem 40rem 38rem;
	border-bottom: 8rem solid #f8f8f8;
	background: #f8f8f8;
	height: 535rem;
	transition: 0.5s;
}

.contact .contact-bottom ul li .box .pic {
	width: 84rem;
	background-color: #243383;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.contact .contact-bottom ul li .box .text {
	padding-top: 32rem;
}

.contact .contact-bottom ul li .box .text .bt {
	font-size: 22rem;
	margin-bottom: 33rem;
	color: #353d48;
}

.contact .contact-bottom ul li .box .text .span {
	margin-bottom: 60rem;
	font-size: 26rem;
	color: #243383;
}

.contact .contact-bottom ul li .box .text .span a {
	color: #243383;
	display: block;
}

.contact .contact-bottom ul li .box .text .p {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 20rem; line-height: max(20px, 20rem);
	color: #6b6b6b;
}

.contact .contact-bottom ul li .box .text .p p {
	margin-bottom: 12rem;
}

@media (min-width: 1025px) {
	.contact .contact-bottom ul li:hover .box {
		box-shadow: -4rem 18rem 49rem 0 rgba(127, 129, 129, 0.52);
		border-bottom: 8rem solid #243383;
	}
}

.contact03 {
	padding: 101rem 0 144rem 0;
	position: relative;
	background: url(../images/cbg.jpg) no-repeat top center;
	background-image: -webkit-image-set(url(../images/cbg.webp) type('image/webp'), url(../images/cbg.jpg) type('image/jpeg'));
	background-image: image-set(url(../images/cbg.webp) type('image/webp'), url(../images/cbg.jpg) type('image/jpeg'));
	background-size: cover;
}

.contact03 .home-title {
	text-align: center;
}

.contact03 .home-title span {
	background-image: linear-gradient(87deg, #282828 0%, #282828 100%);
	left: 50%;
	transform: translateX(-50%);
}

.contact03 .home-title p {
	text-stroke: 1px rgba(11, 24, 134, 0.1);
	-webkit-text-stroke: 1px rgba(11, 24, 134, 0.1);
	font-size: 80rem;
	letter-spacing: 4rem;
	color: rgba(255, 255, 255, 0);
	font-family: arial;
}

.contact03 .inside-message {
	box-shadow: -4rem 16rem 84rem 0 rgba(120, 120, 120, 0.32);
	padding: 72rem 106rem 0 106rem;
	margin-top: 67rem;
	background: rgba(255, 255, 255, 0.95);
}

.contact03 .inside-message .list {
	position: relative;
}

.contact03 .inside-message li {
	width: 33.33333333%;
	float: left;
	padding: 0 6rem 57rem 6rem;
	position: relative;
}

.contact03 .inside-message .box {
	position: relative;
}

.contact03 .input-form,
.contact03 select,
.contact03 textarea {
	height: 35rem;
	width: 100%;
	border: none;
	border-bottom: 1px solid #eaeaea;
	background: none;
	font-size: 16rem; font-size: max(16px, 16rem);
	padding-left: 36rem;
	color: #6f6f6f;
}

.contact03 .input-form::-webkit-input-placeholder,
.contact03 select::-webkit-input-placeholder,
.contact03 textarea::-webkit-input-placeholder {
	color: #6f6f6f;
}

.contact03 .input-form:-moz-placeholder,
.contact03 select:-moz-placeholder,
.contact03 textarea:-moz-placeholder {
	color: #6f6f6f;
	opacity: 1;
}

.contact03 .input-form::-moz-placeholder,
.contact03 select::-moz-placeholder,
.contact03 textarea::-moz-placeholder {
	color: #6f6f6f;
	opacity: 1;
}

.contact03 .input-form:-ms-input-placeholder,
.contact03 select:-ms-input-placeholder,
.contact03 textarea:-ms-input-placeholder {
	color: #6f6f6f;
}

.contact03 select::-ms-expand {
	display: none;
}

.contact03 select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff url(../images/arrow.png) no-repeat scroll right center;
	background-size: 12rem;
	background: #ffffff\9\0;
}

.contact03 .red {
	position: absolute;
	top: 6rem;
	left: 0;
}

.contact03 .verifyDiv {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20rem;
}

.contact03 .span {
	color: #c62828;
	display: block;
	padding-left: 18rem;
}

.contact03 .span span {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 43rem;
	color: #08060b;
}

.contact03 textarea {
	padding-top: 17rem;
	height: 102rem;
	padding-left: 20rem;
}

.contact03 .more {
	float: right;
}

.verify {
	height: 40rem;
	background-color: #e5e5e5;
	font-size: 14rem; font-size: max(14px, 14rem);
	position: relative;
	width: 324rem !important;
}

.verify .drag-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 40rem;
	height: 40rem;
	border: 1px #e5e5e5 solid;
	background: #ffffff url(../images/drag-arrow.svg) no-repeat center center;
	background-size: 20rem 20rem;
	z-index: 2;
	cursor: move;
}

.verify .suc-drag-btn {
	background: #ffffff url(../images/drag-success.svg) no-repeat center center;
	background-size: 20rem 20rem;
}

.verify .drag-progress {
	position: absolute;
	left: 0;
	top: 0;
	height: 40rem;
	line-height: 38rem;
	width: 0;
	background-color: #155599;
	color: #333;
	font-size: 14rem; font-size: max(14px, 14rem);
	text-align: center;
}

.verify .fix-tips,
.verify .verify-msg {
	width: 100%;
	position: absolute;
	right: 0;
	left: 0;
	height: 100%;
	color: #333;
	z-index: 1;
	line-height: 40rem;
	padding-left: 40rem;
	text-align: center;
}

.verify .verify-msg {
	padding-left: 0;
	padding-right: 40rem;
}

.verify .verify-msg {
	background-color: #155599;
	display: none;
	color: #fff;
}

.about04 {
	position: relative;
	background: url(../images/bg6.jpg) no-repeat top center;
	background-image: -webkit-image-set(url(../images/bg6.webp) type('image/webp'), url(../images/bg6.jpg) type('image/jpeg'));
	background-image: image-set(url(../images/bg6.webp) type('image/webp'), url(../images/bg6.jpg) type('image/jpeg'));
	background-size: cover;
	padding: 183rem 0 208rem 0;
}

.about04 .inmain-title1 {
	font-family: OPPOSans-B;
	font-size: 32rem;
	font-weight: bold;
	color: #155599;
	text-align: center;
}

.about04 .inmain-p {
	text-align: center;
	font-size: 48rem;
	font-weight: bold;
	letter-spacing: 2rem;
	color: #ffffff;
}

.about04 .list {
	margin-top: 90rem;
	overflow: hidden;
	position: relative;
	padding-bottom: 14rem;
}

.about04 .list .li {
	width: 25% !important;
	float: left;
	text-align: center;
	font-size: 18rem; font-size: max(18px, 18rem);
	line-height: 28rem;
	letter-spacing: 2rem;
	color: #000000;
}

.about04 .list .li .img {
	width: 198rem;
	height: 198rem;
	padding-top: 10%;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.68);
	border-radius: 50%;
	margin-bottom: 24rem;
	box-shadow: 0rem 5rem 10rem 0rem rgba(0, 0, 0, 0.08);
}

.about04 .list .li .jsh{
    letter-spacing: 0;
}

.about04 .list .li .pic {
	width: 80rem;
	margin: 0 auto;
}

.about04 .list .li .pic .cuh {
	display: none;
}

.about04 .list .li .bt {
	font-size: 22rem;
	line-height: 24rem;
	margin-top: 5rem;
	font-weight: bold;
	/*letter-spacing: 3rem;*/
	color: #000000;
}

@media (min-width: 1025px) {
	.about04 .list .li:hover .img {
		background-color: #1f4ea3;
	}

	.about04 .list .li:hover .pic .cu {
		display: none;
	}

	.about04 .list .li:hover .pic .cuh {
		display: block;
	}

	.about04 .list .li:hover .bt {
		color: #fff;
	}
}

.about05 {
	padding: 276rem 0 144rem 0;
}

.about05 .about-bottom {
	padding-right: 52rem;
	position: relative;
	padding-left: 121rem;
}

.about05 .slider-for {
	text-align: left;
	float: left;
	width: 44%;
	padding-top: 57rem;
	padding-left: 92rem;
}

.about05 .slider-for .p {
	margin-top: 50rem;
	margin-bottom: 50rem;
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 32rem;
	color: #27303d;
}

.about05 .slider-for .img {
	float: left;
	border: solid 1rem #ffffff;
}

.about05 .about-btn {
	border-radius: 50%;
	margin-top: 0;
	top: 63.4%;
	right: 1px;
	left: auto;
	color: #fff;
	width: 47rem;
	height: 47rem;
	background: rgba(217, 217, 217, 0.19);
	border: solid 1px #c7c7c7;
	z-index: 3;
	position: absolute;
}

.about05 .about-btn:after {
	content: '';
	display: block;
	width: 20rem;
	height: 20rem;
	border-color: #333 #333 transparent transparent;
	border-width: 1px;
	border-style: solid;
	transform: rotate(135deg);
	position: absolute;
	top: 41%;
	left: 30%;
}

@media (min-width: 1025px) {
	.about05 .about-btn:hover {
		border-color: #d53131;
		background: #d53131;
	}

	.about05 .about-btn:hover:after {
		border-color: #fff #fff transparent transparent;
	}
}

.about05 .about-Aprev {
	top: 29%;
}

.about05 .about-Aprev:after {
	transform: rotate(315deg);
}

.about05 .about-Anext:after {
	top: 20%;
}

.about05 .swiper-button-next,
.about05 .swiper-button-prev {
	width: 47rem;
	height: 47rem;
	background-color: #d9d9d9;
	border: solid 1rem #c7c7c7;
	border-radius: 50%;
	transform: rotate(90deg);
	right: 0;
	bottom: 27%;
	top: auto;
	left: auto;
}

.about05 .swiper-button-next:after,
.about05 .swiper-button-prev:after {
	color: #080909;
	font-size: 24rem;
}

@media (min-width: 1025px) {

	.about05 .swiper-button-next:hover,
	.about05 .swiper-button-prev:hover {
		background-color: #10609f;
		border: solid 1rem #10609f;
	}

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

.about05 .swiper-button-prev {
	top: 27%;
	bottom: auto;
}

.about05 .slider-nav {
	padding-right: 84rem;
	position: relative;
	cursor: pointer;
	width: 46.4% !important;
	float: left;
	height: 600rem;
	text-align: left;
}

.about05 .slider-nav:after {
	background: url(../images/line2.png) no-repeat right center;
	background-size: 100%;
	content: '';
	display: block;
	width: 9rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 20rem;
}

.about05 .slider-nav h3 {
	line-height: 200rem;
	font-family: OPPOSans-R;
	font-size: 182rem;
	color: rgba(235, 237, 238, 0.51);
	font-weight: normal;
	width: auto !important;
	height: auto !important;
	background: none;
	-webkit-background-clip: text;
}

.about05 .slider-nav .about-slide-a {
	display: none;
}

.about05 .slider-nav .swiper-slide-thumb-active h3 {
	opacity: 1 !important;
	color: #10609f;
}

.about05 .slider-nav .swiper-slide-active h3 {
	opacity: 1 !important;
	color: #10609f;
}

.home-honor {
	padding-bottom: 32rem;
	padding-top: 146rem;
	background: url(../images/abg.jpg) no-repeat bottom center;
	background-image: -webkit-image-set(url(../images/abg.webp) type('image/webp'), url(../images/abg.jpg) type('image/jpeg'));
	background-image: image-set(url(../images/abg.webp) type('image/webp'), url(../images/abg.jpg) type('image/jpeg'));
	background-size: cover;
	position: relative;
}

.home-honor .inmain-title2 {
	text-align: center;
	font-size: 32rem;
	font-weight: bold;
	color: #2a2a2a;
}

.home-honor .bgg {
	background: url(../images/bgg.png) no-repeat bottom center;
	padding-bottom: 140rem;
}

.home-honor .nr {
	margin-top: 109rem;
	position: relative;
}

.home-honor .swiper-container {
	width: 92%;
}

.home-honor .swiper-wrapper {
	align-items: flex-end;
	min-height: 53rem;
}

.home-honor .swiper-slide {
	cursor: pointer;
}

.home-honor .swiper-slide .pic {
	width: 264rem;
	margin: 0 auto;
	position: relative;
}

.home-honor .swiper-slide .pic img {
	bottom: 0;
	top: auto;
}

.home-honor .swiper-slide img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.5s;
}

.home-honor .swiper-slide .title {
	text-align: center;
	color: #2c2c2c;
	font-size: 20rem; font-size: max(20px, 20rem);
	height: 40rem;
	line-height: 40rem;
	margin-bottom: 89rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	display: none;
}

.home-honor .swiper-slide-active {
	text-align: center;
}

.home-honor .swiper-slide-active .pic {
	width: 100%;
	height: 327rem;
	margin: auto;
}

.home-honor .swiper-slide-active .pic img {
	bottom: 0;
	top: auto;
}

.home-honor .swiper-slide-active .title {
	display: block;
}

.home-honor .swiper-prev,
.home-honor .swiper-next {
	background: none;
	width: auto;
	height: auto;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	top: 30%;
}

.home-honor .swiper-prev:hover .icon,
.home-honor .swiper-next:hover .icon {
	background: #155599;
}

.home-honor .swiper-prev:hover .icon svg,
.home-honor .swiper-next:hover .icon svg {
	fill: #fff;
}

.home-honor .swiper-prev {
	left: 0;
}

.home-honor .swiper-next {
	text-align: right;
	right: 0;
}

.home-honor .icon {
	display: inline-block;
	width: 48rem;
	height: 48rem;
	background-color: #eaebed;
	border-radius: 50%;
	position: relative;
	margin-top: 40rem;
}

.home-honor .icon svg {
	fill: #b6b6b6;
	width: 30rem;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.home-honor .txt {
	font-size: 20rem; font-size: max(20px, 20rem);
	line-height: 36rem;
}

.home-honor .title-1 {
	color: #767676;
}

.home-honor .title-2 {
	color: #2c2c2c;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
	max-width: 200rem;
}

.home-honor .swiper-button-disabled {
	cursor: initial;
}

.current1 {
	background: none;
}

.current1 span {
	float: left;
}

.product {
	padding: 0;
}

.product .line {
	width: 1rem;
	height: 54rem;
	background-color: #10609f;
	margin: 0 auto;
}

.product .home-title {
	text-align: center;
}

.product .home-title span {
	left: 50%;
	transform: translateX(-50%);
}

.product .home-p {
	text-align: center;
	font-size: 18rem; font-size: max(18px, 18rem);
	margin-top: 20rem;
	margin-bottom: 38rem;
	color: #444444;
}

.xuanze {
	padding: 58rem 0 53rem 0;
	background: #eeeeee;
	position: relative;
}

.search_bar {
	margin: 0 auto 65rem;
	width: 45%;
	max-width: 600rem;
	position: relative;
}

.search_bar input {
	width: 100%;
	text-indent: 40rem;
	background-color: #fff;
	border: none;
	border-radius: 35rem;
	outline: none;
	font-size: 30rem;
	line-height: 70rem;
}

.search_bar .btn {
	position: absolute;
	top: 19rem;
	right: 26rem;
	width: 30rem;
	height: 30rem;
	padding: 0;
	background: url(../images/ico_search.png) no-repeat 0 0;
	background-size: 30rem;
	cursor: pointer;
	border: 0;
}

.searchbox .type01 ul {
	width: 100%;
	text-align: center;
	font-size: 0;
}

.searchbox .type01 ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
	margin: 0 49rem;
}

.searchbox .type01 ul li a {
	cursor: pointer;
	margin: 0 auto;
	width: 146rem;
	height: 146rem;
	border-radius: 50%;
	display: block;
	padding: 39rem 20rem;
	background-color: #fff;
}

.searchbox .type01 ul li .pic {
	width: 50rem;
	margin: 0 auto;
}

.searchbox .type01 ul li .pic .mh {
	display: none;
}

.searchbox .type01 ul li .bt {
	text-align: center;
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 32rem;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

@media (min-width: 1025px) {
	.searchbox .type01 ul li:hover a {
		background-image: linear-gradient(-87deg, #10609f 0%, #243082 100%);
	}

	.searchbox .type01 ul li:hover a .bt {
		color: #fff;
	}

	.searchbox .type01 ul li:hover a .pic .m {
		display: none;
	}

	.searchbox .type01 ul li:hover a .pic .mh {
		display: block;
	}
}

.searchbox .type01 ul .active a {
	background-image: linear-gradient(-87deg, #10609f 0%, #243082 100%);
}

.searchbox .type01 ul .active a .bt {
	color: #fff;
}

.searchbox .type01 ul .active a .pic .m {
	display: none;
}

.searchbox .type01 ul .active a .pic .mh {
	display: block;
}

.searchbox .type02 {
	max-width: 64%;
	margin: 0 auto;
	height: 0;
	overflow: hidden;
	padding: 54rem 0 0 0;
}

.searchbox .type02 ul {
	display: none;
}

.searchbox .type02 li {
	float: left;
	min-width: 19%;
	padding: 0 15rem;
	margin: 0.5%;
	text-align: center;
	position: relative;
	height: 40rem;
	line-height: 40rem;
	border-radius: 25rem;
	border: 1px solid #ddd;
	background: #fff;
}

.searchbox .type02 li a {
	width: 100%;
	display: block;
	cursor: pointer;
	color: #222222;
	font-size: 16rem; font-size: max(16px, 16rem);
}

@media (min-width: 1025px) {
	.searchbox .type02 li:hover {
		border: 1px solid #155599;
	}
}

.searchbox .type02 .active {
	border: 1px solid #155599;
}

.search_more {
	position: absolute;
	z-index: 1;
	bottom: -35rem;
	left: 50%;
	margin-left: -71rem;
}

.search_more a {
	cursor: pointer;
	background: url(../images/btn_search.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 35rem;
	width: 142rem;
	display: block;
}

.search_more a:after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	margin-left: -5rem;
	margin-top: -5rem;
	width: 10rem;
	height: 10rem;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
	transition: 0.3s;
}

.searchbox_wrap.on .searchbox .type02 {
	height: auto;
}

.searchbox_wrap.on .searchbox .type02 ul {
	display: block;
}

.searchbox_wrap.on .search_more a:after {
	transform: rotate(315deg);
	transition: 0.3s;
}

.product-list {
	padding: 164rem 0;
}

.product-list ul {
	margin: 0 -13rem;
}

.product-list ul li {
	width: 20%;
	padding: 0 13rem;
	margin-bottom: 28rem;
	float: left;
}

.product-list ul li a {
	position: relative;
	border-radius: 10rem;
	display: block;
	overflow: hidden;
}

.product-list ul li .pic:after {
	padding-bottom: 76.79738562%;
}

.product-list ul li .pl-info {
	background-color: #eeeeee;
	padding: 17rem 14rem 31rem 14rem;
	color: #222;
}

.product-list ul li .pl-info .tit {
	font-size: 16rem; font-size: max(16px, 16rem);
	font-weight: bold;
	margin-bottom: 28rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.product-list ul li .pl-info .info {
	width: 100%;
	display: -webkit-box;
	word-wrap: break-word;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14rem; font-size: max(14px, 14rem);
	line-height: 27rem;
	height: 54rem;
	color: #333333;
}

@media (min-width: 1025px) {
	.product-list ul li:hover .pic img {
		transform: scale(1.04);
	}

	.product-list ul li:hover .pl-info .tit {
		color: #155599;
	}
}

.product-left {
	padding-top: 79rem;
}

.product-left .pic {
	float: left;
	width: 50%;
	border-radius: 10rem;
}

.product-left .pic:after {
	padding-bottom: 64.1439206%;
}

.product-left .text {
	float: right;
	width: 50%;
	padding-left: 100rem;
}

.product-left .text .bt {
	font-size: 28rem;
	font-weight: bold;
}

.product-left .text .bt span {
	color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(-87deg, #243082 0%, #10609f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.product-left .text .bt:after {
	content: '';
	display: block;
	width: 54rem;
	height: 4rem;
	margin-top: 25rem;
	margin-bottom: 70rem;
	background-color: #10609f;
}

.product-left .text .p {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 32rem;
	min-height: 192rem;
	color: #27303d;
}

.product-left .text .btn a {
	display: block;
	line-height: 68rem;
	font-size: 16rem; font-size: max(16px, 16rem);
	width: 343rem;
	font-weight: bold;
	color: #27303d;
	border-bottom: 1px solid #dddddd;
	background: url(../images/more3.png) no-repeat center right;
	background-size: 41rem !important;
}

@media (min-width: 1025px) {
	.product-left .text .btn a:hover {
		border-bottom: 1px solid #155599;
		color: #155599;
		background: url(../images/more3h.png) no-repeat center right;
	}
}

.product-bottom {
	padding-top: 139rem;
}

.product-bottom .item {
	padding-bottom: 88rem;
}

.product-bottom table{
	margin-bottom: 88rem;
}

.product-bottom table td{
	padding: 10px 15px;
	border: 1px solid #333;
}


.product-bottom .item .item-title {
	font-size: 28rem;
	font-weight: bold;
}

.product-bottom .item .item-title span {
	color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(-87deg, #243082 0%, #10609f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.product-bottom .item .item-title:after {
	content: '';
	display: block;
	width: 54rem;
	height: 4rem;
	margin-top: 21rem;
	margin-bottom: 68rem;
	background-color: #10609f;
}

.product-bottom .item .item-bottom .list ul {
	margin: 0 -10rem;
	font-size: 0;
}

.product-bottom .item .item-bottom .list ul li {
	width: 20%;
	padding: 0 10rem;
	margin-bottom: 20rem;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.product-bottom .item .item-bottom .list ul li .box {
	position: relative;
	padding: 49rem 29rem;
	min-height: 266rem;
	background: #eeeeee;
	border-radius: 10rem;
}

.product-bottom .item .item-bottom .list ul li .box .bt {
	font-size: 22rem;
	margin-bottom: 29rem;
	font-weight: bold;
	color: #333333;
}

.product-bottom .item .item-bottom .list ul li .box .p {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 27rem;
	color: #333333;
	text-align: left;
}

.product-bottom .item .item-bottom .info {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 26rem; line-height: max(26px, 26rem);
	color: #333333;
}

.product-bottom .item .item-bottom .list1 ul {
	margin: 0 -8rem;
	font-size: 0;
}

.product-bottom .item .item-bottom .list1 ul li {
	width: 20%;
	padding: 0 8rem;
	margin-bottom: 18rem;
	display: inline-block;
	vertical-align: top;
	/*text-align: center;*/
}

.product-bottom .item .item-bottom .list1 ul li .box {
	position: relative;
}

.product-bottom .item .item-bottom .list1 ul li .box .pic {
	border-radius: 10rem;
}

.product-bottom .item .item-bottom .list1 ul li .box .pic:after {
	padding-bottom: 80.19169329%;
}

.product-bottom .item .item-bottom .list1 ul li .box .bt {
	font-size: 22rem;
	margin-top: 10rem;
	font-weight: bold;
	color: #333333;
}

.product-bottom .item .item-bottom .list1 ul li .box .txt {
	font-size: 16rem; font-size: max(16px, 16rem);
	text-align:left;
}

@media (min-width: 1025px) {
	.product-bottom .item .item-bottom .list1 ul li:hover .pic {
		box-shadow: 3rem 15rem 49rem 0rem rgba(19, 22, 38, 0.73);
	}

	.product-bottom .item .item-bottom .list1 ul li:hover .bt {
		color: #10609f;
	}
}

.about {
	padding: 0 !important;
}

.about01 {
	padding: 176rem 0 0 0;
	background: url(../images/bg3.jpg) no-repeat center center;
	background-image: -webkit-image-set(url(../images/bg3.webp) type('image/webp'), url(../images/bg3.jpg) type('image/jpeg'));
	background-image: image-set(url(../images/bg3.webp) type('image/webp'), url(../images/bg3.jpg) type('image/jpeg'));
	background-size: cover;
}

.about-nr .left {
	float: left;
	width: 44%;
}

.about-nr .p {
	font-size: 16rem; font-size: max(16px, 16rem);
	line-height: 32rem;
	margin: 85rem 0 64rem 0;
	color: #27303d;
}

.about-nr .video .img {
	float: left;
	width: 100%;
	margin-bottom:20px;
}

.about-nr .video .text {
	float: left;
	width: 100%;
	padding-left: 18rem;
}

.about-nr .video .text .h3 {
	font-size: 18rem; font-size: max(18px, 18rem);
	color: #000000;
	margin-bottom: 10rem;
}

.about-nr .video .text .pp {
	font-size: 16rem; font-size: max(16px, 16rem);
	color: rgba(51, 51, 51, 0.71);
}

.about-nr .right {
	float: right;
	width: 50%;
	padding-top: 0;
}

.about-nr .right .youshi ul li {
	width: 50%;
	border: 0;
	margin-bottom: 25rem;
}

.about-nr .right .youshi ul li .num .counter {
	color: #253182;
}

.bgs {
	z-index: 4;
}

.bgs li {
	display: none;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.home-application .menuTabs {
	width: 33.4%;
	float: right;
	position: relative;
	margin-top: -6rem;
}

.home-application .menuTabs .list {
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.home-application .menuTabs li,
.home-application .menuTabs .noHas {
	width: 33.33333%;
	float: left;
	padding: 2rem;
}

.home-application .menuTabs .box {
	height: 121rem;
	background-color: rgba(20, 88, 154, 0.2);
	border-radius: 10rem;
	border: solid 1px #eff7fe;
}

.home-application .menuTabs li:hover,
.home-application .menuTabs .noHas:hover {
	z-index: 1;
}

.home-application .menuTabs li:nth-child(3) {
	clear: both;
	margin-left: 33.3333333%;
}

.home-application .menuTabs .noHas {
	box-shadow: none;
}

.home-application .menuTabs .noHas .box {
	box-shadow: none;
	background: none !important;
	cursor: initial;
}

.home-application .menuTabs .box {
	padding: 10rem 21rem 13rem 16rem;
	cursor: pointer;
	z-index: 1;
	transition: all 0.5s;
	position: relative;
}

.home-application .menuTabs .span {
	font-size: 18rem; font-size: max(18px, 18rem);
	font-weight: bold;
	line-height: 32rem;
	margin-bottom: 7rem;
	text-align: right;
	color: rgba(17, 28, 73, 0.72);
}

.home-application .menuTabs .title {
	font-size: 20rem; font-size: max(20px, 20rem);
	line-height: 32rem;
	color: #fff;
	height: 64rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-application .menuTabs .active .box {
	background: #14589a;
	border: solid 1px #14589a;
}

.home-application .menuTabs .active .box .span {
	color: #fff;
}

.home-application .menuTabs .active .box .title {
	color: #fff;
}

.home-application .conTabs {
	width: 58%;
	margin-top: 83rem;
	float: left;
}

.home-application .conTabs .p {
	font-size: 18rem; font-size: max(18px, 18rem);
	line-height: 35rem;
	height: 70rem;
	color: #333333;
	margin-bottom: 30rem;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.home-application .conTabs .more {
	float: left;
}

.home-application .conTabs .search {
	float: left;
	width: 357rem;
	margin-left: 30rem;
	background-color: #ffffff;
	box-shadow: 0rem 13rem 21rem 0rem rgba(3, 102, 172, 0.22);
	border-radius: 24rem;
	border: solid 1rem #03548f;
	position: relative;
}

.home-application .conTabs .search .form-control {
	text-align: left;
	border: 0;
	width: 100%;
	height: 48rem;
	vertical-align: top;
	padding: 0 60rem 0 20rem;
	-webkit-appearance: none;
	background: none;
	font-family: Poppins-Regular;
	font-size: 16rem; font-size: max(16px, 16rem);
	letter-spacing: 1rem;
	color: #6b6b6b;
}

.home-application .conTabs .search .btn {
	top: 2rem;
	border: 0;
	right: 2rem;
	color: #fff;
	width: 44rem;
	height: 44rem;
	position: absolute;
	background: url(../images/search1.png) no-repeat center center;
	background-size: 21rem;
}

.home-application .swiper-container {
	overflow: initial;
}

.home-application .swiper-container .swiper-slide {
	width: 100%;
}

.home-application .conTabs .bt {
	font-size: 28rem;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap !important;
	overflow: hidden;
}

.home-application .conTabs .bt span {
	color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(-87deg, #243082 0%, #10609f 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.home-application .conTabs .bt:after {
	content: '';
	display: block;
	width: 54rem;
	height: 4rem;
	background-color: #10609f;
	border-radius: 2rem;
	margin-top: 13rem;
	margin-bottom: 35rem;
}

.home-application .conTabs .swiper-slide {
	display: none;
}

.home-application .conTabs .show {
	display: block;
}

.cbanner {
	position: relative;
}

.single-item1 {
	position: relative;
	z-index: 300;
	background-size: cover;
	background-position: center center;
}

.single-item1 .slick-slide {
	height: 100vh;
	width: 100%;
}

.core_tit {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	top: 18%;
	z-index: 2;
}

.core_tit .home-title span {
	left: 50%;
	transform: translateX(-50%);
	background-image: linear-gradient(87deg, #ffffff 0%, #ffffff 100%);
}

.core_tit .home-title p {
	color: rgba(255, 255, 255, 0.1);
}

.core_tit .home-title {
	font-size: 36px;
	line-height: 72px;
}

.core_tit .home-title p {
	font-size: 75px;
}

.core_con {
	width: 418px;
	height: 418px;
	margin: 0 auto;
	position: relative;
}

.core_con .pd {
	text-align: center;
	padding: 0 10%;
}

.core_con .h3 {
	font-size: 30px;
}

.core_con .p {
	height: 60px;
	margin-bottom: 30px;
	overflow: hidden;
}

.core_con .single-item {
	position: relative;
	z-index: 5;
	width: 80%;
	margin: 0 auto;
}

.core_con .slick-dots {
	display: none !important;
}

.core_con img {
	height: auto !important;
	border-radius: 50%;
}

.core_list {
	width: 514px;
	height: 514px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -255px 0 0 -255px;
	border: 2px dashed #fff;
	border-radius: 50%;
	z-index: 3;
	box-sizing: border-box;
}

.core_list .text {
	text-align: center;
	position: absolute;
	top: -116px;
	left: -63px;
	width: 130px;
}

.core_list .text .pic {
	width: 80px;
	margin: 0 auto;
}

.core_list .text .pic:after {
	padding-bottom: 75%;
}

.core_list .text span {
	color: #fff;
	display: block;
	font-size: 18px;
}

.core_list li {
	position: absolute;
	cursor: pointer;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border-radius: 50%;
}

.core_list li:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	margin: -5px 0 0 -5px;
}

.core_con .single-item .box {
	color: #fff;
	text-align: center;
	padding-top: 180px;
}

.core_con .single-item .box .bt {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 9px;
}

.core_con .single-item .box b {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 48px;
	font-family: 'Roboto-Black-1';
	opacity: 0.18;
}

.core_con .single-item .box .p {
	font-size: 16px;
	line-height: 30px;
}

.core_con .single-item .box .more a {
	margin: 0 auto;
	line-height: 48px;
}

.core_con .single-item .box .more span {
	position: relative;
	line-height: inherit;
	top: auto;
	margin-top: 0;
	left: auto;
	width: auto;
	height: 48px;
}

.core_con .single-item .box .more span svg {
	position: relative;
	left: auto;
	top: auto;
	margin: 0;
	transform: none;
}

.core_con .single-item .box .more a {
	width: 215px;
	border-radius: 28px;
	font-size: 14px;
}

.core_con .single-item .box .more a span {
	margin-left: 15px;
}

.core_con .single-item .box .more a span svg,
.core_con .single-item .box .more p span svg {
	width: 28px;
}

.core_list li.li1 {
	left: 50%;
	top: 0px;
	margin: -8px 0 0 -8px;
}

.core_list li.li2 {
	top: 13%;
	right: 13%;
}

.core_list li.li2 .text {
	top: -45px;
	left: 33px;
}

.core_list li.li3 {
	bottom: 36.8%;
	right: -0.6%;
}

.core_list li.li3 .text {
	top: -44px;
	left: 21px;
}

.core_list li.li4 {
	bottom: 4%;
	right: 24.4%;
}

.core_list li.li4 .text {
	top: 29px;
}

.core_list li.li5 {
	bottom: 2.8%;
	left: 27%;
}

.core_list li.li5 .text {
	top: 29px;
}

.core_list li.li6 {
	bottom: 35.8%;
	left: 0%;
}

.core_list li.li6 .text {
	top: -27px;
	left: -126px;
}

.core_list li.li7 {
	top: 16.8%;
	left: 9%;
}

.core_list li.li7 .text {
	top: -55px;
	left: -162px;
}

.curr:after {
	content: '';
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: solid 2px #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -21px 0 0 -21px;
}

.core_list svg {
	position: absolute;
	width: 524px;
	height: 524px;
	left: 50%;
	top: 50%;
	margin: -262px 0 0 -262px;
	transform: rotate(-90deg);
}

.circle_bar2 {
	stroke-dasharray: 307%;
	stroke-dashoffset: 307%;
	position: absolute;
	width: 516px;
	height: 516px;
}

.core_list_1 .circle_bar2 {
	stroke-dashoffset: 268%;
}

.core_list_2 .circle_bar2 {
	stroke-dashoffset: 218%;
}

.core_list_3 .circle_bar2 {
	stroke-dashoffset: 178%;
}

.core_list_4 .circle_bar2 {
	stroke-dashoffset: 131%;
}

.core_list_5 .circle_bar2 {
	stroke-dashoffset: 89%;
}

.core_list_6 .circle_bar2 {
	stroke-dashoffset: 44%;
}

.core_list_0 .circle_bar2 {
	stroke-dashoffset: 0%;
}

@media (max-width: 1600px) {
	.cbanner {
		transform: scale(0.87);
	}
}

@media (max-width: 1400px) {
	.cbanner {
		transform: scale(0.73);
	}
}

@media (max-width: 1400px) {
	.cbanner {
		transform: scale(0.67);
	}
}

.slick-dots {
	display: none !important;
}

#privacyPopup {
	z-index: 10000;
	position: fixed;
	width: 100%;
	background: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	height: 100%;
}

#privacyPopup video {
	display: block;
	max-height: 100%;
}

#privacyPopup .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
	z-index: 5;
}

.home-about01 {
	padding-top: 100rem;
	background: none;
}

/* ===== P2-1.3 设计 Token (CSS 变量) — 统一主题来源 ===== */
:root{
  --primary:#155599;        /* 站点主题蓝 */
  --primary-dark:#0f4173;   /* 主色按下/深态 */
  --primary-soft:#eaf1f8;   /* 主色浅底(导航高亮等) */
  --text:#333333;
  --text-muted:#666666;
  --radius:4px;             /* 统一圆角 */
  --radius-lg:8px;
  --gap:16px;               /* 基准间距 */
  --gap-sm:8px;
  --maxw:1200px;            /* 内容最大宽度 */
}

/* ===== P2-1.4 语言切换成功提示 toast ===== */
.lang-toast{position:fixed;top:90px;left:50%;transform:translateX(-50%) translateY(-16px);
  background:rgba(21,85,153,.95);color:#fff;padding:12px 22px;border-radius:6px;font-size:15px;
  box-shadow:0 4px 16px rgba(0,0,0,.22);opacity:0;pointer-events:none;z-index:9999;
  max-width:86vw;text-align:center;transition:opacity .35s ease,transform .35s ease}
.lang-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}


/* ===== 联系我们页面布局优化（P2 任务1 布局样式 + 任务2 地图响应式） ===== */
.contact-map{ width:100%; margin:48rem 0 0 0; }
.contact-map iframe{ display:block; width:100% !important; height:400rem; border:0; border-radius:4px; }
.contact .contact-bottom{ padding-bottom:60rem; }
@media (max-width:992px){
  .contact03 .inside-message{ padding:50rem 50rem 0 50rem; }
}
@media (max-width:768px){
  .contact .contact-bottom ul{ margin:0; }
  .contact .contact-bottom ul li{ width:100% !important; padding:0 0 20rem 0; display:block; }
  .contact .contact-bottom ul li .box{ height:auto; padding:36rem 24rem; }
  .contact03 .inside-message{ padding:36rem 24rem 0 24rem; }
  .contact03 .inside-message li{ width:100% !important; float:none; padding:0 0 40rem 0; }
  .contact-map iframe{ height:320rem; }
}
@media (max-width:480px){
  .contact03 .inside-message{ padding:28rem 16rem 0 16rem; }
  .contact-map iframe{ height:280rem; }
}


/* ===== 富文本内容表格对齐兜底（2026-07-20） ===== */
.content.news-show table,
.content.product table,
.content.about table {
  border-collapse: collapse;
  width: 100%;
  margin: 18px 0;
  font-size: 14px;
  line-height: 1.7;
}
.content.news-show table td,
.content.news-show table th,
.content.product table td,
.content.product table th,
.content.about table td,
.content.about table th {
  border: 1px solid #e3e8ef;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  word-break: break-word;
}
.content.news-show table th,
.content.product table th,
.content.about table th {
  background: #f3f6fb;
  font-weight: 600;
  color: #1a2b45;
}
.content.news-show table tr:nth-child(even) td,
.content.product table tr:nth-child(even) td,
.content.about table tr:nth-child(even) td {
  background: #fafbfd;
}

/* === Product Detail Layout Patch (2026-07-24) === */
/*
 * Product detail page layout improvements
 * Target: .product-bottom (detail page content area)
 * Applied via additional CSS loaded after style.css
 */

/* === 1. Reduce excessive section spacing === */
.product-bottom {
    padding-top: 80rem !important;    /* was 139rem — too much whitespace */
}

.product-bottom .item {
    padding-bottom: 60rem !important; /* was 88rem */
}

/* === 2. Center the use-items grid (list1) when < 5 items === */
.product-bottom .item .item-bottom .list1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;      /* keep left-align but allow centering via gap */
    gap: 0 16rem;                     /* consistent horizontal gap instead of negative margin hack */
    margin: 0 !important;             /* was 0 -8rem */
}

.product-bottom .item .item-bottom .list1 ul li {
    width: calc(33.333% - 11rem) !important;  /* 3 columns when 3 items */
    padding: 0 !important;
    margin-bottom: 24rem !important;          /* was 18rem */
    box-sizing: border-box;
}

/* When 5 items exist (existing products), keep original width via :only-child override not needed
   — existing products already styled correctly at 20%. We target new products' 3-item layout.
   Actually we can't distinguish 3 vs 5 items via CSS alone safely.
   Safer: keep 20% default, add a max-width so items don't overstretch,
   and let flex handle distribution. */

.product-bottom .item .item-bottom .list1 ul li {
    width: auto;
    min-width: 200rem;
    max-width: 320rem;
    flex: 0 0 auto;               /* don't grow, don't shrink below min-width */
}

/* === 3. Improve use-item card appearance === */
.product-bottom .item .item-bottom .list1 ul li .box {
    background: #fafafa;
    border-radius: 12rem;
    padding: 20rem 16rem 24rem;    /* tighter internal padding */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid #eee;
}

.product-bottom .item .item-bottom .list1 ul li .box:hover {
    transform: translateY(-4rem);
    box-shadow: 0 8rem 30rem rgba(0,0,0,0.08);
}

/* === 4. Consistent image display === */
.product-bottom .item .item-bottom .list1 ul li .box .pic {
    border-radius: 8rem;
    overflow: hidden;              /* contain image within rounded corners */
}

.product-bottom .item .item-bottom .list1 ul li .box .pic img {
    width: 100%;
    height: auto !important;
    object-fit: cover;            /* uniform crop regardless of source aspect ratio */
    display: block;
}

/* === 5. Tighter image-to-text spacing === */
.product-bottom .item .item-bottom .list1 ul li .box .bt {
    font-size: 20rem; font-size: max(20px, 20rem);             /* was 22rem — slightly smaller for balance */
    margin-top: 14rem !important;  /* was 10rem */
    margin-bottom: 8rem !important;
    line-height: 1.3;
}

.product-bottom .item .item-bottom .list1 ul li .box .txt {
    font-size: 15rem; font-size: max(15px, 15rem);             /* was 16rem */
    line-height: 1.6;             /* improved readability */
    color: #555555;               /* softer than pure black */
}

/* === 6. Section title refinement === */
.product-bottom .item .item-title {
    font-size: 26rem;             /* was 28rem */
    letter-spacing: 0.5rem;
}

.product-bottom .item .item-title:after {
    margin-top: 16rem !important;  /* was 21rem */
    margin-bottom: 40rem !important; /* was 68rem — huge gap reduced */
}

/* === 7. Product-left (main image area) refinements === */
.product-left {
    padding-top: 50rem !important;  /* was 79rem */
}

.product-left .pic {
    overflow: hidden;              /* clip main image to border-radius */
}

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

.product-left .text .bt:after {
    margin-top: 18rem !important;  /* was 25rem */
    margin-bottom: 48rem !important; /* was 70rem */
}

/* === 8. Table (tech specs) refinement === */
.product-bottom table {
    margin-bottom: 50rem !important; /* was 88rem */
}

.product-bottom table td {
    padding: 12px 18px !important;  /* was 10px 15px — slightly more breathing room */
}

/* Product Detail Layout Patch 2026-07-24 — v2 */
/*
 * Product detail page layout improvements — v2
 * Target: .product-bottom (detail page content area)
 * Fixes: 1) .pic container had excessive fixed height causing 177px gap between image and text
 *        2) Reduced overall card padding for tighter layout
 */

/* === 1. Reduce excessive section spacing === */
.product-bottom {
    padding-top: 80rem !important;
}

.product-bottom .item {
    padding-bottom: 60rem !important;
}

/* === 2. Use-items grid === */
.product-bottom .item .item-bottom .list1 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 16rem;
    margin: 0 !important;
}

.product-bottom .item .item-bottom .list1 ul li {
    width: auto;
    min-width: 200rem;
    max-width: 320rem;
    flex: 0 0 auto;
    padding: 0 !important;
    margin-bottom: 24rem !important;
    box-sizing: border-box;
}

/* === 3. Card appearance === */
.product-bottom .item .item-bottom .list1 ul li .box {
    background: #fafafa;
    border-radius: 12rem;
    padding: 16rem 14rem 14rem;      /* reduced from 20/16/24 — tighter */
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid #eee;
}

.product-bottom .item .item-bottom .list1 ul li .box:hover {
    transform: translateY(-4rem);
    box-shadow: 0 8rem 30rem rgba(0,0,0,0.08);
}

/* === 4. IMAGE CONTAINER — KEY FIX === */
/* Root cause: template gave .pic a fixed height AND .pic::after had a 169px
   invisible spacer (display:block; content:"") for aspect-ratio maintenance.
   This created ~170px dead space between image bottom and text. */
.product-bottom .item .item-bottom .list1 ul li .box .pic {
    border-radius: 8rem;
    overflow: hidden;
    height: auto !important;
    line-height: 0;
}

/* Kill the aspect-ratio spacer pseudo-element */
.product-bottom .item .item-bottom .list1 ul li .box .pic::after {
    display: none !important;
    height: 0 !important;
    content: none !important;
}

.product-bottom .item .item-bottom .list1 ul li .box .pic img {
    width: 100%;
    height: auto !important;
    display: block;
}

/* === 5. Tight image-to-text spacing === */
.product-bottom .item .item-bottom .list1 ul li .box .bt {
    font-size: 20rem; font-size: max(20px, 20rem);
    margin-top: 10rem !important;     /* reduced from 14rem */
    margin-bottom: 6rem !important;
    line-height: 1.35;
}

.product-bottom .item .item-bottom .list1 ul li .box .txt {
    font-size: 15rem; font-size: max(15px, 15rem);
    line-height: 1.55;
    color: #555555;
}

/* === 6. Section title refinement === */
.product-bottom .item .item-title {
    font-size: 26rem;
    letter-spacing: 0.5rem;
}

.product-bottom .item .item-title:after {
    margin-top: 16rem !important;
    margin-bottom: 36rem !important;  /* reduced from 40rem */
}

/* === 7. Product-left (main image area) refinements === */
.product-left {
    padding-top: 50rem !important;
}

.product-left .pic {
    overflow: hidden;
}

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

.product-left .text .bt:after {
    margin-top: 18rem !important;
    margin-bottom: 48rem !important;
}

/* === 8. Table refinement === */
.product-bottom table {
    margin-bottom: 50rem !important;
}

.product-bottom table td {
    padding: 12px 18px !important;
}

/* End Layout Patch v2 */

/* === a11y: prefers-reduced-motion (added 2026-09-17 by P1-2) === */
@media (prefers-reduced-motion: reduce) {
    html body *, html body *::before, html body *::after {
        animation-duration: 0.001ms !important;
        animation-delay: 0ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        transition-delay: 0ms !important;
        scroll-behavior: auto !important;
    }
}

/* 产品手册下载 常驻入口 (2026-09-23) */
.header .header-right .header-catalog { float: right; margin: 22rem 18rem 0 0; }
.header .header-right .header-catalog a {
	display: block;
	height: 56rem;
	line-height: 56rem;
	padding: 0 22rem;
	background: #155599;
	color: #fff;
	border-radius: 6rem;
	font-size: 22rem; font-size: max(14px, 22rem);
	white-space: nowrap;
}
.header .header-right .header-catalog a:hover { background: #0d3f73; text-decoration: none; color: #fff; }