.banner {
	position: relative;
	background-size: 100% 100%;
}
.banner img {
	width: 100%;
	max-width: 100%;
}
.banner-txt {
	color: #33394a;
	/* position: absolute; */

    /* top: calc(50% + 100px); */

    /* left: 50%; */

	max-width: 1400px;
	/* transform: translate(-50%,-50%); */

	margin: 0 auto;
	width: 100%;
	height: 100%;
	padding-top: 1rem;
	padding-bottom: 30px;
}
.banner-txt-title {
	font-size: 52px;
	font-weight: 600;
	color: #ffffff;
}
.banner-txt-p {
	max-width: 680px;
	margin-top: 1%;
	color: #ffffff;
	line-height: 2;
}
.abtitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #666666;
}
.bomabtitle {
	font-size: 26px;
	font-weight: 600;
	color: #cd0000;
}
.bomabtitle .counter {
	font-size: 26px;
	font-weight: 600;
	color: #cd0000;
}
.about-tu {
	position: relative;
	/*width: 163px;*/



	display: flex;
	border: 0;
	background-color: #04cdae;
	color: white;
	margin-right: 30px;
	border-radius: 16px;
	align-items: center;
	height: 56px;
	padding-right: 15px;
	overflow: hidden;
}
.banner-txt-table {
	position: relative;
	display: flex;
	justify-content: center;
	border-radius: 16px;
	align-items: center;
	line-height: 2;
 margin-top: .3093rem;
	max-width: 900px;
	background-color: white;
	padding: 30px 15px;
	gap: 15px;
}
.bottom {
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	transform: rotate(45deg);
	margin-left: 10px;
}
.about-fi {
	display: flex;
	margin-top: 30px;
	align-items: center;
}
.about-fi img {
	height: 31px;
	width: 31px;
}
.about-fi p {
	font-size: 18px;
	font-weight: 24;
	color: white;
}
.banner-txt-ner {
	display: flex;
	margin-right: 55px;
	font-size: 24px;
	margin-bottom: 30px;
	color: #686a78;
}
.banner-txt-ner img {
	width: 24px;
	height: 24px;
}
.banner-txt-ner p {
	display: flex;
	align-items: center;
	color: #b5b6bb;
}
.banner-txt-ner p::before {
	content: "";
	width: 20px;
	height: 2px;
	background-color: #a2a4ad;
	display: inline-block;
	margin: 0 15px;
}
.about-fi-ner {
	display: flex;
	margin-right: 55px;
	align-items: center;
}
.about-tu img {
	width: 24px;
	margin-left: 10px;
	height: 21px;
}
.about-line {
	margin: auto;
}
body {
	counter-reset: section;
}
.product-title {
	max-width: 1400px;
	margin: 30px auto 2%;
	overflow: hidden;
}
.product-title p {
	float: right;
	position: relative;
	/*padding: 25px 0;*/



	width: 47%;
	margin-top: 2vh;
}
.product-title .btitle {
	width: 100%;
	font-size: 50px;
	color: #333333;
	font-weight: 600;
	text-align: center;
}
.product-title .js {
	color: #666666;
	line-height: 2;
	padding-top: 1%;
	line-height: 2;
}
.product-titlel {
	max-width: 1400px;
	padding: 65px 0;
	margin: 0 auto;
	overflow: hidden;
}
.product-titlel .abjuyo-loiyxh {
	display: flex;
	align-items: center;
	margin-top: 5vh;
}
.product-titlel p {
	float: right;
	position: relative;
	padding: 25px 0;
	width: 47%;
}
.product-titlel .btitlel {
	width: 100%;
	font-size: 50px;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
}
.product-titlel .jsl {
	color: #ffffff;
	line-height: 2;
	padding-top: 1%;
}
.about-show2 {
	background: url('../images/aboutmkl.png') no-repeat;
	height: 880px;
	background-size: 100% 100%;
}
.about-hgiu {
	float: left;
	background: url('../images/luenkuang.png') no-repeat;
	position: relative;
	width: 28%;
	height: 610px;
	margin-top: 40px;
	background-position-x: -148px;
}
.about-hgigi {
	float: right;
	margin-top: 40px;
	width: 70%;
	position: relative;
}
.about-hgigi .two-img {
	display: flex;
	margin-bottom: 30px;
}
.about-hgigi .two-img img:first-child {
	width: 66%;
}
.about-hgigi .two-img img:last-child {
	width: 33%;
}
.about-hgigi .three-con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about-hgigi .three-con img {
	max-width: 100%;
}
.about-hgigi .three-con img:nth-child(1), .about-hgigi .three-con img:nth-child(2), .about-hgigi .three-con .about-aksiu {
	width: 33%;
}
.about-hsko {
	/*height: 577px;*/



	display: flex;
	align-items: center;
}
.bt1 {
	position: absolute;
	top: 50px;
	left: 70px;
}
.bt1:before {
	content: "";
	background: url(../images/1_03.png) no-repeat;
	width: 144px;
	height: 144px;
	display: block;
	position: absolute;
	left: -45px;
	top: -52px;
}
.bt1:hover:before {
	content: "";
	background: url(../images/1_03.png) no-repeat;
	width: 144px;
	height: 144px;
	display: block;
	position: absolute;
	left: -45px;
	top: -52px;
}
.bt2 {
	position: absolute;
	left: 145px;
	top: 185px;
}
.bt2:before {
	content: "";
	background: url(../images/bt2.png);
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;/*left:-45px;

     top:-52px;*/

}
.bt2:hover:before {
	content: "";
	background: url(../images/2_03.png);
	width: 144px;
	height: 144px;
	display: block;
	position: absolute;
	left: -42px;
	top: -40px;
}
.bt2:hover .bt1:before {
	content: "";
	background: url(../images/bt1.png) no-repeat;
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;
}
.bt3 {
	position: absolute;
	top: 344px;
	left: 147px;
}
.bt3:before {
	content: "";
	background: url(../images/bt3.png);
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;
}
.bt3:hover:before {
	content: "";
	background: url(../images/3_03.png);
	width: 144px;
	height: 144px;
	display: block;
	position: absolute;
	left: -42px;
	top: -40px;
}
.bt4 {
	position: absolute;
	top: 502px;
	left: 56px;
}
.bt4:before {
	content: "";
	background: url(../images/bt4.png);
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;
}
.bt4:hover:before {
	content: "";
	background: url(../images/4_03.png);
	width: 144px;
	height: 144px;
	display: block;
	position: absolute;
	left: -42px;
	top: -40px;
}
.about-aksiu {
	padding-left: 25px;
	/*padding-top: 60px;*/



	position: absolute;
	bottom: 0;
	right: 0;
	width: 40%;
}
.about-aksiu h1 {
	text-align: left;
	font-size: 18px;
}
.about-aksiu p {
	text-align: left;
	width: 100%;
	float: left;
	line-height: 2;
}
.abjuyo {
	width: 50%;
	float: left;
}
.abjuyo img {
	max-width: 100%;
	margin: 0 auto;
}
.loiyxh {
	width: 50%;
	float: right;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.loiyxh-ner {
	padding-left: 20px;
}
.loiyxh-ner h2 {
	text-align: left;
	color: white;
	font-size: 32px;
}
.loiyxh-ner p {
	text-align: left;
	color: white;
	float: left;
	padding: 20px 0;
	width: 100%;
	line-height: 2;
	word-break: break-word;
}
.loiyxh-yui {
	display: flex;
	/*height: 160px;*/



	align-items: flex-start;
}
.about-show3-ner {
	max-width: 1400px;
	margin: 0 auto 2rem;
	overflow: hidden;
}
.about-show3-ner-a {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}
.about-show3-ner-a img {
	width: calc((100% - 75px) / 6);
}
.jsabout-a h2, .certificate h2 {
	color: #666666;
	margin-top: 45px;
	font-size: 50px;
	text-align: center;
	margin-bottom: 20px;
}
.jsabout-a p, .certificate p {
	color: #666666;
	line-height: 2;
	margin-bottom: 20px;
}
.certificate img {
	max-width: 100%;
}
.jsabout-c {
	display: flex;
	justify-content: center;
	margin-top: 40px;
	flex-wrap: wrap;
 gap: .2062rem;
}
.about-anniu p {
	font-size: 18px;
}
.ab-img {
	/* position: absolute; */



    /* top: 77px; */



    /* right: -16px; */



    /* z-index:-1; */

	margin-top: 35px;
	margin-left: -130px;
}
.about-anniu {
	/* position: absolute; */



	width: 184px;
	font-size: 20px;
	display: flex;
	border: 0;
	background-color: #04cdae;
	color: white;
	border-radius: 24px;
	/* top: 54px; */



	align-items: center;
	justify-content: center;
	height: 53px;
}
.jsabout-cneir {
	position: relative;
	width: 579px;
	display: flex;
	align-items: center;
}
.btss0 {
	top: 0;
	left: 22px;
}
.btss1 {
	top: 136px;
	left: 105px;
}
.btss2 {
	top: 302px;
	left: 100px;
}
.btss3 {
	top: 456px;
	left: 7px;
}
.about-img img {
	max-width: 100%;
}
.btt:before {
	content: "";
	background: url(../images/bt1.png) no-repeat;
	width: 57px;
	height: 57px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#video {
	display: none;
}
@media screen and (max-width:1600px) {
.about-show2 {
	height: auto;
}
}
 @media screen and (max-width:1400px) {
.banner-txt, .about-show3, .product-title, .product-titlel {
	padding-left: 15px;
	padding-right: 15px;
}
.banner-txt-title, .product-title .btitle, .product-titlel .btitlel, .jsabout-a h2, .certificate h2 {
	font-size: 40px;
}
}
@media (max-width:1200px) {
.about-hsko {
	display: none;
}
#video {
	display: block;
}
}
@media screen and (max-width:1080px) {
.about-aksiu {
	bottom: 0;
}
.about-show3-ner {
	margin-bottom: 50px;
}
.product-titlel {
	padding-top: 30px;
	padding-bottom: 30px;
}
.product-titlel .abjuyo-loiyxh {
	flex-wrap: wrap;
	flex-direction: column;
}
.abjuyo, .loiyxh {
	width: 100%;
}
.about-show2 {
	background: #343a4c;
}
.banner-txt-title, .product-title .btitle, .product-titlel .btitlel, .jsabout-a h2, .certificate h2 {
	font-size: 30px;
}
.loiyxh-ner h2 {
	font-size: 20px;
}
.about-show3-ner-a {
	flex-wrap: wrap;
}
.about-show3-ner-a img {
	width: calc((100% - 30px) / 3);
}
}
@media screen and (max-width:768px) {
.banner-txt-table {
	flex-wrap: wrap;
}
.jsabout-b {
	flex-wrap: wrap;
}
.about-fi {
	flex-wrap: wrap;
	display: none;
}
.product-title .btitle, .product-titlel .btitlel, .jsabout-a h2, .certificate h2 {
	font-size: 24px;
}
.ab-img {
	display: none;
}
.about-show3-ner-a img {
	width: calc((100% - 15px) / 2);
}
.bomabtitle .counter {
	font-size: 20px;
}
}
 @media (max-width:500px) {
.loiyxh-yui img {
	width: 15vw;
}
}