@media screen and (min-width: 769px) {
			.yd {
				display: none;
			}

			.carousel1 {
				padding-top: calc(82/1920*100vw);
				position: relative;
				display: flex;
				height: calc(560/1920*100vw);
				margin: auto calc(160/1920*100vw);
			}

			.carousel-item {
				margin-right: calc(52/1920*100vw);
				position: relative;
				width: calc(284/1920*100vw);
				height: calc(560/1920*100vw);
			}

			.zcactive {
				display: block;
			}

			.carousel-item-img {
				width: calc(284/1920*100vw);
				height: calc(466/1920*100vw);
			}

			.activeimg {
				height: calc(487/1920*100vw);
			}

			.active2 .wztex {
				margin-top: calc(20/1920*100vw);
			}

			.content {
				margin-left: calc(20/1920*100vw);
				position: absolute;
				bottom: calc(110 / 1920* 100vw);
				left: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				color: white;
				text-align: center;
			}

			.number {
				color: #8e8e8e;
				font-size: calc(35/1920*100vw);
				margin-bottom: calc(5/1920*100vw);
			}

			.title1 {
				color: #8e8e8e;
				font-size: calc(24/1920*100vw);
				margin-bottom: calc(5/1920*100vw);
			}

			.subtitle {
				color: #8e8e8e;
				font-size: calc(18/1920*100vw);
			}

			.carousel-dots {
				background-color: #ccc;
				height: 1px;
				position: absolute;
				width: calc(1600/1920*100vw);
				bottom: calc(40/1920*100vw);
				z-index: -1;
			}

			.dot {
				position: absolute;
				background-color: white;
				left: 50%;
				bottom: calc(30/1920*100vw);
				transform: translateX(-50%);
				width: calc(20/1920*100vw);
				height: calc(20/1920*100vw);
				border-radius: 50%;
				border: solid 1px black;
				border-radius: 50%;
				margin: 0 5px;
				cursor: pointer;
			}

			.zcactive1 .number,
			.zcactive1 .title1,
			.zcactive1 .subtitle {
				color: white !important;

			}

			.zcactive1 .hx {
				background-color: white !important;

			}

			.zcactive {
				background-color: red;
				border: solid 0px black;
			}

			.hx {
				background-color: red;
				height: 2px;
				width: calc(45/1920*100vw);
				margin-bottom: calc(10/1920*100vw);
			}


			.swiper {
				padding-top: calc(65/1920*100vw) !important;
				margin-left: calc(140/1920*100vw) !important;
				width: calc(1640/1920*100vw) !important;
				height: auto !important;
				overflow-x: hidden !important;
			}

			.swiper-slide {
				text-align: center !important;
				font-size: 18px !important;
				background: #ffffff00 !important;
				display: flex !important;
				flex-direction: column !important;
			}

			.wztex {
				margin-top: calc(19 / 1920* 100vw);
				text-align: left !important;
				font-size: calc(15 / 1920* 100vw);
				width: calc(630 / 1920* 100vw);
			}

			.swiper-slide img {
				border-radius: calc(20 / 1920* 100vw);
				display: block;
				width: 100%;
				height: calc(458 / 1920* 100vw) !important; 
				object-fit: cover;
			}

			.carousel-btn img {
				width: calc(62/1920*100vw) !important;
				height: calc(62/1920*100vw) !important;
			}

			.dis {
				display: none;
			}
		}

		/* 适用于小屏幕（例如手机等移动装备）的样式 */
		@media screen and (max-width: 768px) {
			.pc {
				display: none;
			}

			.carousel {
				margin-top: calc(50/768*100vw) !important;
				position: relative;
				display: flex;
				height: calc(620/768*100vw);
				margin: auto calc(40/768*100vw);
				top: 0;
			}

			.ydcarousel-item {
				margin-left: calc(38/768*100vw);
				position: relative;
				width: calc(284/768*100vw);
				height: calc(560/768*100vw);
			}

			.zcactive {
				display: block;
			}

			.ydcarousel-item-img {
				width: calc(284/768*100vw);
				height: calc(466/768*100vw);
			}

			.activeimg {
				height: calc(487/768*100vw);
			}

			.active2 .wztex {
				margin-top: calc(20/1920*100vw);
			}

			.zccontent {
				margin-left: calc(20/768*100vw);
				position: absolute;
				bottom: calc(140 / 768* 100vw);
				left: 0;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				color: white;
				text-align: center;
			}

			.swiper .zcwiper-slide1 {
				display: flex !important;
				flex-direction: row !important;
			}

			.number {
				color: #8e8e8e;
				font-size: calc(35/768*100vw);
				margin-bottom: calc(5/768*100vw);
			}

			.title1 {
				color: #8e8e8e;
				font-size: calc(35/768*100vw);
				margin-bottom: calc(5/768*100vw);
			}

			.subtitle {
				color: #8e8e8e;
				font-size: calc(22/768*100vw);
			}

			.carousel-dots {
				background-color: #ccc;
				height: 1px;
				position: absolute;
				width: calc(700/768*100vw);
				bottom: calc(-25/768*100vw);
				z-index: -1;
			}

			.yddot {
				position: absolute;
				background-color: white;
				left: 50%;
				bottom: calc(30/768*100vw);
				transform: translateX(-50%);
				width: calc(20/768*100vw);
				height: calc(20/768*100vw);
				border-radius: 50%;
				border: solid 1px black;
				border-radius: 50%;
				margin: 0 5px;
				cursor: pointer;
			}

			.zcactive1 .number,
			.zcactive1 .title1,
			.zcactive1 .subtitle {
				color: white !important;

			}

			.zcactive1 .hx {
				background-color: white !important;

			}

			.zcactive {
				background-color: red;
				border: solid 0px black;
			}

			.hx {
				background-color: red;
				height: 2px;
				width: calc(45/768*100vw);
				margin-bottom: calc(10/768*100vw);
			}


			.swiper {
				padding-top: calc(65/768*100vw) !important;
				width: calc(740/768*100vw) !important;
				height: auto !important;
				overflow-x: hidden !important;
			}

			.swiper-slide {
				text-align: center !important;
				font-size: 18px !important;
				background: #ffffff00 !important;
				display: flex !important;
				flex-direction: column !important;
			}

			.wztex {
				margin: auto;
				margin-top: calc(19 / 768* 100vw);
				text-align: left !important;
				font-size: calc(24/ 768* 100vw);
				width: calc(600 / 768* 100vw);
				padding-bottom: calc(20/768*100vw);
			}

			.ydlbt {
				/* background-color: #dddbdb4f; */
			}

			.swiper-slide-img {
				margin: auto;
				border-radius: calc(20/768*100vw);
				display: block;
				width: calc(600/768*100vw);
				/* height: calc(650/768*100vw) !important; */
				object-fit: cover;
			}

			.carousel-btn img {
				width: calc(46/768*100vw) !important;
				height: calc(46/768*100vw) !important;
			}

			.dis {
				display: none;
			}
		}

		/* CSS样式最先 */<!--耗时1767358459.6236秒-->