html,
		body {
			overflow-x: visible;
		}

		.xf-whatsApp,
		.header-product {
			z-index: 9999999 !important;
		}

		.banner-ling {
			display: flex;
		}

		.md-pc {
			position: relative;
			z-index: 999;
		}

		.pils2 {
			margin-right: 11px;
			width: 151px;
			height: 35px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 17px;
			line-height: 21px;
			font-weight: 500;
			color: #251E1C;
			background: url(/static/2.0/ling-bai.png);
			background-size: 100% 100%;
			background-repeat: no-repeat;
			cursor: pointer;
		}

		.pils3 {
			width: 151px;
			height: 35px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 5px 7px;
			background: #487F69;
			font-size: 17px;
			line-height: 21px;
			font-weight: 500;
			color: #FFFFFF;
			clip-path: polygon(0 80%, 8% 100%, 100% 100%, 100% 0, 8% 0, 0 20%);
			cursor: pointer;
		}

		.md-mobile {
			display: none;
		}

		.vvvdie0,
		.vvvdie {
			width: 100%;
			height: auto;
		}

		.view-product {
			width: 100%;
			line-height: 0;
			background: #FFFFFF;
		}

		.banner {
			width: 100%;
			margin-bottom: 35px;
			position: relative;
		

		}

		.banner img {
			width: 100%;
		
			aspect-ratio: 889 / 400;
		}

		/* product */
		/* x1 */
		.slider-content {
			position: relative;
			width: 100%;
			min-height: 100vh;

		}

		.slider-flex {
			position: sticky;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			overflow-x: hidden;
		}


		.slider-item {
			position: absolute;
			top: 0;
			left: 0;

			width: 100%;
			height: 100vh;
			transform: translateX(140%);
			transform: all 0.4s inherit;
			backface-visibility: hidden;
			/* transform: translateZ(0); */
			will-change: transform;
		}

		.slider-item img {
			width: 100%;
			height: 80vh;
			object-fit: cover;
		}

		.slider-item-text {

			width: 100%;
			margin: auto;
			text-align: center;
			background: #FFFFFF;
			height: 20vh;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding: 0 10%;
		}

		.slider-item-text h3 {
			font-size: 46px;
			line-height: 46px;
			color: #251E1C;
			font-weight: bold;
			margin-bottom: 17px;
		}

		.slider-item-text p {
			font-size: 20px;
			line-height: 22px;
			color: #251E1C;
			font-weight: 400;



		}

		.slider-img img {

			width: 100%;
			height: 100%;
			object-fit: cover;

		}

		/* x1 end */
		/* x2 */
		/* x2 end */
		.view-left {
			width: 550px;
			margin-right: 62px;
		}

		.vl-t {
			width: 550px;
			background: #f5f5f5;
			border-radius: 10px;
			position: relative;
		}

		.vl-t img {
			width: 550px;
			display: none;
			height: 400px;
		}

		.vl-t img:first-child {
			display: block;
		}

		.vl-b {
			display: flex;
			justify-content: space-between;
			margin-top: 32px;
		}

		.vl-b img {
			width: 165px;
			height: 125px;
			cursor: pointer;
			background: #f5f5f5;
			border-radius: 10px;
		}

		.vr-title {
			padding-bottom: 15px;
			border-bottom: 1px solid #000000;
		}

		.vr-title div {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.vr-title div h3 {
			font-weight: bold;
			font-size: 50px;
			color: #008068;
			line-height: 50px;
			margin-bottom: 15px;
		}

		.vr-title p {
			font-weight: 400;
			font-size: 30px;
			color: #000000;
			line-height: 35px;
		}

		.view-right {
			width: calc(100% - 612px);
		}

		.vrm-item {
			padding-top: 25px;
			padding-bottom: 25px;
			display: flex;
			width: 100%;
		}

		.vrm-item p {
			font-weight: 300;
			font-size: 24px;
			color: #000000;
			line-height: 24px;
			width: 148px;
			padding-top: 5px;
		}

		.vrm-item div {
			display: flex;
			flex-wrap: wrap;
		}

		.vrm-item-button {
			padding-top: 0;
		}

		.vrm-item .vrm-item-md span {
			width: 140px;
			height: 40px;
			border-radius: 35px 35px 35px 35px;
			border: 1px solid #707070;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-right: 20px;
			margin-bottom: 21px;
			cursor: pointer;
			font-weight: 500;
			font-size: 16px;
			color: #DFDFDF;
			line-height: 16px;
		}

		.vrm-item-md-xz {
			color: #FFFFFF;
			background: #000000;
		}

		.vrm-item-button1 {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 65px;
			height: 19px;
			background: #487F69;

			margin-right: 20px;
			font-size: 9px;
			color: #FFFFFF;
			line-height: 14px;
			cursor: pointer;
			clip-path: polygon(0 calc(100% - 5px),
					5px 100%,
					100% 100%,
					100% 0,
					0 0);
		}



		.vrm-item-button1 img {
			width: 10px;
			height: 11px;
		}

		/* ser */

		/* customer */
		.customer {
			width: 1360px;
			padding: 100px 0;
			background: #FFFFFF;
			margin: auto;
		}

		.custh3 {
			font-size: 46px;
			line-height: 46px;
			color: #251E1C;
			font-weight: bold;
			margin-bottom: 17px;
			text-align: center;
		}

		.custp {
			font-size: 20px;
			line-height: 22px;
			color: #251E1C;
			font-weight: 400;
			padding-bottom: 96px;
			width:85%;
			margin: auto;
			text-align: center;
			overflow-x: hidden;
		}

		.cust-content {
			width: 100%;
			height: 100%;
			position: relative;
		}

		.cust-content-mobile {
			display: none;
		}



		.cusimg {
			display: flex !important;
		}

		.cust-img-item {
			width: 100%;
			height: 410px;
			background: rgba(238, 238, 238, 0.6);
			display: none;
			padding: 33px 28px 38px 62px;
			align-items: center;
			justify-content: space-between
		}

		.cust-img-item-text {
			width: 532px;
			height: 100%;
		}

		.cust-img-item-text h3 {
			font-size: 36px;
			line-height: 44px;
			font-weight: bold;
			margin-bottom: 51px;
			color: #251E1C;
		}

		.cust-img-item-text p {
			font-size: 20px;
			line-height: 28px;
			font-weight: 400;

			color: #251E1C;
		}

		.cust-text a {
			font-size: 16px;
			line-height: 16px;
			font-weight: 500;
			color: #B4B4B4;
			text-align: center;
			height: 48px;
			position: relative;
			    padding: 0 5px;
		}

		.cust-text {
			position: relative;

			width: 100%;
			height: 150px;

			padding-top: 42px;

		}

		.cust-xian {
			width: 100%;
			margin: auto;
			display: flex;

			justify-content: space-between;

		}

		.cust-xian::after {
			    content: '';
    width: 100%;
    height: 2px;
    background-color: #477F69;
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);


		}


		.custactive {
			color: #477F69 !important;
		}

		.custactive::after {
			content: '';
    width: 140px;
    height: 13px;
    clip-path: polygon(5% 100%, 95% 100%, 90% 15%, 10% 15%);
    background: #487F69;
    position: absolute;
    display: block;
    left: 50%;
    bottom: -29px;
    transform: translateX(-50%);
		}


		.cust-img img {
			width: 630px;
			height: auto;
			object-fit: cover;
		}

		@media (max-width:1400px) {
			.customer {
				width: 1180px;
			}

			.cust-img-item-text {
				width: 440px;
			}
		}


		/* customer end */

		/* app-model */
		.app-model {
			width: 60%;
			text-align: center;
			margin: 133px auto 0 auto;
			position: relative;
		}

		.app-model h3 {
			font-weight: bold;
			font-size: 35px;
			color: #000000;
			line-height: 35px;
			margin-bottom: 68px;
		}

		.model-top {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(0deg, #EDEEEF 0%, #B6BABD 100%);
		}

		.model-bottom {
			width: 100%;
			padding: 32px 40px;
			background: #F9F9F9;
		}

		.model-bottom h5 {
			text-align: left;
			margin-bottom: 15px;
			font-weight: bold;
			font-size: 30px;
			color: #000000;
			line-height: 30px;
		}

		.model-span {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
		}

		.model-span span {
			font-weight: 400;
			font-size: 20px;
			color: #3C3D3D;
			line-height: 30px;
		}

		.model-span span:first-child {
			width: 70%;
			text-align: left;
		}

		.model-span span:last-child {
			color: #008068;
			width: 30%;
			text-align: right;
		}

		/* app-model-end */


		/* suiji */

		.banner-div {
			width: 40%;
			position: absolute;
			top: 15%;
			left: 11%;
		}

		.banner-div h1 {
			font-weight: bold;
			color: #FFFFFF;
			font-size: 64PX;
			line-height: 64PX;
			display: inline;
		}

		.banner-div p {
			font-weight: 400;
			font-size: 24PX;
			padding-top: 10px;
			margin-bottom: 45px;
			color: #FFFFFF;
			line-height: 24px;
		}

		.banner-div span {
			font-size: 16px;
			color: #FFFFFF;
			line-height: 10px;
		}

		.banner-div img {
			width: 20px;
			height: 20px;
			margin-right: 5px;
		}

		.img-boder {
			border: 1px solid #008068;
		}





		.hitem1 {
			display: flex;
			align-items: center;
		}

		.hitem1 span {
			font-weight: bold;
			font-size: 12px;
			color: #000000;
			line-height: 14px;
			padding-right: 5px;
		}

		.hitem2 {
			display: flex;
			align-items: center;
		}

		.hitem2-span span {
			font-weight: 400;
			font-size: 9px;
			color: #000000;
			line-height: 14px;
			padding-right: 30px;
			cursor: pointer;
		}

		.hitem2-span-bold {
			font-weight: bold !important;
		}



		.pv-if {
			display: none;
			width: 100%;
			height: 100%;
		}

		.vrm-item-md {
			width: 600px;
		}

		/* canshu */
		.canshu {
			width: 100%;
			height: 100%;
			background: #FFFFFF;
			padding-top: 100px;
			padding-bottom: 200px;
			position: relative;
		}

	.prodcut-left {
    width: 58px;
    height: 60vh;
    background: #F7F7F7;
    position: absolute;
    left: 0;
    top: 50%;
       transform: translateY(-50%);
    clip-path: polygon(0 100%, 100% 90%, 100% 10%, 0 0);
    box-shadow: 3px 0 12px rgba(0, 0, 0, 0.09);
}
.prodcut-right {
    width: 58px;
    height: 60vh;
    background: #F7F7F7;
    position: absolute;
    right: 0;
      top: 50%;
       transform: translateY(-50%);
   
    clip-path: polygon(0 90%, 100% 100%, 100% 0, 0 10%);
    box-shadow: -3px 0 12px rgba(0, 0, 0, 0.09);
}

		.prodcut-bottom {
			width: 40%;
			height: 48px;
			background: #F7F7F7;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0px;
			clip-path: polygon(0 100%, 100% 100%, 93% 0, 7% 0);
		
			transform: translate3d(-50%, 0, 5px)
		}


		.canshu-content {
			width: 1400px;
			margin: auto;
		}

		.canshu-content h3 {
			margin-bottom: 36px;
			font-size: 40px;
			color: #000000;
			font-weight: bold;
			font-family: Montserrat;
			text-align: center;
		}

		.canshu-content table {
			width: 100%;
			border-collapse: collapse;
		}

		.canshu-content td:first-child {
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}

		.canshu-content td:last-child {
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}

		.canshu-content th:first-child {
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}

		.canshu-content th:last-child {
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}

		.canshu-content table tr th:first-child {
			text-align: left;
			padding-left: 25px;
			font-size: 18px;
			line-height: 18px;
			color: #000000;
			font-weight: 500;
			font-family: Montserrat;
		}

		.canshu-content table tr td:first-child {
			text-align: left;
			padding-left: 25px;
			font-size: 18px;
			line-height: 18px;
			color: #000000;
			font-weight: 500;
			font-family: Montserrat;
		}

		.canshu-content table tr th:not(:first-child) {
			text-align: center;
			font-size: 18px;
			line-height: 18px;
			color: #000000;
			font-weight: 600;
			font-family: Montserrat;
		}

		.canshu-content table tr td:not(:first-child) {
			text-align: center;
			font-size: 18px;
			color: #5D5D5D;
			font-weight: 400;
			line-height: 18px;
			font-family: Montserrat;
		}

		.canshu-content table tr {
			height: 70px;
			border-bottom: 1px solid #707070;
		}


		/* canshu end */
		/* form */
		.form-bd {
			width: 100%;
			background: #F7F7F7;
			padding-top: 79px;
			padding-bottom: 70px;
		}

		.form-bd-content {
			width: 1400px;
			margin: auto;
		}

		.form-bd-content h3 {
			margin-bottom: 36px;
			font-size: 40px;
			color: #000000;
			font-weight: bold;
			font-family: Montserrat;
			text-align: center;
		}

		.cc-content {
			width: 100%;
		}

		.cc-input {
			width: 100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.cc-input input {
			font-size: 16px;
			font-weight: 300;
			color: #8D8D8D;
			font-family: Montserrat;
		}

		.cc-input input:not(:last-child) {
			width: 695px;
			height: 60px;
			margin-bottom: 12px;
			border-radius: 14px;
			border: 1px solid #868686;
			padding-left: 17px;
		}

		.cc-input input:last-child {
			width: 100%;
			height: 60px;
			margin-bottom: 12px;
			border-radius: 14px;
			border: 1px solid #868686;
			padding-left: 17px;
		}

		.guinpu #attr_36 {
			width: 100%;
			height: 60px;
			margin-bottom: 12px;
			border-radius: 14px;
			border: 1px solid #868686;
			padding-left: 17px;
			font-size: 16px;
			font-weight: 300;
			color: #8D8D8D;
			font-family: Montserrat;
		}

		.guinpu #attr_33 {
			width: 100%;
			height: 203px;
			margin-bottom: 61px;
			border-radius: 14px;
			border: 1px solid #868686;
			padding-left: 17px;
			font-size: 16px;
			font-weight: 300;
			color: #8D8D8D;
			padding-top: 13px;
			font-family: Montserrat;
			line-height: 16px;
		}

		.guinpu .cc-b {
			width: 221px;
			height: 38px;

			border: 1px solid #477F69;
			background: #477F69;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 16px;
			color: #FFFFFF;
			font-weight: 400;
			clip-path: polygon(0 calc(100% - 5px), 5px 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 5px,
					calc(100% - 5px) 0, 5px 0, 0 5px);
			margin: auto;
			cursor: pointer;
			font-family: Montserrat;
		}


		/* form end */
		/* three */
		.three-po {
			position: relative;
			height: 150vh;
			width: 100%;
		}

		.three {
			width: 100%;
			position: sticky;

			overflow: hidden;

			background: #FFFFFF;
			top: 0px;
			/* padding-top: 80px; */
		}

		.three-swiper {
			width: 70vw;
			margin: 0 auto;
			perspective: 62.5vw;
			transform-style: preserve-3d;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 100vh;

		}

		.swiper-left {
			width: 67.5vw;
			height: 100vh;
			position: relative;
			z-index: 2;
			flex-shrink: 0;
			overflow: hidden;
			transform-origin: right center;
			transform: rotateY(80deg) translateZ(1px);
			-webkit-transform: rotateY(80deg) translateZ(1px)
		}

		/* 中间 */
		.swiper-center {
			width: 67.5vw;
			height: 100vh;
			position: relative;
			z-index: 2;
			flex-shrink: 0;
			overflow: hidden;
			margin: 0 1.25vw;
		}

		/* 右边 */
		.swiper-right {
			width: 67.5vw;
			height: 100vh;
			position: relative;
			z-index: 2;
			flex-shrink: 0;
			overflow: hidden;
			transform-origin: left center;
			transform: rotateY(-80deg) translateZ(1px);
			-webkit-transform: rotateY(-80deg) translateZ(1px);
		}

		.swh3 {
			font-size: 46px;
			line-height: 46px;
			color: #251E1C;
			font-weight: bold;
			text-align: center;

			height: 15%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		@-moz-document url-prefix() {
 

    .swiper-left,
    .swiper-right {
  display: none !important;
    }
  }
		.swp {
			font-size: 20px;
			line-height: 22px;
			color: #251E1C;
			font-weight: 500;
			width: 80%;
			height: 15%;
			margin: auto;
			text-align: center;

			overflow: hidden;

			display: flex;
			justify-content: center;
			align-items: center;
		}

		.swiper-right .swh3,
		.swiper-left .swh3,
		.swiper-right .swp,
		.swiper-left .swp {
			opacity: 0;
		}

		.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
		.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
			width: 29px;
			height: 4px;
			background: #FFFFFF;
			opacity: 0.5;
			border-radius: 3px 3px 3px 3px;
		}

		.swiper-pagination-bullet-active {
			opacity: 1 !important;
		}

		.swiper-button-prev:after,
		.swiper-rtl .swiper-button-next:after,
		.swiper-button-next:after,
		.swiper-rtl .swiper-button-prev:after {
			content: '';
		}

		.swiper-horizontal>.swiper-pagination-bullets,
		.swiper-pagination-bullets.swiper-pagination-horizontal,
		.swiper-pagination-custom,
		.swiper-pagination-fraction {
			bottom: calc(22vh + 20px);
		}





		.swiper-slide {

			overflow: hidden
		}

		.three-swiper img {
			width: 100%;
			height: 70%;
			object-fit: cover;
			transition: all 0.7s;

		}

		/* three end */
		@media (max-width:1400px) {

			.footer-content,
			.footer-xian,
			.footer-copy {
				width: 100% !important;
			}

			.canshu-content,
			.form-bd-content {
				width: calc(90% - 130px);

			}

			.cc-input input:not(:last-child) {
				width: 49%;
			}

		}
@media (max-width:1200px) {
.customer {
				width: 100%;
			}
}
		@media (max-width:1000px) {

			.canshu-content,
			.form-bd-content {
				width: 100%;

			}

			.cc-input input:not(:last-child) {
				width: 100%;
			}

			.banner::before,
			.banner::after {
				display: none;
			}

			.prodcut-left,
			.prodcut-right,
			.prodcut-top,
			.prodcut-bottom {
				display: none;
			}

		

			.md-mobile {
				display: block;
				padding-bottom: 42px;

			}

			.md-pc {
				display: none;
			}

			.md-mobile-item {
				margin-top: 27px;
			}

			.md-mobile-item img {
				width: 100%;
				height: auto;
			}

			.md-mobile-item-text {
				width: 90%;
				margin: auto;
				text-align: center;
			}

			.md-mobile-item-text h3 {
				margin-bottom: 10px;
			}

			.md-mobile-item-text p {
				margin-bottom: 22px;
			}

			.custp {
				width: 90%;
				padding-bottom: 36px;
			}

			.cust-content {
				display: none;
			}

			.cust-content-mobile {
				display: block;
				width: 90%;
				margin: auto;
			}

			.customer {
				width: 95%;
				padding: 0 0 43px 0;
			}

			.ccmobile-item {
				width: 100%;
				height: 337px;
				margin-bottom: 15px;
			}

			.ccmobile-item {
				display: inline-block;
				width: 100%;
				height: 100%;
			}

			.ccmobile-item>a>img {
				width: 100%;
				height: auto;
				object-fit: cover;

			}

			.ccmobile-item-text {
				width: 100%;
				height: 79px;
				background: #EEEEEE;
				padding: 9px 9px 0 9px;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.cc-left {
				width: 80%;
				display: flex;
				align-items: center;
			}

			.cc-left img {
				width: 40px;
				height: auto;
				object-fit: cover;
				margin-right: 5px;
			}

			.cc-right {
				width: 20%;
			}

			.cc-right img {
				width: 30px;
				height: 30px;
			}

			.canshu {
				overflow-x: scroll;
				    padding-bottom: 100px;
			}

			.canshu-content table tr td:first-child {
				font-size: 13px;
				line-height: 13px;
				padding-left: 5px;
			}

			.canshu-content table tr th:not(:first-child) {
				font-size: 13px;
				line-height: 13px;
				padding-left: 5px;
			}

			.canshu-content table tr th:first-child {
				font-size: 13px;
				line-height: 13px;
				padding-left: 5px;
			}

			.canshu-content table tr td:not(:first-child) {
				font-size: 13px;
				line-height: 13px;
				padding-left: 5px;
			}

			.cc-content {
				width: 90%;
				margin: auto;
			}

			.cc-content input {
				font-size: 13px;
				line-height: 13px;
			}
		}
		@media (max-width:750px) {
				.banner img {
		
			aspect-ratio: 1563 / 1540;
		}
	.banner-div {
				width: 80%;
				left: 50%;
				transform: translateX(-50%);
				text-align: center;
				top: 60px;
			}

			.banner-div h1 {
				font-size: 25px;
				line-height: 25px;
			}

			.banner-div p {
				margin-bottom: 25px;
			}

			.pils2,
			.pils3 {
				width: 101px;
			}

			.banner-ling {
				justify-content: center;
			}
		}