/* viewproduct */
		.view {
			width: 100%;
			height: 100%;
			position: relative;
			background: #FFFFFF;
		}

		.view .banner {
			height: 100vh;
			position: relative;
		}


		.view .banner img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
 .bh3 {
      display: flex;
    }

    .bh3 h3:nth-child(2) {
      display: inline-block;
      margin-left: 15px;
      margin-right: 15px;
    }
.active {
    color: #FFFFFF !important;
}
		.view .banner-div {
			position: absolute;
			top: 32%;
			left: 84px;
			text-align: left;
			width: auto;
		}

		.home-button {
			display: flex;
			flex-direction: column;
			width: auto;
			margin: auto;
			position: absolute;
			top: 32%;
			right: 84px;
		}

		.view .banner-div h3 {
			font-size: 55px;
			color: #707070;
			font-weight: bold;
			margin-bottom: 11px;
			line-height: 55px;
			font-family: Montserrat;

			text-align: center;
		}
    .view .banner-div h3:first-child,.view .banner-div h3:last-child{
      cursor: pointer;
    }
		.md-top video,
		.md-bottom video {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.home-button h4 {

			display: flex;
			flex-direction: column;
			text-align: right;
		}

		.banner-div p {

			font-size: 30px;
			color: #767676;
			font-weight: 600;
			line-height: 30px;
			font-family: Montserrat;
			margin-bottom: 46px;
		}

		.banner-div .home-form {
			margin-right: 30px;
		}

		.banner-div .home-form {

			padding: 12px 46px;
			text-align: center;
			font-size: 20px;
			line-height: 28px;
			background: #009173;
			font-weight: 600;
			color: #FFFFFF;
			display: inline-block !important;
			border-radius: 4px;

			font-family: Montserrat;
		}

		.banner-div .home-video {
			padding: 12px 46px;
			text-align: center;
			font-size: 20px;
			line-height: 28px;
			color: #767676;
			font-weight: 600;
			background: #FFFFFF;
			display: inline-block !important;
			border-radius: 4px;

			font-family: Montserrat;
		}


		.banner-div-bottom {
			position: absolute;
			bottom: 1.5%;
			left: 50%;
			transform: translateX(-50%);
			display: flex;
			width: 100%;
			justify-content: center;
			align-items: center;
		}

		.banner-div-bottom span {
			color: #5D5D5D;
			font-size: 20px;
			font-weight: 500;
			position: relative;
			line-height: 20px;
			padding-right: 25px;
			padding-left: 25px;
			font-family: Montserrat;
		}

		.banner-div-bottom span:not(:last-child)::after {
			content: '';
			position: absolute;
			right: 0px;
			top: 0;
			width: 1px;
			height: 100%;
			background: #5D5D5D;
		}

		.tab-img {
			width: 100%;
			background: #F5F5F5;
			padding-top: 72px;
			padding-bottom: 85px;
		}

		.ticontent {
			width: 1400px;
			margin: auto;
		}

		.tab-img-bottom {
			width: 100%;
		}

		.tab-img-bottom img {
			width: 100%;
			display: none;
			height: 650px;
			object-fit: cover;
			border-radius: 10px;
		}

		.tabimg-show {
			display: block !important;
		}

		.tab-img-item {
			margin-bottom: 81px;
		}

		.tab-p-item {
			width: 100%;
			display: flex;
			justify-content: space-between;
			text-align: center;
			margin-bottom: 31px;
		}

		.tab-p-item p {
			font-size: 18px;
			color: #5D5D5D;
			font-weight: 500;
			padding-bottom: 31px;
			position: relative;
			cursor: pointer;
			font-family: Montserrat;
		}

		.tab-p-item-5 p {
			width: 19%;
		}

		.tab-p-item-4 p {
			width: 24%;
		}

		.tab-p-item-3 p {
			width: 32%;
		}

		.tab-p-item-2 p {
			width: 49%;
		}

		.tab-p-item-1 p {
			width: 90%;
		}

		.tab-p-item-1 {
			justify-content: center !important;
		}

		.tab-p-item .tabimg-show::after {
			position: absolute;
			content: '';
			width: 60%;
			height: 2px;
			background: #009173;
			border: 1px solid #009173;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

		.tab-p-item-1 .tabimg-show::after {
			width: 40% !important;
		}

		.tab-span-item {
			width: 100%;
			text-align: center;
			height: 75px;
			display: flex;
			justify-content: center;
			background: #FFFFFF;
			border-radius: 10px;
			padding: 0px 45px;
			display: flex;
			justify-content: center;
			align-items: center;
			box-shadow: inset 0px 4px 6px rgba(0, 0, 0, 0.1);
		}

		.tab-span-item span {
			font-size: 16px;
			line-height: 20px;
			color: #5D5D5D;
			font-weight: 400;
			display: none;
			font-family: Montserrat;
		}

		/* md */
		.md-top {
			width: 100%;
			position: relative;
		}

		.md-bottom {
			width: 100%;
			position: relative;

		}

		.mb-xian {
			width: 3px;
			height: 315px;
			background: #F5F5F5;
			position: fixed;
			border: 1px solid #F5F5F5;
			top: 20%;
			left: 121px;
			display: none;
		}

		.md-top-right-text,
		.md-item-img-text {
			display: none;
		}

		.mb-xian-text {

			position: absolute;
			left: 14px;
			top: 4px;

			font-family: Montserrat;
			color: #FFFFFF;
			font-size: 12px;
			line-height: 17px;
			font-weight: 400;
			text-shadow: 0 0 3px #000, 1px 1px 1px rgba(0, 0, 0, 0.9)
		}

		.mb-xian-lv {

			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 40px;
			background: #009173;
			transition: all 0.7s ease;


		}

		.md-bottom-sc {
			width: 100%;
			height: 200vh;
			position: relative;
		}

		.mb-sc {
			width: 100%;

			position: sticky;
			top: 0;

		}

		.md-top-item {
			padding: 40px 60px;
			display: flex;
			justify-content: space-around;

		}

		.md-top-left-item::after {
			content: '';
			position: absolute;
			right: 23px;
			bottom: 23px;
			display: flex;
			z-index: 999;
			height: 23px;
			width: 22px;
			background: linear-gradient(90deg,
					#009173 0 4px,
					transparent 4px 9px,
					#009173 9px 13px,
					transparent 13px 18px,
					#009173 18px 22px);
		}



		.md-top-xian span:nth-child(2) {
			margin-left: 5px;
			margin-right: 5px;
		}

		.md-top-left {


			width: 30%;
			position: relative;
		}

		.md-top-left-item,
		.md-top-right-item {
			width: 100%;
			position: sticky;
			top: 74px;
			z-index: 99;
			width: 100%;
			height: calc(100vh - 80px);
			background: #F5F5F5;

		}

		.md-top-left-item {
			padding: 75px 54px 0 60px;
			display: none;
		}

		.md-top-left-item-show {
			display: block;

		}

		.md-top-right {
			width: calc(70% - 20px);

			position: relative;

		}


		.md-top-right img {
			width: 100%;
			height: calc(100vh - 80px);
			object-fit: cover;

		}

		.md-top-left h3 {
			font-size: 32px;
			line-height: 50px;
			color: #000000;
			font-weight: 700;
			font-family: Montserrat;
			margin-bottom: 80px;
			position: relative;
		}

		.md-top-left p {
			font-size: 18px;
			line-height: 32px;
			color: #000000;
			font-weight: 500;
			font-family: Montserrat;
		}

		.md-top-left h3::after {
			content: '';
			width: 23px;
			height: 4px;
			background: #009173;
			border: 1px solid #009173;
			left: 0;
			bottom: -48px;
			position: absolute;

		}



		.md-item-text {
			width: 100%;
			background: #FFFFFF;
			padding: 41px 119px;
			height: 230px;
			position: relative;
			overflow: hidden;

		}

		.md-item-text-content {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			transition: all 0.7s ease-in-out;
			transform: translateY(100%);
			display: flex !important;
			justify-content: space-between;
			padding: 41px 119px;
			background: #FFFFFF;
		}

		.md-item img,
		.md-item video {
			width: 100%;
			height: 100%;
			object-fit: cover;

		}

		.md-item-text h3 {
			margin-bottom: 17px;
			font-size: 30px;
			font-weight: 700;
			color: #000000;
			line-height: 35px;
			font-family: Montserrat;

			display: inline-block;
			width: 30%;
			position: relative;
		}

		.md-item-text h3::after {
			content: '';
			width: 12px;
			height: 2px;
			position: absolute;
			left: 0;
			bottom: 0;
			background: #009173;
			border: 1px solid #009173;
		}

		.md-item-text p {
			font-size: 20px;
			font-weight: 600;
			color: #767676;
			line-height: 22px;
			font-family: Montserrat;
			display: inline-block;
			width: 65%;
			position: relative;

		}

		.md-item-text p::after {
			content: '';
			width: 12px;
			height: 2px;
			position: absolute;
			left: 0;
			bottom: 0;
			background: #009173;
			border: 1px solid #009173;
		}


		.md-item {

			width: 100%;
			position: sticky;
			top: 0;

		}

		.md-item-img {
			position: relative;
			width: 100%;
			height: calc(100vh - 230px);
			overflow: hidden;

		}

		.md-item-img img,
		.md-item-img video {
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			transform: translateY(100%);
			transition: all 0.4s ease-out;
		}

		.md-item-img img:last-child {
			transition: all 0.7s ease-out;
		}


		.bimg {
			transform: translateY(0%) !important;
		}

		.md-item-text-content-show {
			transform: translateY(0%);
		}

		/* kehu */

		.client {
			width: 100%;
			height: 100%;
			background: #FFFFFF;
			padding: 97px 60px 128px 60px;

		}

		.client-content {

			margin: auto;
			background: #F5F5F5;
			padding: 32px 36px 32px 60px;
			height: 100%;
			display: flex;
		}

		.client-content h3 {
			margin-bottom: 10px;
			font-size: 40px;
			color: #000000;
			font-weight: bold;
			font-family: Montserrat;
			margin-bottom: 36px;
		}

		.client-content-p {
			margin-bottom: 33px;
			color: #5D5D5D;
			font-size: 18px;
			font-weight: 500;
			font-family: Montserrat;
			position: relative;
		}

		.client-content-p::after {
			content: '';
			position: absolute;
			bottom: -20px;
			left: 0;
			width: 23px;
			height: 4px;
			background: #009173;
		}

		.client-content-left {
			width: 50%;
			padding-right: 54px;
		}

		.client-content-right {
			width: 50%;
		}

		.client-item {
			width: 100%;
			position: relative;
		}

		.client-item a {
			display: flex;
			justify-content: space-between;
			position: relative;

			width: 100%;
			height: 100%;
		}

		.client-item-img a {
			display: inline-block;
			width: 100%;
			height: 100%;
		}

		.client-item-img p {
			display: none;
		}

		.client-item::after {
			content: '';
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 1px;
			background: #707070;
		}

		.client-item p {

			color: #000000;
			font-size: 20px;
			line-height: 80px;
			font-weight: 700;
			font-family: Montserrat;
			position: relative;
		}

		.client-item span {
			font-weight: 500;
			color: #000000;
			font-size: 20px;
			line-height: 80px;
		}

		.client-item-show p,
		.client-item-show span {
			color: #009173 !important;
		}

		.client-item-img {
			width: 100%;
			height: 100%;
			display: none;
			position: relative;
		}

		.client-item-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.client-item-img-show {
			display: block !important;
		}




		/* app */
		.applications {
			width: 100%;
			height: 100%;
			background: #FFFFFF;
			padding-top: 59px;
			padding-bottom: 59px;
		}

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

		.app-content h3 {
			margin-bottom: 10px;
			font-size: 40px;
			color: #000000;
			font-weight: bold;
			font-family: Montserrat;
			margin-bottom: 36px;
		}

		.app-content p {
			margin-bottom: 33px;
			color: #5D5D5D;
			font-size: 18px;
			font-weight: 500;
			font-family: Montserrat;
			margin-bottom: 37px;
		}

		.app-flex {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 25px;
		}

		.app-item {
			width: 237px;
			height: 172px;
			border-radius: 5px;
			display: flex;
			align-items: center;
			box-shadow: 1.5px 3px 6.5px rgba(0, 0, 0, 0.16);
		}

		.app-item-img {
			width: 63%;
			height: 50%;
			margin: auto;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
		}

		.app-more {
			display: flex;
			width: 100%;
			height: 55px;
			border-radius: 10px;
			justify-content: center;
			align-items: center;
			font-family: Montserrat;
			font-size: 25px;
			line-height: 25px;
			color: #000000;
			box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
		}

		.app-item img {
			width: 100px;
			height: auto;
			object-fit: cover;
			margin-bottom: 0px;
		}

		.app-item p {
			font-family: Montserrat;
			font-size: 13px;
			line-height: 13px;
			color: #000000;
			margin-bottom: 0px;
		}

		/* append */



		.canshu {
			width: 100%;
			height: 100%;
			background: #F5F5F5;
			padding-top: 50px;
			padding-bottom: 55px;
		}

		.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;
			color: #000000;
			font-weight: 500;
			font-family: Montserrat;
		}

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

		.canshu-content table tr th:not(:first-child) {
			text-align: center;
			font-size: 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;
			font-family: Montserrat;
		}

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



		.form-bd {
			width: 100%;
			background: #FFFFFF;
			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;
		}

		.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_37 {
			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_38 {
			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;
		}

		.guinpu .cc-b {
			width: 101px;
			height: 33px;
			border-radius: 40px;
			border: 1px solid #009173;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 16px;
			color: #009173;
			font-weight: 400;
			background: transparent;
			margin: auto;
			cursor: pointer;
			font-family: Montserrat;
		}


		@keyframes identifier {
			0% {
				transform: translateY(70px);
				opacity: 0;
			}

			100% {
				transform: translateY(0px);
				opacity: 1;
			}
		}

		@media screen and (min-width: 2000px) {
			.md-top-left h3 {
				font-size: 55px;
				line-height: 77px;

			}

			.md-top-left p {
				font-size: 30px;
				line-height: 42px;

			}
		}

		@media screen and (max-width: 1440px) {
			.app-item {
				width: 211px;
				height: 172px;
			}

			.app-item-img {
				width: auto;
				height: auto;
			}

			.md-top-left-item-show {
				display: block;
				padding: 35px 24px 0 24px;
			}

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

			.view .home-button h4 span {
				font-size: 18px;
				line-height: 18px;
			}

			.md-top-left h3 {
				font-size: 25px;
				line-height: 30px;
			}

			.md-top-left p {
				font-size: 20px;
				line-height: 25px;
			}

			.client-item p,
			.client-item span {
				line-height: 60px;
			}

			.client-item::after {
				bottom: 0px;
			}



			.view .tab-p-item,
			.tab-img-item {
				margin-bottom: 15px;
			}

			.tab-p-item p {
				font-size: 15px;
				padding-bottom: 15px;
			}

			.tab-img-bottom img {
				height: 69vh;
			}

			.tab-span-item span {
				font-size: 14px;
			}

			.ticontent,
			.canshu-content,
			.form-bd-content,
			.app-content {
				width: 1140px;
				margin: auto;
			}

			.md-item-text {
				top: 9%;
			}



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

			.home-button p {
				margin-bottom: 12px;
			}

			.home-button h4 {
				margin-bottom: 20px;
			}

			.canshu-content table tr td:not(:first-child) {
				font-size: 15px;
			}

			.canshu-content table tr td:first-child {
				font-size: 15px;
			}
		}

		@media screen and (max-width: 1140px) {
			.view .banner-div {
				position: absolute;
				top: 80px;
				left: 50%;
				text-align: center;
				width: auto;
				transform: translateX(-50%);
				width: 100%;
			}

      .bh3 {
        justify-content: center;
      }
			.banner-div .home-form {
				padding: 10px 20px;

				font-size: 15px;
				line-height: 20px;
			}

			.banner-div .home-video {
				padding: 10px 20px;

				font-size: 15px;
				line-height: 20px;
			}

			.md-top-left-item,
			.md-top-right-item {
				position: relative;
				top: 0;

				width: 100%;
				height: 100%;
			}

			.md-top-right img {
				height: auto;
				aspect-ratio: 16 / 9;
			}

			.md-top-right-item,
			.md-item-img-b {
				margin-bottom: 30px;
				line-height: 0;
			}

			.md-top-left {
				display: none;
			}

			.md-top-item {
				padding: 0;
			}

			.md-top-right {
				width: 90%;
				margin: auto;
			}

			.md-top-right-text,
			.md-item-img-text {
				display: block;
				padding: 15px;
				background: #F5F5F5;
			}


			.md-top-right-text h3,
			.md-item-img-text h3 {
				margin-bottom: 10px;
			}

			.md-item-img {
				position: relative;
				overflow: visible;
				height: 100%;

			}
			.mb-xian{
				display: none !important
			}
			.md-bottom-sc {
				height: 100% !important;
			}

			.md-item-img img,
			.md-item-img video {
				position: relative;
				height: auto;
				aspect-ratio: 16 / 9;
				transform: translateY(0%) !important;
			}

			.mb-sc {
				position: relative;
				width: 90%;
				margin: auto;
			}

			.md-item-text {
				display: none;
			}

			.app-item {
				width: 100%;
				margin-bottom: 10px;
			}

			.applications {
				padding-top: 29px;
			}

			.app-content h3 {
				font-size: 20px;
			}

			.app-content p {
				font-size: 15px;
				line-height: 20px;
			}

			.app-content {
				width: 95%;
			}


			.client-mobile-item-img {
				width: 100%;
				height: 100%;
				position: relative;
				border-radius: 10px 10px 10px 10px;
				overflow: hidden;
				margin-bottom: 20px;
			}

			.client-mobile-item-img img {
				width: 100%;
				height: auto;
				background: rgba(0, 0, 0, 0.3);
				border-radius: 10px;
			}

			.client-mobile-item-img p {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				font-size: 15px;
				line-height: 20px;
				font-weight: 600;
				color: #FFFFFF;
				font-family: Montserrat;
				z-index: 99;

				text-align: center;
			}

			.client-item-img p {
				display: block;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				font-size: 15px;
				line-height: 20px;
				font-weight: 600;
				color: #FFFFFF;
				z-index: 99;
				text-align: center;
				width: 100%;
			}

			.mb-mobile-item-text h3 {

				font-size: 20px;
				line-height: 25px;
				font-weight: 800;
				color: #000000;
				font-family: Montserrat;
			}

			.mb-mobile-item-text p {
				font-size: 15px;
				line-height: 20px;
				font-weight: 600;
				color: #000000;
				font-family: Montserrat;
			}

			.mb-mobile-item-text {
				width: 100%;
				height: auto;
				padding: 20px 15px;
				background: #F5F5F5;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
			}

			.mb-mobile-item-xian {
				width: 24px;
				height: 4px;
				background: #009173;
				margin-top: 15px;
				margin-bottom: 25px;
			}

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

			.mb-mobile-item-img img {
				width: 100%;
				height: auto;
				object-fit: cover;
			}



			.view .banner-div h3 {
				font-size: 25px;
				line-height: 25px;
				display: block;
			}

			.home-button {
				flex-direction: row;
				width: 100%;
				right: 0;
				top: 38%;
				left: 50%;
				transform: translateX(-50%);
				justify-content: center;
				display: none;
			}

			.home-button a {
				font-size: 15px;
				line-height: 15px;
				width: 120px;
				height: 37px;
				margin: 0 10px;
			}

			.tab-img-bottom img {
				height: auto;
			}

			.view .banner {
				height: auto;
				aspect-ratio: 15 / 19;
			}

			.home-button h4 {
				font-size: 18px;
				line-height: 20px;
			}

			.tab-span-item {
				height: 100%;
				padding: 15px;
			}

			.cc-input input:not(:last-child),
			.md .guinpu #attr_37,
			.guinpu #attr_38 {
				font-size: 13px;
			}

			.guinpu #attr_38 {
				margin-bottom: 31px;
			}

			.guinpu .cc-b {
				margin-bottom: 20px;
			}

			.ticontent,

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

			.client-content {
				width: 90%;
			}

			.client-content {
				padding: 0;
				flex-direction: column;
				background: transparent;
			}

			.client-content-left {
				width: 100%;
				padding-right: 0;
				text-align: center;
			}

			.client-flex {
				display: none;
			}

			.client-content-right {
				width: 100%;
			}

			.client-content-p::after {
				left: 50%;
				transform: translateX(-50%);
			}

			.client-item-img {
				display: block;
				margin-bottom: 30px;
				aspect-ratio: 373 / 239;
			}

			.md-item img,
			.md-item video {
				height: auto;
			}

			.client-content h3 {
				margin-top: 36px;
				margin-bottom: 26px;
			}

			.md-item-text {
				position: relative;
				padding: 35px 0 25px 0;
			}

			.md-item-text {
				width: 95%;
			}

			.banner-div h3 {
				font-size: 30px;
				line-height: 30px;
				margin-bottom: 15px;
			}

			.md-item-text h3 {
				margin-bottom: 17px;
				font-size: 20px;
				font-weight: bold;
				color: #000000;
				line-height: 20px;
				opacity: 1;
				transform: translateY(0px);
				white-space: normal;
			}

			.md-item-text p {
				font-size: 15px;
				color: #5D5D5D;
				line-height: 20px;
				width: 100%;
				opacity: 1;
				transform: translateY(0px);
			}

			.banner-div-bottom span {
				font-size: 15px;
			}

			.tab-p-item p {
				font-size: 13px;
			}

			.tab-p-item {
				flex-direction: column;
			}

			.tab-p-item p {
				padding-bottom: 15px;
				margin-bottom: 15px;
				width: 100%;
			}

			.tab-img-item {
				margin-bottom: 41px;
			}

			.client-content h3,
			.canshu-content h3,
			.form-bd-content h3 {
				font-size: 20px;
			}

			.client-content p {
				font-size: 15px;
				line-height: 20px;
			}

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

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

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

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

			.canshu {
				overflow-x: scroll;
			}

			.banner-div-bottom span {
				padding-right: 5px;
				padding-left: 5px;
				font-size: 10px !important;
				line-height: 10px !important;
			}

			.banner-div p {
				margin-bottom: 10px;
				text-align: center;
			}

			.home-button h4 {
				margin-bottom: 13px;
			}

			.tab-img {
				padding-top: 32px;
				padding-bottom: 25px;
			}

			.client {
				padding-top: 29px;
				padding: 0
			}

			.form-bd {
				padding-bottom: 10px;
			}
		}

		@media (max-width: 750px) {
			.mbanner {
				display: block !important;
			}

			.pbanner {
				display: none;
			}
		}

		.banner-div {
			width: 100%;
		}



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


		.view .home-button h4 span {
			font-size: 20px;
			line-height: 28px;
			font-weight: 700;
			color: #767676;
			font-family: Montserrat;
			margin-bottom: 28px;
			position: relative;

		}

		.view .home-button h4 span::after {
			content: '';
			position: absolute;
			right: 0px;
			top: -10px;
			width: 23px;
			height: 4px;
			background: #009173;
			border: 1px solid #009173;
		}

		.ifplayc {
			position: fixed;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.7);
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: none;
			z-index: 99999;
		}

		.ifplaycd {
			width: 900px;
			height: 545px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			box-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
		}

		.ifplaycd iframe {
			width: 100%;
			height: 100%;
		}

		.ifplayspan {
			font-size: 22px;
			line-height: 22px;
			color: #FFFFFF;
			display: flex;
			width: 30px;
			height: 30px;
			justify-content: center;
			align-items: center;
			border: 1px solid #FFFFFF;
			border-radius: 50%;
			position: absolute;
			top: -30px;
			right: -30px;
			cursor: pointer;
		}

		@media screen and (max-width: 1440px) {
			.ifplaycd {
				width: 800px;
				height: 445px;
			}

			.md-item-text h3 {
				font-size: 25px;
				line-height: 30px;
			}
		}

		@media screen and (max-width: 1000px) {
			.ifplaycd {
				width: 80%;
				height: auto;
			}

			.home-button h4 {
				display: none;
			}
		}