@font-face {
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	src: url('../font/HARMONYOS_SANS_SC_LIGHT.TTF');
}

@font-face {
	font-family: 'HARMONYOS_SANS_SC_REGULAR';
	src: url('../font/HARMONYOS_SANS_SC_REGULAR.TTF');
}

@font-face {
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
	src: url('../font/HARMONYOS_SANS_SC_MEDIUM.TTF');
}

@font-face {
	font-family: 'HARMONYOS_SANS_SC_BOLD';
	src: url('../font/HARMONYOS_SANS_SC_BOLD.TTF');
}

* {
	font-family: 'HARMONYOS_SANS_SC_REGULAR';
}

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

.center {
	width: 84%;
	margin: 0 auto;
}

.jszc {
	margin: 0 5px;
}

.jszc a {
	align-items: center;
}

.jszc a .jszc-p {
	font-size: 14px;
	color: #000;
}

.jszc a .jszc-img {
	width: 55px;
	padding: 4px 0 0 5px;
}

.move1 {
	overflow: hidden;
}

.move1 img {
	transition: all .8s ease .1s;
}

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

@keyframes move2 {
	0% {
		transform: rotateY(0deg);
	}

	50% {
		transform: rotateY(180deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}

.move2:hover {
	animation: move2 1s;
}

/* 头部 */
header {
	background: #fff;
	position: fixed;
	width: 100%;
	z-index: 999;
	left: 0;
	top: 0;
}

header .hea {
	justify-content: space-between;
}

header .hea .logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .hea .logo a {
	display: block;
	width: 155px;
}

header .hea .nav {
	width: 40%;
	margin-right: 28%;
}

header .hea .nav .ul-a {
	justify-content: space-between;
}

header .hea .nav .ul-a .li-a {
	position: relative;
}

header .hea .nav .ul-a .li-a .a-a {
	font-size: 0.19rem;
	color: #263673;
	display: block;
	line-height: 90px;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

.hea .nav .ul-a .li-a .drop {
	background: #fff;
	position: absolute;
	width: 2.5rem;
	left: 0;
	padding: 20px 10px;
	top: 100%;
	display: none;
	z-index: 20;
	box-shadow: 0 0 10px #eeeeee;
}

.hea .nav .ul-a .li-a .drop ul {
	width: 100%;
	display: block;
}

.hea .nav .ul-a .li-a .drop li {
	display: block;
	text-align: left;
	width: 100%;
}

.hea .nav .ul-a .li-a .drop li a {
	display: block;
	color: #263673;
	padding: 10px 10px;
	font-size: 0.17rem;
}

.hea .nav .ul-a .li-a .drop li a:hover {
	color: #28ace4;
}

header .hea .language,
header .hea .language a {
	display: flex;
	align-items: center;
	justify-content: center;
}

header .hea .language a .p {
	font-size: 0.19rem;
	color: #263673;
	margin: 0 0.1rem;
}

header .hea .language a .after {
	width: 12px;
	height: 6px;
	margin-top: -11px;
}

header .hea .nav .ul-a .on .a-a {
	color: #28ace4 !important;
}

.m_menu {
	align-items: center;
	justify-content: center;
	width: 24px;
	position: absolute;
	right: 45px;
	top: 0;
	height: 70px;
	display: none;
	transition: 0.4s;
}

.m_menu span {
	display: block;
	transition: ease .6s;
	width: 24px;
	height: 2px;
	background: #10069f;
}

.m_menu .line2 {
	margin: 4px 0;
}

.m_menu.on .line3 {
	transform: translateY(-1px) rotate(-45deg);
}

.m_menu.on .line1 {
	transform: translateY(1px) rotate(45deg);
}

.m_menu.on .line2 {
	display: none;
}

/* 轮播 */
.banner .ban .imgbox {
	position: relative;
	display: block;
}

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

.banner .ban .imgbox .content {
	position: absolute;
	left: 8%;
	width: 50%;
	top: 20%;
}

.banner .ban .imgbox-a .content .title {
	font-size: 0.5rem;
	color: #10069f;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
	margin: 0 0 0.25rem 0;
}

.banner .ban .imgbox-a .content .title p {
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.banner .ban .imgbox-a .content .text-a {
	font-size: 0.35rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	margin: 0 0 0.35rem 0;
}

.banner .ban .imgbox-b .content .title {
	font-size: 0.6rem;
	color: #10069f;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
	margin: 0 0 0.25rem 0;
}

.banner .ban .imgbox-b .content .title p {
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.banner .ban .imgbox-b .content .text-a {
	font-size: 0.35rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	margin: 0 0 0.25rem 0;
}

.banner .ban .imgbox-c .content .title {
	font-size: 0.6rem;
	color: #10069f;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
	margin: 0 0 0.2rem 0;
}

.banner .ban .imgbox-c .content .text-a {
	font-size: 0.35rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	margin: 0 0 0.25rem 0;
}

.banner .ban .imgbox-c .content .title p {
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.banner .ban .imgbox-d .content .title {
	font-size: 0.6rem;
	color: #10069f;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
	margin: 0 0 0.4rem 0;
}

.banner .ban .imgbox-d .content .title p {
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.banner .ban .imgbox-a .content .text-b,
.banner .ban .imgbox-b .content .text-b,
.banner .ban .imgbox-c .content .text-b,
.banner .ban .imgbox-d .content .text-b {
	font-size: 0.24rem;
	color: #a1a1a1;
	margin: 0 0 0.7rem 0;
}

.banner .ban .imgbox .content .more {
	width: 210px;
	background: #10069f;
	border-radius: 30px;
	position: relative;
	overflow: hidden;
}

.banner .ban .imgbox .content .more a {
	box-sizing: border-box;
	padding: 6px 6px;
	position: relative;
	z-index: 99;
	justify-content: space-between;
	align-items: center;
}

.banner .ban .imgbox .content .more a .p {
	font-size: 0.19rem;
	color: #ffffff;
	line-height: 40px;
	margin: 0 0 0 15%;
}

.banner .ban .imgbox .content .more .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	transition: 0.3s;
	background: #28ace4;
}

.banner .ban .imgbox .content .more:hover .bg {
	width: 100%;
}

.banner .ban .swiper-button-prev {
	left: auto;
	right: 12%;
	top: auto;
	bottom: 5%;
	width: 0.48rem;
	height: 0.48rem;
	background: #a2b7d1;
	border-radius: 30px;
}

.banner .ban .swiper-button-next::after,
.banner .ban .swiper-button-prev::after {
	font-size: 0.18rem;
	font-weight: normal;
	color: #ffffff;
}

.banner .ban .swiper-button-prev:hover {
	background: #ffffff;
}

.banner .ban .swiper-button-prev:hover::after {
	color: #3fb5e7;
}

.banner .ban .swiper-button-next {
	right: 8%;
	top: auto;
	bottom: 5%;
	width: 0.48rem;
	height: 0.48rem;
	background: #a2b7d1;
	border-radius: 30px;
}

.banner .ban .swiper-button-next:hover {
	background: #ffffff;
}

.banner .ban .swiper-button-next:hover::after {
	color: #3fb5e7;
}

.banner .ban .swiper-pagination {
	left: 8%;
	bottom: 5%;
	align-items: flex-end;
	justify-content: flex-start;
	box-sizing: border-box;
	padding: 0 0 0 0.7rem;
}

.banner .ban .swiper-pagination::after {
	position: absolute;
	left: 35px;
	top: 10px;
	width: 13px;
	height: 13px;
	background: #10069f;
	border-radius: 30px;
	content: '';
}

.banner .ban .swiper-pagination span {
	color: #b1b1b1;
	font-size: 0.25rem;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

.banner .ban .swiper-pagination span:first-child {
	color: #10069f;
	font-size: 0.3rem;
}

.banner .ban .swiper-pagination .swiper-pagination-current {
	color: #10069f;
	font-size: 0.3rem;
}

.p-banner {
	margin-top: 90px;
}

.p-banner .ban {
	position: relative;
}

.p-banner .ban .p {
	position: absolute;
	left: 7%;
	top: 45%;
	font-size: 0.55rem;
	color: #ffffff;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

.q-banner .ban {
	position: relative;
}

.q-banner .ban .p {
	position: absolute;
	top: 45%;
	width: 100%;
	text-align: center;
	font-size: 0.58rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.d-banner {
	background: #e8e8eb;
	padding: 1.4rem 0 0.3rem 0;
}

.d-banner .ban {
	position: relative;
}

.d-banner .ban .title {
	font-size: 0.55rem;
	color: #000000;
	line-height: 64px;
	text-align: center;
	margin: 0 0 1.1rem 0;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.d-banner .ban .img {
	text-align: center;
	position: relative;
	z-index: 99;
}

.d-banner .ban .bg {
	position: absolute;
	left: 0;
	top: 15%;
	width: 100%;
	text-align: center;
	font-size: 340px;
	color: rgba(255, 255, 255, 0.3);
	z-index: 9;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

/*banner*/
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 90px;
}

.banner-content {
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 20;
	color: #000;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner-content01 {
	top: 20%;
}

.banner-content01 h4 {
	font-size: 0.43rem;
	color: #10069f;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.banner-content01 h2 {
	font-size: 0.43rem;
	position: relative;
	margin-top: 0.15rem;
	font-weight: normal;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	color: #10069f;
}

.banner-content01 .content {
	margin-top: 0.8rem;
}

.banner-content02 .content {
	margin-top: 0.6rem;
}

.banner-content .content p {
	position: relative;
	padding-left: 0.25rem;
	font-size: 0.22rem;
	margin: 0.25rem 0;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.banner-content .content p:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	width: 0.14rem;
	height: 0.14rem;
	left: 0;
	top: 4px;
	background: #10069f;
	border-radius: 50%;
}

.banner-content02 {
	top: 32%;
}

.banner-content02 .container {
	margin-left: 55%;
}

.banner-content02 h2 {
	font-size: 0.48rem;
	position: relative;
}

.inner-banner-img {
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.inner-banner-img img {
	width: 100%;
}

/* 产品 */
.products {
	padding: 0.95rem 0;
	background: #f6f9fe;
}

.products .pro .up {
	margin: 0 0 0.7rem 0;
}

.products .pro .up .caption {
	font-size: 0.23rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
	margin: 0 0 0.3rem 0;
}

.products .pro .up .content .text {
	width: 60%;
	font-size: 0.32rem;
	line-height: 1.4;
	color: #686868;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.products .pro .up .content .more {
	overflow: hidden;
}

.products .pro .up .content .more a {
	justify-content: center;
	align-items: center;
	width: 0.8rem;
	height: 0.8rem;
	border: 1px solid #cccccd;
	border-radius: 50px;
	transition: 0.3s;
}

.products .pro .up .content .more:hover a {
	background: #3fb5e7;
	border: 1px solid #3fb5e7;
}

.products .pro .up .content .more:hover a img {
	filter: brightness(100);
}

.products .pro .down .imgbox {
	background: #e8ebee;
	border-radius: 30px;
	box-sizing: border-box;
	padding: 0.65rem 0.5rem;
	margin: 0 0 0.4rem 0;
	position: sticky;
	z-index: 9;
	top: 0;
	overflow: hidden;
}

.products .pro .down .imgbox a .left {
	width: 48%;
	position: relative;
	z-index: 99;
}

.products .pro .down .imgbox a .left .caption {
	font-size: 0.6rem;
	color: #000000;
	margin: 0 0 0.4rem 0;
}

.products .pro .down .imgbox a .left .title {
	font-size: 0.38rem;
	line-height: 52px;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	margin: 0 0 0.5rem 0;
}

.products .pro .down .imgbox a .left ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0 0 0.5rem 0;
}

.products .pro .down .imgbox a .left ul li {
	width: 48%;
	font-size: 0.19rem;
	color: #787878;
	margin: 0 0 0.2rem 0;
	box-sizing: border-box;
	padding: 0 0 0 0.3rem;
	position: relative;
}

.products .pro .down .imgbox a .left ul li::after {
	position: absolute;
	left: 0;
	top: 4px;
	width: 12px;
	height: 12px;
	border-radius: 30px;
	background: #10069f;
	content: '';
}

.products .pro .down .imgbox a .left p {
	font-size: 0.19rem;
	color: #787878;
	line-height: 1.6;
	width: 80%;
	margin: 0 0 0.3rem 0;
}

.products .pro .down .imgbox a .left .more {
	width: 140px;
	border-radius: 30px;
	background: #10069f;
	line-height: 50px;
	font-size: 0.18rem;
	color: #fff;
	text-align: center;
}

.products .pro .down .imgbox a .right {
	width: 48%;
	position: relative;
	z-index: 99;
	border-radius: 20px;
	overflow: hidden;
	background: #c4c8d1;
}

.products .pro .down .imgbox a .bg {
	position: absolute;
	width: 9000px;
	left: 0;
	bottom: -55px;
	font-size: 0.35rem;
	color: rgba(255, 255, 255, 0.2);
	z-index: 9;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.products .pro .down .imgbox:last-child {
	margin: 0;
}

.products .pro .down .imgbox a .left .more:hover {
	background: #28ace4;
}

.q-products {
	padding: 0.8rem 0;
}

.q-products .pro {
	align-items: flex-start;
	justify-content: space-between;
}

.q-products .pro .q-left {
	width: 20%;
	position: sticky;
	top: 1.1rem;
}

.q-products .pro .q-left .caption {
	font-size: 0.27rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
	margin: 0 0 0.2rem 0;
}

.q-products .pro .q-left ul li {
	border-bottom: 1px solid #dfe1e8;
}

.q-products .pro .q-left ul li a {
	padding: 0.2rem 0;
	align-items: center;
	justify-content: space-between;
}

.q-products .pro .q-left ul li a .p {
	font-size: 0.19rem;
	color: #aaaaaa;
}

.q-products .pro .q-left ul li a .after {
	opacity: 0;
}

.q-products .pro .q-right {
	width: 75%;
}

.q-products .pro .q-right .element {
	border-radius: 28px;
	box-sizing: border-box;
	padding: 0.5rem 0.5rem;
	margin: 0 0 0.45rem 0;
	scroll-margin-top: 1.1rem;
}

.q-products .pro .q-right .element .caption {
	margin: 0 0 0.3rem 0;
}

.q-products .pro .q-right .element .caption h1 {
	font-size: 0.55rem;
	color: #000000;
	margin: 0 0 0.2rem 0;
	font-weight: 500;
}

.q-products .pro .q-right .element .caption h2 {
	font-size: 0.36rem;
	color: #000000;
	font-weight: 500;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.q-products .pro .q-right .element-a {
	background: #f0f5fa;
}

.q-products .pro .q-right .element .img,
.q-products .pro .q-right .element .video {
	margin: 0 0 0.5rem 0;
	border-radius: 10px;
	overflow: hidden;
}

.q-products .pro .q-right .element .video video {
	width: 100%;
}


.q-products .pro .q-right .element-a .title {
    font-size: 0.27rem;
    color: #000000;
    margin: 0 0 0.3rem 0;
}

.q-products .pro .q-right .element-a .content {
	width: 100%;
}

.q-products .pro .q-right .element-a .content .imgbox {
	width: 48%;
	margin: 0 1% 0.5rem 1%;
	padding: 0 0 2.65rem 0;
	border-bottom: 1px solid #9da1b3;
	position: relative;
}

.q-products .pro .q-right .element-a .content .imgbox h1 {
	font-size: 0.23rem;
	color: #000000;
	font-weight: 500;
	margin: 0 0 0.3rem 0;
}

.q-products .pro .q-right .element-a .content .imgbox ul {
	margin: 0 0 0.3rem 0;
}

.q-products .pro .q-right .element-a .content .imgbox ul li {
	font-size: 0.17rem;
	color: #646464;
	line-height: 2.2;
	box-sizing: border-box;
	padding: 0 0 0 0.3rem;
	background: url(../img/pro2.png) no-repeat;
	background-position: 0px 10px;
}

.q-products .pro .q-right .element-a .content .imgbox img.pic-pos {
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	bottom: 0.45rem;
	left: 0;
	height: 2.18rem;
}

.q-products .pro .q-right .element-b {
	background: #f6f7f9;
}

.q-products .pro .q-right .element-b .imgbody {
	justify-content: flex-start;
	margin: 0.4rem 0 0.5rem 0;
}

.q-products .pro .q-right .element-b .imgbody .imgbox {
	margin-right: 11%;
}

.q-products .pro .q-right .element-b .imgbody .imgbox .img {
	text-align: center;
	margin: 0 0 0.15rem 0;
}

.q-products .pro .q-right .element-b .imgbody .imgbox .p {
	font-size: 0.2rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	text-align: center;
}

.q-products .pro .q-right .element-b .title {
	font-size: 0.27rem;
	color: #000000;
	margin: 0 0 0.3rem 0;
}

.q-products .pro .q-right .element-b .content {
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.q-products .pro .q-right .element-b .content .textbox {
	width: 49%;
	margin: 0 0 0.25rem 0;
	background: #ffffff;
	box-sizing: border-box;
	padding: 0.3rem 0.4rem;
	border-radius: 10px;
	position: relative;
}

.q-products .pro .q-right .element-b .content .textbox h1 {
	font-size: 0.21rem;
	color: #000000;
	font-weight: 500;
	margin: 0 0 0.2rem 0;
}

.q-products .pro .q-right .element-b .content .textbox ul li {
	font-size: 0.18rem;
	color: #646464;
	line-height: 2;
	box-sizing: border-box;
	padding: 0 0 0 0.3rem;
	background: url(../img/pro3.png) no-repeat;
	background-position: 0px 10px;
}

.q-products .pro .q-right .element-b .content .textbox::after {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background: #10069f;
	content: '';
}

.q-products .pro .q-right .element-c {
	background: #f0f5fa;
}

.q-products .pro .q-right .element-c .content {
	width: 100%;
	justify-content: space-between;
}

.q-products .pro .q-right .element-c .content .textbox {
	width: 31%;
	margin: 0 0 0.25rem 0;
	background: #ffffff;
	box-sizing: border-box;
	padding: 0.3rem 0.2rem;
	border-radius: 10px;
	position: relative;
}

.q-products .pro .q-right .element-c .content .textbox h1 {
	font-size: 0.21rem;
	color: #000000;
	font-weight: 500;
	margin: 0 0 0.2rem 0;
}

.q-products .pro .q-right .element-c .content .textbox ul li {
	font-size: 0.19rem;
	color: #000;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0 0 0 0.3rem;
	background: url(../img/pro3.png) no-repeat;
	background-position: 0px 10px;
}

.q-products .pro .q-right .element-c .content .textbox h2 {
	font-size: 0.18rem;
	color: #757575;
	line-height: 1.6;
	font-weight: 500;
	box-sizing: border-box;
	padding: 0 0 0 0.3rem;
}

.q-products .pro .q-right .element-c .content .textbox h3 {
	font-size: 0.18rem;
	color: #757575;
	line-height: 28px;
	font-weight: 500;
}

.q-products .pro .q-right .element-c .content .textbox::after {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background: #10069f;
	content: '';
}

.q-products .pro .q-right .element-d {
	background: #f6f7f9;
}

.q-products .pro .q-right .element-d .content {
	width: 100%;
	justify-content: space-between;
}

.q-products .pro .q-right .element-d .content .imgbox {
	width: 31%;
	padding: 0 0 35px 0;
	margin: 0 0 0.5rem 0;
	border-bottom: 1px solid #ecedf0;
}

.q-products .pro .q-right .element-d .content .imgbox .img {
	width: 30%;
	margin-right: 5%;
}

.q-products .pro .q-right .element-d .content .imgbox .txt {
	width: 65%;
}

.q-products .pro .q-right .element-d .content .imgbox .txt h1 {
	font-size: 0.21rem;
	color: #000000;
	line-height: 28px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.q-products .pro .q-right .element-d .content .imgbox .txt p {
	font-size: 0.18rem;
	color: #757575;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	line-height: 1.8;
}

.q-products .active-a a .p {
	color: #10069f !important;
}

.q-products .active-a a .after {
	opacity: 1 !important;
}

.q-products .pro .q-right .element-e {
	background: #f6f7f9;
}

.element-e ul {
	justify-content: space-between;
}

.element-e ul li {
	margin: 0 0 0.25rem 0;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 10px;
	position: relative;
}

.element-e ul li.li01,
.element-e ul li.li02 {
	width: 49%;
	padding: 0.3rem 0.4rem 3rem 0.4rem;
}

.element-e ul li.li01 .imgbox,
.element-e ul li.li02 .imgbox {
	overflow: hidden;
	position: absolute;
	bottom: 0.45rem;
	left: 0;
	padding: 0 0.4rem;
	height: 2.18rem;
}

.element-e ul li.li01 .imgbox img,
.element-e ul li.li02 .imgbox img {
	border-radius: 10px;
	height: 100%;
}

.element-e ul li.li03 {
	width: 100%;
	padding: 0.3rem 0.4rem;
}

.element-e ul li.li03 .item {
	display: flex;
	width: 100%;
	margin-top: 50px;
	justify-content: space-between;
}

.element-e ul li.li03 .item-content {
	width: 49%;
	position: relative;
	padding-bottom: 2.65rem;
}

.element-e ul li.li03 .imgbox {
	overflow: hidden;
	position: absolute;
	bottom: 0.05rem;
	left: 0;
	width: 100%;
	height: 2.18rem;
}

.element-e ul li.li03 .imgbox img {
	border-radius: 10px;
	height: 100%;
}

.element-e ul li h1 {
	font-size: 0.23rem;
	color: #000000;
	font-weight: 500;
}

.element-e ul li h3 {
	font-size: 0.18rem;
	color: #10069f;
	line-height: 1.8;
	font-weight: 500;
	margin: 0.15rem 0;
}

.element-e ul li h6 {
	font-size: 0.18rem;
	color: #646464;
	margin-bottom: 6px;
}

.element-e ul li h5 {
	font-size: 0.17rem;
	color: #646464;
	line-height: 2;
	box-sizing: border-box;
	font-weight: normal;
	padding: 0 0 0 0.3rem;
	background: url(../img/pro3.png) no-repeat;
	background-position: 0px 10px;
}

.element-e ul li::after {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 10px;
	height: 10px;
	border-radius: 30px;
	background: #10069f;
	content: '';
}

.q-products .pro .q-right .element-f {
	background: #f0f5fa;
}

.element-f ul {
	justify-content: space-between;
}

.element-f ul li {
	width: 49%;
	margin: 0 0 0.25rem 0;
	background: #ffffff;
	box-sizing: border-box;
	padding: 0.3rem 0.4rem;
	border-radius: 10px;
	position: relative;
}

.element-f ul li h1 {
	font-size: 0.18rem;
	font-weight: normal;
	text-align: center;
}

.element-f ul li.li01 {
	display: flex;
	justify-content: space-between;
}

.element-f ul li::after {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 8px;
	height: 8px;
	border-radius: 30px;
	background: #28ace4;
	content: '';
}

/* 关于 */
.about {
	padding: 1.15rem 0 3.65rem 0;
	position: relative;
	overflow: hidden;
}

.about .abo .caption {
	font-size: 0.56rem;
	color: #1b2c6c;
	text-align: center;
	margin: 0 0 0.8rem 0;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

.about .abo .title {
	font-size: 0.32rem;
	color: #000000;
	text-align: center;
	margin: 0 0 0.25rem 0;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.about .abo .text {
	width: 76%;
	font-size: 0.19rem;
	color: #767676;
	line-height: 1.6;
	text-align: center;
	margin: 0 auto 0.4rem auto;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.about .abo .more {
	width: 2.3rem;
	background: #10069f;
	border-radius: 30px;
	margin: 0 auto;
	position: relative;
	z-index: 999;
}

.about .abo .more a {
	justify-content: center;
	align-items: center;
}

.about .abo .more a .p {
	font-size: 0.18rem;
	color: #ffffff;
	line-height: 3.2;
	margin: 0 0.3rem 0 0;
}

.about .abo .more:hover {
	background: #28ace4;
}

.about .particle {
	position: absolute;
	left: 0;
	bottom: -40%;
	width: 100%;
	max-width: 100%;
}

.p-about {
	background: url(../img/abo1.jpg) no-repeat top;
	padding: 2.2rem 0 0 0;
}

.p-about .abo .element-a {
	margin: 0 0 0.6rem 0;
	justify-content: space-between;
}

.p-about .abo .element-a .left {
	width: 45%;
	font-size: 0.4rem;
	font-weight: bold;
	color: #000000;
	line-height: 60px;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.p-about .abo .element-a .left p {
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.p-about .abo .element-a .right {
	width: 45%;
	font-size: 0.19rem;
	color: #000000;
	line-height: 2;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.p-about .abo .element-a .right p {
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.p-about .abo .element-b {
	margin: 0 0 2rem 0;
	border-radius: 40px;
	overflow: hidden;
}

.p-about .abo .element-c {
	align-items: flex-start;
	position: relative;
	justify-content: space-between;
}

.p-about .abo .element-c .left {
	width: 40%;
	box-sizing: border-box;
	padding: 2rem 0 0 10%;
	position: sticky;
	top: 200px;
}

.p-about .abo .element-c .left .title {
	font-size: 0.76rem;
	color: #000000;
	margin: 0 0 10px 0;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

.p-about .abo .element-c .left .text {
	font-size: 0.67rem;
	color: #10069f;
	font-weight: 100;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.p-about .abo .element-c .left .text span {
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

.p-about .abo .element-c .right {
	width: 55%;
	border-left: 1px solid #000000;
	box-sizing: border-box;
	padding: 0 0 0 5%;
	position: relative;
}

.p-about .abo .element-c .right .year {
	font-size: 80px;
	color: #10069f;
	font-weight: bold;
	margin: 0 0 0.6rem 0;
	position: relative;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

.p-about .abo .element-c .right .year::after {
	position: absolute;
	left: -10.6%;
	top: 45%;
	width: 10px;
	height: 10px;
	background: #28ace4;
	z-index: 99;
	border-radius: 30px;
	content: '';
}

.p-about .abo .element-c .right .textbox {
	margin: 0 0 0.5rem 0;
}

.p-about .abo .element-c .right .textbox .time {
	font-size: 0.25rem;
	color: #000000;
	box-sizing: border-box;
	padding: 0 0 0.15rem 5px;
	border-bottom: 1px solid #dedede;
	margin: 0 0 0.25rem 0;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

.p-about .abo .element-c .right .textbox .p .title {
	font-size: 0.2rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	margin: 0 0 0.1rem 0;
}

.p-about .abo .element-c .right .textbox .p .text {
	font-size: 0.2rem;
	color: #727272;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	line-height: 1.8;
}

.p-about .abo .element-c .right::after {
	position: absolute;
	left: -1px;
	top: 0px;
	width: 3px;
	height: 2.35rem;
	background: url(../img/abo2.png) no-repeat;
	background-size: cover;
	content: '';
}

.p-about .abo .element-c::before {
	position: absolute;
	left: 44.5%;
	top: -20px;
	width: 10px;
	height: 10px;
	border: 4px solid #10069f;
	content: '';
	border-radius: 30px;
}

.p-about .abo .element-c::after {
	position: absolute;
	left: 44.5%;
	bottom: 0px;
	width: 10px;
	height: 10px;
	border: 4px solid #10069f;
	content: '';
	border-radius: 30px;
}

/* 联系 */
.contact {
	background: url(../img/ind5.jpg) no-repeat;
	padding: 0.95rem 0;
}

.contact .con {
	box-sizing: border-box;
	padding: 0 40% 0 0;
}

.contact .con .title {
	font-size: 0.42rem;
	color: #fff;
	margin: 0 0 0.15rem 0;
}

.contact .con .text {
	font-size: 0.2rem;
	color: #fff;
	line-height: 1.8;
	margin: 0 0 0.4rem 0;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.contact .con .text p {
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

.contact .con .more {
	width: 2.3rem;
	background: #fff;
	border-radius: 0.5rem;
	box-sizing: border-box;
	padding: 0.1rem 0.1rem;
	position: relative;
	overflow: hidden;
}

.contact .con .more a {
	position: relative;
	z-index: 99;
	justify-content: space-between;
}

.contact .con .more a .p {
	font-size: 0.21rem;
	color: #000000;
	line-height: 2.2;
	margin: 0 0 0 15%;
}

.contact .con .more a .after {
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 0.3rem;
	background: #28ace4;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.contact .con .more a .after img {
	filter: brightness(100);
}

.contact .con .more .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	transition: 0.3s;
	background: #28ace4;
}

.contact .con .more:hover .bg {
	width: 100%;
}

.contact .con .more:hover .p {
	color: #fff;
}

.contact .con .more:hover a .after {
	background: #fff;
}

.contact .con .more:hover a .after img {
	filter: none;
}

.p-contact {
	padding: 2.5rem 0;
	background: url(../img/con1.jpg) no-repeat;
}

.p-contact .con {
	align-items: flex-start;
}

.p-contact .con .imgbox {
	width: 24%;
}

.p-contact .con .imgbox .img {
	text-align: center;
	flex-direction: column;
	width: 1.45rem;
	height: 1.45rem;
	justify-content: center;
	align-items: center;
	background: #f4f8fc;
	border-radius: 1rem;
	margin: 0 auto 0.4rem auto;
}

.p-contact .con .imgbox .p .title {
	font-size: 0.28rem;
	line-height: 28px;
	min-height: 56px;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
	text-align: center;
	margin: 0 0 0.2rem 0;
}

.p-contact .con .imgbox .p .text {
	font-size: 0.22rem;
	color: #8c939d;
	text-align: center;
}

.p-contact .con .imgbox .p .text span {
	font-size: 0.3rem;
	color: #8c939d;
	margin: 0 0 10px 0;
	display: block;
	font-family: 'HARMONYOS_SANS_SC_MEDIUM';
}

/* 底部 */
footer .foo-a {
	background: url(../img/foo1.jpg) no-repeat left;
	padding: 1.15rem 0;
	border-top: 1px solid #ebedee;
}

footer .foo-a .foo {
	justify-content: space-between;
	align-items: flex-start;
}

footer .foo-a .foo .element-a .logo {
	margin: 0 0 0.7rem 0;
}

footer .foo-a .foo .element-a .logo a {
	display: block;
	width: 220px;
}

footer .foo-a .foo .element-a .text {
	font-size: 0.2rem;
	color: #000000;
	margin: 0 0 0.2rem 0;
}

footer .foo-a .foo .element-a .text span {
	font-size: 0.32rem;
	font-family: 'HARMONYOS_SANS_SC_BOLD';
}

footer .foo-a .foo .element-b ul li {
	margin: 0 0 0.4rem 0;
}

footer .foo-a .foo .element-b ul li a {
	font-size: 0.22rem;
	color: #000000;
}

footer .foo-a .foo .element-b ul li:hover a {
	color: #10069f;
}

footer .foo-a .foo .element-c .caption {
	font-size: 0.25rem;
	color: #28ace4;
	text-align: center;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
	margin: 0 0 0.3rem 0;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

footer .foo-a .foo .element-c .img {
	text-align: center;
	margin: 0 0 15px 0;
}

footer .foo-a .foo .element-c .p {
	font-size: 0.18rem;
	color: #000000;
	text-align: center;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

footer .foo-b {
	padding: 0.2rem 0;
	background: #c5c8d1;
}

footer .foo-b .foo{
	justify-content: space-between;
}

footer .foo-b .foo p {
	font-size: 0.18rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

footer .foo-b .foo p a {
	font-size: 0.18rem;
	color: #000000;
	font-family: 'HARMONYOS_SANS_SC_LIGHT';
}

/******************************************/
@media screen and (max-width: 1801px) {
	.p-about {
		padding: 1.8rem 0 0 0;
	}
}

/******************************************/
@media screen and (max-width: 1601px) {
	.banner .ban .imgbox-a .content .title {
		font-size: 0.48rem;
	}

	.banner .ban .imgbox-a .content .text-a {
		font-size: 0.45rem;
	}

	.banner .ban .imgbox-a .content .text-b {
		font-size: 0.28rem;
		margin: 0 0 0.5rem 0;
	}

	.banner .ban .imgbox-b .content {
		top: 15%;
	}

	.banner .ban .imgbox-b .content .title {
		font-size: 0.86rem;
	}

	.banner .ban .imgbox-b .content .text-a {
		font-size: 0.5rem;
	}

	.banner .ban .imgbox-b .content .text-b {
		font-size: 28px;
		margin: 0 0 0.5rem 0;
	}

	.banner .ban .imgbox-c .content .title {
		font-size: 86px;
	}

	.banner .ban .imgbox-c .content .text-a {
		font-size: 0.5rem;
	}

	.banner .ban .imgbox-c .content .text-b {
		font-size: 28px;
		margin: 0 0 0.5rem 0;
	}

	.banner .ban .imgbox-d .content .title {
		font-size: 0.6rem;
	}

	.banner .ban .imgbox-d .content .text-b {
		font-size: 28px;
		margin: 0 0 0.5rem 0;
	}

	.products .pro .up .content .text {
		width: 60%;
		font-size: 0.28rem;
	}

	.products .pro .down .imgbox {
		padding: 50px 40px;
		margin: 0 0 0.4rem 0;
	}

	.products .pro .down .imgbox a .left .title {
		font-size: 34px;
		margin: 0 0 0.3rem 0;
	}

	.about {
		padding: 110px 0 340px 0;
	}

	.about .abo .caption {
		font-size: 56px;
		margin: 0 0 60px 0;
	}

	.contact .con .title {
		font-size: 0.38rem;
	}

	.p-banner .ban .p {
		font-size: 0.55rem;
	}

	.p-about .abo .element-a .left {
		font-size: 0.36rem;
		line-height: 54px;
	}

	.p-about .abo .element-c .left {
		padding: 150px 0 0 5%;
		top: 150px;
	}

	.p-about .abo .element-c .right .year::after {
		left: -10.9%;
	}

	.p-about .abo .element-c .right .year {
		font-size: 0.6rem;
		margin: 0 0 0.4rem 0;
	}

	.p-contact .con .imgbox .img {
		margin: 0 auto 30px auto;
	}

	.p-contact .con .imgbox .p .title {
		font-size: 0.3rem;
		margin: 0 0 0.3rem 0;
	}
}

/******************************************/
@media screen and (max-width: 1401px) {
	.center {
		width: 90%;
	}

	.banner .ban .imgbox-a .content .title {
		font-size: 0.38rem;
	}

	.banner .ban .imgbox-a .content .text-a {
		font-size: 0.35rem;
	}

	.banner .ban .imgbox-a .content .text-b {
		font-size: 0.24rem;
		margin: 0 0 0.4rem 0;
	}

	.banner .ban .imgbox-b .content .title {
		font-size: 0.65rem;
	}

	.banner .ban .imgbox-b .content .text-a {
		font-size: 0.4rem;
	}

	.banner .ban .imgbox-b .content .text-b {
		font-size: 0.24rem;
		margin: 0 0 0.4rem 0;
	}

	.banner .ban .imgbox-c .content .title {
		font-size: 0.65rem;
	}

	.banner .ban .imgbox-c .content .text-a {
		font-size: 0.4rem;
	}

	.banner .ban .imgbox-c .content .text-b {
		font-size: 0.24rem;
		margin: 0 0 0.4rem 0;
	}

	.banner .ban .imgbox-d .content .title {
		font-size: 0.5rem;
	}

	.banner .ban .imgbox-d .content .text-b {
		font-size: 0.24rem;
		margin: 0 0 0.4rem 0;
	}

	.banner .ban .swiper-button-prev {
		right: 13%;
		width: 0.45rem;
		height: 0.45rem;
	}

	.banner .ban .swiper-button-next {
		width: 0.45rem;
		height: 0.45rem;
	}

	.p-about .abo .element-c .left .title {
		font-size: 0.56rem;
	}

	.p-about .abo .element-c .left .text {
		font-size: 0.56rem;
	}

	.p-contact {
		padding: 2rem 0;
	}

	.p-contact .con .imgbox .p .title {
		font-size: 0.26rem;
	}

	.p-contact .con .imgbox .p .text span {
		font-size: 0.22rem;
	}

	.p-contact .con .imgbox .p .text {
		font-size: 0.2rem;
	}
}

/******************************************/
@media screen and (max-width: 1199px) {
	header .hea .logo a {
    	width: 120px;
	}
	.menucl-img2 {
		display: none;
	}

	.m_menu {
		display: flex;
		position: unset;
		margin: 0 5% 0 auto;
		height: 60px;
	}
	header .hea{
		padding: 10px 0;
	}
	header .hea .nav {
		position: absolute;
		left: 0;
		top: 80px;
		background: #f5f5f5;
		width: 100%;
		display: none;
		z-index: 999;
		float: none;
		margin: 0;
	}

	.hea .nav ul {
		display: block;
		width: 100%;
		overflow: hidden;
		float: none;
	}

	.hea .nav ul li.li-a {
		width: 100%;
		text-align: left;
		position: relative;
		border-bottom: 1px solid #ddd;
	}
	header .hea .nav .ul-a .li-a .a-a {
    	display: inline-block;
    	line-height: 60px;
		margin: 0 0 0 5%;
		font-size: 0.24rem;
	}
	.hea .nav ul li.li-a:nth-child(3):after {
		width: 10px;
		height: 6px;
		content: '';
		display: block;
		position: absolute;
		right: 22px;
		top: 24px;
		background-image: url(../img/menu-span.png);
		background-size: 100%;
		transition: 0.3s;
	}

	.hea .nav ul li.on:after {
		transform: rotate(180deg);
	}

	.hea .nav ul li.li-a a.menu-a {
		padding: 0;
		margin-left: 0.22rem;
		display: inline-block;
		line-height: 50px;
		color: #222;
	}

	.hea .nav ul li .drop ul {
		width: 100%;
		padding: 0;
	}

	.hea .nav .ul-a .li-a .drop {
		position: static;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		padding: 20px 5%;
	}

	.hea .nav ul li .drop li {
		width: 100%;
		text-align: left;
		box-sizing: border-box;
		border: none;
	}

	.hea .nav ul li .drop li a {
		display: block;
		text-align: left;
	}
	.banner {
    	margin-top: 80px;
	}
	.banner .ban .imgbox-b .content .title {
        font-size: 0.45rem;
    }
	.banner .ban .imgbox-b .content .text-a {
        font-size: 0.3rem;
    }
	.banner .ban .imgbox-c .content .title {
        font-size: 0.45rem;
    }
	.banner .ban .imgbox-c .content .text-a {
        font-size: 0.3rem;
    }
	.banner .ban .imgbox-d .content .title {
        font-size: 0.4rem;
    }
	.banner .ban .imgbox .content .more {
    	width: 1.5rem;
	}
	.banner .ban .imgbox .content .more a{
		padding: 0.05rem 0.05rem;
	}
	.banner .ban .imgbox .content .more a .p {
    	line-height: 0.3rem;
		font-size: 0.14rem;
		margin: 0 0 0 15%;
	}
	.banner .ban .imgbox .content .more a .after{
		width: 0.3rem;
		height: 0.3rem;
	}
	.banner .ban .swiper-pagination span:first-child {
    	font-size: 0.2rem;
	}
	.banner .ban .swiper-pagination .swiper-pagination-current {
    	font-size: 0.2rem;
	}
	.banner .ban .swiper-pagination span {
		font-size: 0.16rem;
	}
	.banner .ban .swiper-pagination::after {
		left: 0.45rem;
    	top: 0.06rem;
    	width: 0.1rem;
   	 	height: 0.1rem;
	}
	.products {
   	 	padding: 0.4rem 0;
	}
	.products .pro .up {
    	margin: 0 0 0.3rem 0;
	}
	.products .pro .up .caption {
    	font-size: 0.30rem;
	}
	.products .pro .up .content .text {
        width: 100%;
        font-size: 0.28rem;
    }
	.products .pro .down .imgbox {
        padding: 0.4rem 0.3rem;
		border-radius: 0.3rem;
    }
	.products .pro .down .imgbox a .left .caption {
		margin: 0;
	}
	.products .pro .down .imgbox a .left .title {
        font-size: 0.34rem;
        margin: 0 0 0.1rem 0;
		    line-height: 0.52rem;
    }
	.products .pro .down .imgbox a .left .more {
    	width: 1.4rem;
    	line-height: 0.5rem;
    	font-size: 0.18rem;
	}
	.products .pro .down .imgbox a .right {
    	border-radius: 0.2rem;
	}
	.about {
        padding: 60px 0 240px 0;
    }
	.about .abo .caption {
        font-size: 0.36rem;
        margin: 0 0 0.3rem 0;
    }
	.about .abo .text {
    	width: 90%;
    	font-size: 0.24rem;
	}
	.about .particle {
    	bottom: -70%;
	}
	.about .abo .more a .img{
		width: 0.3rem;
	}
	.contact .con .more a .after img {
    	width: 0.1rem;
	}
	.p-banner .ban .p {
        font-size: 0.45rem;
    }
	.p-about {
        padding: 0.8rem 0 0 0;
    }
	.p-about .abo .element-a {
    	margin: 0 0 0.4rem 0;
	}
	.p-about .abo .element-a .left {
		width: 100%;
		margin: 0 0 0.3rem 0;
        font-size: 0.36rem;
        line-height: 0.54rem;
    }
	.p-about .abo .element-a .right {
    	width: 100%;
    	font-size: 0.22rem;
	}
	.p-about .abo .element-b {
    	margin: 0 0 0.8rem 0;
	}
	.p-about .abo .element-c .left {
		width: 30%;
        padding: 1.5rem 0 0 0%;
        top: 1.5rem;
    }
	.p-about .abo .element-c .left .title {
        font-size: 0.36rem;
    }
	.p-about .abo .element-c .left .text {
        font-size: 0.36rem;
    }
	.p-about .abo .element-c .right {
    	width: 65%;
	}
	.p-about .abo .element-c::before {
    	position: absolute;
    	left: 34.1%;
    	top: -17px;
	}
	.p-about .abo .element-c .right .year::after {
        left: -9.4%;
    }
	.p-about .abo .element-c .right .year {
        font-size: 0.36rem;
        margin: 0 0 0.3rem 0;
    }
	.p-about .abo .element-c::after{
		left: 34%;
	}
	.banner-content01 h4 {
    	font-size: 0.28rem;
	}
	.banner-content01 h2 {
    	font-size: 0.33rem;
	}
	.banner-content01 .content {
    	margin-top: 0.3rem;
	}
	.banner-content .content p {
    	font-size: 0.24rem;
    	margin: 0.2rem 0;
	}
	.banner-content .content p:before {
    	width: 0.12rem;
    	height: 0.12rem;
    	top: 0.06rem;
	}
	.q-products {
    	padding: 0.6rem 0;
	}
	.q-products .pro .q-left {
		display: none;
	}
	.q-products .pro .q-right{
		width: 100%;
	}
	.q-products .pro .q-right .element {
    	border-radius: 0.28rem;
	}
	.q-products .pro .q-right .element .caption h1 {
    	font-size: 0.36rem;
	}
	.q-products .pro .q-right .element .caption h2 {
    	font-size: 0.30rem;
	}
	.q-products .pro .q-right .element-a .content .imgbox ul li {
    	font-size: 0.20rem;
	}
	.q-products .pro .q-right .element-b .content .textbox ul li {
    	font-size: 0.20rem;
        background-position: 0px 0.06rem;
	}
	.q-products .pro .q-right .element-c .content .textbox {
    	width: 48%;
	}
	.q-products .pro .q-right .element-d .content .imgbox {
    	width: 48%;
		margin: 0 0 0.3rem 0;
		padding: 0 0 0.3rem 0;
	}
	.q-products .pro .q-right .element-d .content .imgbox .img {
    	width: 25%;
	}
	.banner-content02 h2 {
    	font-size: 0.32rem;
	}
	.banner-content02 .content {
    	margin-top: 0.4rem;
	}
	.p-banner .ban .p {
        font-size: 0.36rem;
    }
	.p-contact {
        padding: 1rem 0;
    }
	.p-contact .con{
		align-items: stretch;
	}
	.p-contact .con .imgbox {
    	width: 48%;
		margin: 0 0 20px 0;
	}
	footer .foo-a .foo .element-c {
		width: 100%;
	}
	footer .foo-a .foo .element-c .caption{
		height: auto;
	}
	.p-banner {
    margin-top: 80px;
	}
}
@media screen and (max-width: 899px) {
    .about {
        padding: 60px 0 140px 0;
    }
	.about .particle {
        bottom: -100%;
    }
	footer .foo-a .foo .element-a .logo a {
    	width: 160px;
	}
	footer .foo-a .foo .element-b {
		width: 30%;
	}
	footer .foo-a .foo .element-c {
		margin: 0 auto;
	}
	footer .foo-b .foo p{
		width: 100%;
		text-align: center;
	}
	.jszc{
		margin: 0 auto;
	}
	.jszc a .jszc-p {
    	font-size: 0.14rem;
    	color: #000;
	}
	.jszc a .jszc-img {
    	width: 0.7rem;
    	padding: 0.04rem 0 0 0.05rem;
	}
	header .hea .nav .ul-a .li-a .a-a {
    	line-height: 40px;
	}
	.hea .nav ul li.li-a:nth-child(3):after {
        top: 16px;
    }
	.p-about .abo .element-c::before {
        left: 32.6%;
    }
	.p-about .abo .element-c .right::after {
    	left: -2px;
	}
	.p-about .abo .element-c .right .year::after {
        left: -11%;
    }
	.p-about .abo .element-c::after {
        left: 32.6%;
    }
	.hea .nav .ul-a .li-a .drop {
        padding: 5px 5%;
    }
	.q-products .pro .q-right .element-a .content .imgbox {
    	width: 100%;
	}
	.q-products .pro .q-right .element-a .content .imgbox ul li {
    	font-size: 0.19rem;
		background-position: 0px 3px;
    	padding: 0 0 0 0.5rem;
    	background-size: 10px;
	}
	.q-products .pro .q-right .element-b .imgbody .imgbox .img {
    	width: 1rem;
	}
	.q-products .pro .q-right .element-b .content .textbox {
    	width: 100%;
	}
	.q-products .pro .q-right .element-b .content .textbox ul li {
		font-size: 0.19rem;
		background-position: 0px 3px;
    	padding: 0 0 0 0.5rem;
    	background-size: 10px;
	}
	.q-products .pro .q-right .element-b .content .textbox::after {
   		width: 0.1rem;
    	height: 0.1rem;
	}
	.q-products .pro .q-right .element-c .content .textbox {
        width: 100%;
    }
	.q-products .pro .q-right .element-c .content .textbox ul li{
		font-size: 0.19rem;
		background-position: 0px 3px;
    	padding: 0 0 0 0.5rem;
    	background-size: 10px;
		    line-height: 20px;
	}
	.q-products .pro .q-right .element-d .content .imgbox .txt h1 {
    line-height: 1.4;
	}
	.element-e ul li.li01, .element-e ul li.li02 {
    	width: 100%;
	}
	.element-e ul li h5 {
		font-size: 0.19rem;
		background-position: 0px 3px;
    	padding: 0 0 0 0.5rem;
    	background-size: 10px;
	}
	.element-e ul li::after {
    	width: 0.1rem;
    	height: 0.1rem;
	}
	.element-e ul li.li03 .item {
    	margin-top: 20px;
		flex-wrap: wrap;
	}
	.element-e ul li.li03 .item-content {
    	width: 100%;
	}
	.p-contact .con .imgbox .img {
        margin: 0 auto 20px auto;
    }
	.banner .ban .imgbox .content {
    	top: 10%;
	}
	.p-contact .con .imgbox .p .title {
    	min-height: 30px;
	}
}