/* 适用于大屏幕（例如桌面浏览器）的样式 */
@media screen and (min-width: 769px) {
	.lr-div-mk-z {}

	.yd {
		display: none !important;
	}

	.list-zy {
		margin-top: calc(20/1920*100vw);
		display: flex;
		width: calc(1538/1920*100vw);
		margin-left: calc(191/1920*100vw);
		justify-content: space-between;
	}

	.list-z {
		width: calc(1538/100/1920*70*100vw);
	}



	.lr-div-mk-z {
		padding-top: calc(30/1920*100vw);
		color: #000;
		display: flex;
		font-size: calc(20 / 1920* 100vw);
		flex-direction: column;
		align-content: center;
	}

	.lr-div-mk-z div {
		margin-bottom: calc(10/1920*100vw);
	}

	.lr-div-mk-img-z {
		position: relative;
		/* top: calc(3 / 1920* 100vw); */
		width: calc(80 / 1920* 100vw);
	}

	.list-dis {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
	}

	.list-dis-b {
		color: #ccc;
		padding-bottom: calc(9 / 1920* 100vw);
		padding-left: calc(20 / 1920* 100vw);
		border-bottom: 1px solid #F0F0F0;
		font-size: calc(15 / 1920* 100vw);
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		flex: auto;
	}

	.list-dis-b>a {
		color: #ccc;
	}

	.list-dis-lb-lr {
		margin-top: calc(40/1920*100vw);
		display: flex;
		align-items: center;
		width: calc(1538/100/1920*70*100vw);
		border: 1px solid #F0F0F0;
	}

	.list-dis-lb-lr-sj {
		width: calc(160 / 1920* 100vw);
		height: calc(160 / 1920* 100vw);
		display: grid;
		background-color: #F0F0F0;
		align-items: center;
		justify-items: center;
		align-content: center;
	}

	.list-dis-lb-lr-e {
		color: #898989;
		font-size: calc(60/1920*100vw);
	}

	.list-dis-lb-lr-ny {
		color: #898989;
		font-size: calc(19/1920*100vw);
	}

	.list-dis-lb-lr-btlr {
		margin-top: calc(10/1920*100vw);
		width: calc(770/1920*100vw);
		margin-left: calc(40/1920*100vw);
	}

	.list-dis-lb-lr-bt {
		width: calc(730/1920*100vw);
		font-size: calc(21/1920*100vw);
		font-weight: bold;
		margin-bottom: calc(20/1920*100vw);
	}

	.list-dis-lb-lr-lr>p,
	.list-dis-lb-lr-lr>div,
	.list-dis-lb-lr-lr>span {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		margin-block-start: 0;
		margin-block-end: 0;
	}

	.list-dis-lb-lr-lr p,
	.list-dis-lb-lr-lr div,
	.list-dis-lb-lr-lr>span {
		width: calc(730/1920*100vw);
		height: calc(52/ 1920 * 100vw);
		font-size: calc(16/1920*100vw);
		line-height: calc(27/1920*100vw);
		color: #898989 !important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* 控制显示的行数为2行 */
		-webkit-box-orient: vertical;
		white-space: normal;
	}

	.list-img-ck {
		width: calc(36 / 1920* 100vw);
		height: calc(36 / 1920* 100vw);
	}

	.list-img-ck1 {
		display: none;
		width: calc(36 / 1920* 100vw);
		height: calc(36 / 1920* 100vw);
	}

	.list-img {
		width: calc(100 / 1920* 100vw);
		height: calc(100 / 1920* 100vw);
		border-left: 1px solid #F0F0F0;
		display: grid;
		align-items: center;
		justify-items: center;
		align-content: center;
	}

	.list-img-zt {
		padding-top: calc(10/1920*100vw);
		color: #ccc;
		font-size: calc(19/1920*100vw);
	}

	.list-dis-lb-lr:hover {
		border: 1px solid red;
	}

	.list-dis-lb-lr:hover>.list-dis-lb-lr-sj {
		background-color: red;
	}

	.list-dis-lb-lr:hover>.list-dis-lb-lr-sj>.list-dis-lb-lr-e,
	.list-dis-lb-lr:hover>.list-dis-lb-lr-sj>.list-dis-lb-lr-ny {
		color: white;
	}

	.list-dis-lb-lr:hover>.list-dis-lb-lr-btlr>.list-dis-lb-lr-bt {
		color: red;
	}

	.list-dis-lb-lr:hover>a>.list-img {
		border-left: 1px solid red;
	}

	.list-dis-lb-lr:hover>a>.list-img>.list-img-zt {
		color: red;
	}

	.list-dis-lb-lr:hover>a>.list-img>.list-img-ck1 {
		display: block;
	}

	.list-dis-lb-lr:hover>a>.list-img>.list-img-ck {
		display: none;
	}

	.list-xglr {
		margin-top: calc(60/1920*100vw);
		width: calc(1076.590 / 1920* 100vw);
		grid-template-columns: repeat(3, 1fr);
		display: grid;
	}

	.list-xglr-div {
		position: relative;
		width: calc((1076.590 - 80)/3 /1920* 100vw);
		height: calc(200/1920*100vw);
	}

	.list-xglr-div-img {
		width: calc((1076.590 - 80)/3 /1920* 100vw);
		height: calc(200/1920*100vw);
		object-fit: contain;
	}

	.list-xglr-div-img-mc {
		background-color: #ff000099;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
		display: none;
		width: calc((1076.590 - 80)/3 /1920* 100vw);
		height: calc(200/1920*100vw);

	}

	.list-xglr-div-img-gd {
		display: none;
	}

	.list-xglr-div-sj {
		background-color: red;
		width: calc(70/1920*100vw);
		height: calc(70/1920*100vw);
		position: absolute;
		z-index: 10;
		bottom: 0;
		right: 0;
		color: white;
	}

	.list-xglr-div-sj1 {
		font-size: calc(40/1920*100vw);
	}

	.list-xglr-div-sj2 {
		font-size: calc(20/1920*100vw);
		margin-left: calc(20/1920*100vw);
	}

	.list-xglr-bt {
		background-color: ##0c0c0c70;
		width: calc(262.188/1920*100vw);
		color: white;
		position: absolute;
		display: flex;
		align-items: center;
		font-size: calc(20/1920*100vw);
		z-index: 10;
		bottom: 0;
		left: 0;
		justify-content: center;
		height: calc(40/1920*100vw);
	}

	.list-xglr-div-img-gd {
		display: none;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		/* 在水平和笔直偏向划分平移自身宽度和高度的50% */
		z-index: 10;
	}

	.list-xglr-div:hover>a>.list-xglr-div-img-mc {
		display: block;
	}

	.list-xglr-div:hover>a>.list-xglr-div-img-gd {
		display: block;

	}

	.list-xglr-div:hover>a>.list-xglr-bt {
		width: calc(332.188/1920*100vw);
		color: white;
		position: absolute;
		display: flex;
		align-items: center;
		font-size: calc(20/1920*100vw);
		z-index: 10;
		bottom: 0;
		left: 0;
		justify-content: center;
		left: 50%;
		top: 80%;
		transform: translate(-50%, -50%);
		/* 在水平和笔直偏向划分平移自身宽度和高度的50% */
		height: calc(40/1920*100vw);
	}

	.list-xglr-div:hover>a>.list-xglr-div-sj {
		display: none;
	}

	.list-jtdj {
		margin-top: calc(40/1920*100vw);
		grid-template-columns: repeat(4, 1fr);
		display: grid;
	}

	.list-jtdj-div {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0 calc(20/1920*100vw) 0 calc(20/1920*100vw);
		background-color: #f0f0f0;
		font-size: calc(24/1920*100vw);
		height: calc(50/1920*100vw);
		width: calc((1076.590 - 180)/4/1920*100vw);
	}

	.list-jtdj-div:hover {
		color: #f78c8c;
		background-color: #f9e3e3;
	}

	.list-jtdj-div:hover a {
		
		background-color: #f9e3e3;
	}

	.list-jtdj-img {
		width: calc((1076.590 - 180)/4/1920*100vw);
	}

	.list-jtdj-img1 {
		display: none;
		width: calc((1076.590 - 180)/4/1920*100vw);
	}

	.list-y {
		width: calc(1538/1920/100*27*100vw);

	}

	.list-dis-y {
		padding-left: calc(20/1920*100vw);
		border: 1px solid #F0F0F0;
		color: #000;
		display: flex;
		font-size: calc(30 / 1920* 100vw);
	}

	.timeline-div {
		border: 1px solid #F0F0F0;
		padding-top: calc(40/1920*100vw);
		padding-bottom: calc(40/1920*100vw);
	}

	.timeline {
		position: relative;
	}

	.timeline::after {
		content: '';
		position: absolute;
		width: calc(2/1920*100vw);
		background-color: #ccc;
		top: 0;
		bottom: 0;
		left: 10%;
		margin-left: calc(-3/1920*100vw);
	}

	.container {
		padding: calc(10/1920*100vw) calc(40/1920*100vw);
		position: relative;
		background-color: inherit;
		width: calc(300/1920*100vw);
	}

	.container::after {
		content: '';
		position: absolute;
		width: calc(10/1920*100vw);
		height: calc(10/1920*100vw);
		right: calc(17/1920*100vw);
		background-color: white;
		border: 3px solid #ccc;
		top: calc(30/1920*100vw);
		border-radius: 50%;
		z-index: 1;
	}

	.left {
		left: 0;
	}

	.right {
		left: 10%;
	}

	.right::after {
		left: calc(-10/1920*100vw);
	}

	.content {
		padding-top: 20px;
		width: calc(300/1920*100vw);
		background-color: white;
		position: relative;
	}

	.content-div {
		font-size: calc(17 / 1920* 100vw);
		color: black;
		width: calc(300 / 1920* 100vw);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		white-space: normal;
	}

	.content-sj {
		font-size: calc(17/1920*100vw);
		color: #898989 !important;
		margin-top: calc(10/1920*100vw);
	}

	.content:hover>.content-sj {
		color: red !important;
	}

	.content:hover>.content-div {
		color: red;
	}

	.content-img-div {
		display: flex;
		padding: calc(20/1920*100vw);
		justify-content: space-evenly;
	}

	.content-img-bk {
		width: calc(85/1920*100vw);
		height: calc(137/1920*100vw);
	}

	.content-img {
		width: calc(85/1920*100vw);
		height: calc(137/1920*100vw);
		object-fit: contain;
	}

	.content-text {
		font-size: calc(17/1920*100vw);
		color: #000;
	}

	.content-text-divimg {
		margin-top: calc(20/1920*100vw);
		margin-bottom: calc(20/1920*100vw);
		display: flex;
		font-size: calc(16/1920*100vw);
		color: #898989;
	}

	.content-text-img {
		width: calc(16/1920*100vw);
		height: calc(24/1920*100vw);
		margin-right: calc(10/1920*100vw);
	}

	.content-text-img1 {
		display: none;
		width: calc(16/1920*100vw);
		height: calc(24/1920*100vw);
		margin-right: calc(20/1920*100vw);
	}

	.content-a-img {
		width: calc(96/1920*100vw);
		height: calc(25/1920*100vw);
		margin-top: calc(10/1920*100vw);
	}

	.content-a-img1 {
		display: none;
		width: calc(96/1920*100vw);
		height: calc(25/1920*100vw);
		margin-top: calc(10/1920*100vw);
	}

	.content-img-div:hover .content-text-divimg,
	.content-img-div:hover .content-text {
		color: red;
	}

	.content-img-div:hover .content-a-img1,
	.content-img-div:hover .content-text-img1 {
		display: block;
	}

	.content-img-div:hover .content-a-img,
	.content-img-div:hover .content-text-img {
		display: none;
	}

}

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

	.lr-div-lr-dh {
		display: none !important;
	}

	.lr-div-kb {
		display: none;
	}

	.list-zy {
		margin-top: calc(20/768*100vw);
		display: flex;
		width: calc(700/768*100vw);
		margin-left: calc(34/768*100vw);
		justify-content: space-between;
	}

	.list-z {
		width: calc(700/768*100vw);
	}



	.lr-div-mk-z {
		padding-top: calc(30/768*100vw);
		font-weight: bolder;
		color: #000;
		display: flex;
		font-size: calc(30 / 768* 100vw);
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.lr-div-mk-img-z {
		position: relative;
		/* top: calc(3 / 1920* 100vw); */
		width: calc(120 / 768* 100vw);
	}

	.list-dis {
		width: calc(700/768*100vw);
		display: flex;
		align-items: flex-end;
		justify-content: center;
		border-bottom: 1px solid #F0F0F0;
	}

	.list-dis-b {
		display: none;
	}

	.list-dis-b>a {
		color: #ccc;
	}

	.list-dis-lb-lr {
		margin-top: calc(40/768*100vw);
		display: flex;
		align-items: center;
		width: calc(700/768*100vw);
		border: 1px solid #F0F0F0;
		justify-content: space-between;
	}

	.list-dis-lb-lr-sj {
		width: calc(140 / 768* 100vw);
		height: calc(160 / 768* 100vw);
		display: grid;
		background-color: #F0F0F0;
		align-items: center;
		justify-items: center;
		align-content: center;
	}

	.list-dis-lb-lr-e {
		color: #898989;
		font-size: calc(60/768*100vw);
	}

	.list-dis-lb-lr-ny {
		color: #898989;
		font-size: calc(24/768*100vw);
	}

	.list-dis-lb-lr-btlr {
		width: calc(500 / 768* 100vw);
		margin-left: calc(20 / 768* 100vw);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.list-dis-lb-lr-bt {
		font-size: calc(28/768*100vw);
		font-weight: bold;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		white-space: normal;
		margin-bottom: calc(10 / 768* 100vw);
	}

	.list-dis-lb-lr-lr>p,
	.list-dis-lb-lr-lr>div,
	.list-dis-lb-lr-lr>span {
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		color: inherit;
		margin-block-start: 0;
		margin-block-end: 0;
	}

	.list-dis-lb-lr-lr>p,
	.list-dis-lb-lr-lr>div,
	.list-dis-lb-lr-lr>span {
		height: calc(58/ 768 * 100vw);
		font-size: calc(24/768*100vw);
		color: #898989 !important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		/* 控制显示的行数为2行 */
		-webkit-box-orient: vertical;
		white-space: normal;
	}

	.list-img-ck {
		width: calc(36 / 768* 100vw);
		height: calc(36 / 768* 100vw);
	}

	.list-img-ck1 {
		display: none;
		width: calc(36 / 768* 100vw);
		height: calc(36 / 768* 100vw);
	}

	a {
		width: auto;
	}

	.list-img {
		display: none;

	}

	.list-img-zt {
		padding-top: calc(10/1920*100vw);
		color: #ccc;
		font-size: calc(19/1920*100vw);
	}

	.list-dis-lb-lr:hover {
		border: 1px solid red;
	}

	.list-dis-lb-lr:hover .list-dis-lb-lr-sj {
		background-color: red;
	}

	.list-dis-lb-lr:hover .list-dis-lb-lr-sj>.list-dis-lb-lr-e,
	.list-dis-lb-lr:hover .list-dis-lb-lr-sj>.list-dis-lb-lr-ny {
		color: white;
	}

	.list-dis-lb-lr:hover .list-dis-lb-lr-btlr>.list-dis-lb-lr-bt {
		color: red;
	}

	.list-dis-lb-lr:hover .list-img {
		border-left: 1px solid red;
	}

	.list-dis-lb-lr:hover .list-img-zt {
		color: red;
	}

	.list-dis-lb-lr:hover>a>.list-img>.list-img-ck1 {
		display: block;
	}

	.list-dis-lb-lr:hover>a>.list-img>.list-img-ck {
		display: none;
	}

	.list-xglr {
		margin-top: calc(60/1920*100vw);
		width: calc(1076.590 / 1920* 100vw);
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: nowrap;
		flex-direction: row;
	}

	.list-xglr-div {
		width: calc(700/768* 100vw);
		height: calc(600/768*100vw);
	}

	.list-xglr-div-img {
		width: calc(700 /768* 100vw);
		height: calc(600/768*100vw);
	}

	.list-xglr-div-img-gd {
		display: none;
	}

	.list-xglr-div-sj {
		background-color: red;
		width: calc(70/768*100vw);
		height: calc(70/768*100vw);
		position: absolute;
		z-index: 10;
		bottom: 0;
		right: 0;
		color: white;
	}

	.list-xglr-div-sj1 {
		font-size: calc(40/768*100vw);
	}

	.list-xglr-div-sj2 {
		font-size: calc(24/768*100vw);
		margin-left: calc(20/768*100vw);
	}

	.list-xglr-bt {
		background-color: #0c0c0c70;
		width: calc(630/768*100vw);
		color: white;
		position: absolute;
		display: flex;
		align-items: center;
		font-size: calc(30/768*100vw);
		z-index: 10;
		bottom: 0;
		left: 0;
		justify-content: center;
		height: calc(70/768*100vw);
	}

	.list-jtdj {
		margin-top: calc(40/768*100vw);
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(calc(320/768*100vw), 1fr));
		 grid-gap: 20px; 
		align-items: center;
		justify-content: space-between;
		justify-items: stretch;

	}

	.list-jtdj-div {
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 0 calc(20/1920*100vw) 0 calc(20/1920*100vw);
		background-color: #f0f0f0;
		font-size: calc(24/768*100vw);
		width: calc(320/768*100vw);
		height:calc(50/768*100vw) ;
		margin-bottom: calc(40/768*100vw);
	}

	.list-jtdj-img {
		width: calc(320/768*100vw);
	}

	.list-jtdj-img1 {
		display: none;
		width: calc(320/768*100vw);
	}


	.list-y {
		display: none;
	}

	.list-dis-y {
		padding-left: calc(20/1920*100vw);
		border: 1px solid #F0F0F0;
		color: #000;
		display: flex;
		font-size: calc(30 / 1920* 100vw);
	}

	.timeline-div {
		border: 1px solid #F0F0F0;
		padding-top: calc(40/1920*100vw);
		padding-bottom: calc(40/1920*100vw);
	}

	.timeline {
		position: relative;
	}

	.timeline::after {
		content: '';
		position: absolute;
		width: calc(2/1920*100vw);
		background-color: #ccc;
		top: 0;
		bottom: 0;
		left: 10%;
		margin-left: calc(-3/1920*100vw);
	}

	.container {
		padding: calc(10/1920*100vw) calc(40/1920*100vw);
		position: relative;
		background-color: inherit;
		width: calc(300/1920*100vw);
	}

	.container::after {
		content: '';
		position: absolute;
		width: calc(25/1920*100vw);
		height: calc(25/1920*100vw);
		right: calc(17/1920*100vw);
		background-color: white;
		border: calc(2/1920*100vw) solid #ccc;
		top: calc(15/1920*100vw);
		border-radius: 50%;
		z-index: 1;
	}

	.left {
		left: 0;
	}

	.right {
		left: 10%;
	}

	.right::after {
		left: calc(-17/1920*100vw);
	}

	.content {
		width: calc(300/1920*100vw);
		background-color: white;
		position: relative;
	}

	.content-div {
		font-size: calc(24/1920*100vw);
		width: calc(300/1920*100vw);
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		white-space: normal;
	}

	.content-sj {
		font-size: calc(20/1920*100vw);
		color: #898989 !important;
		margin-top: calc(10/1920*100vw);
		margin-bottom: calc(18/1920*100vw);
	}

	.content:hover>.content-sj {
		color: red !important;
	}

	.content:hover>.content-div {
		color: red;
	}

	.content-img-div {
		display: flex;
		padding: calc(20/1920*100vw);
		justify-content: space-evenly;
	}

	.content-img-bk {
		width: calc(85/1920*100vw);
		height: calc(137/1920*100vw);
	}

	.content-img {
		width: calc(85/1920*100vw);
		height: calc(137/1920*100vw);
		object-fit: contain;
	}

	.content-text {
		font-size: calc(25/1920*100vw);
	}

	.content-text-divimg {
		margin-top: calc(20/1920*100vw);
		margin-bottom: calc(20/1920*100vw);
		display: flex;
		font-size: calc(20/1920*100vw);
		color: #898989;
	}

	.content-text-img {
		width: calc(16/1920*100vw);
		height: calc(24/1920*100vw);
		margin-right: calc(20/1920*100vw);
	}

	.content-text-img1 {
		display: none;
		width: calc(16/1920*100vw);
		height: calc(24/1920*100vw);
		margin-right: calc(20/1920*100vw);
	}

	.content-a-img {
		width: calc(96/1920*100vw);
		height: calc(25/1920*100vw);
		margin-top: calc(10/1920*100vw);
	}

	.content-a-img1 {
		display: none;
		width: calc(96/1920*100vw);
		height: calc(25/1920*100vw);
		margin-top: calc(10/1920*100vw);
	}

	.carousel {
		position: relative;
		width: calc(700/768*100vw);
		height: calc(600/768*100vw);
		margin: 0 auto;
		/* 水平居中，，，更精练的写法 */
		overflow: hidden;
	}

	/* 轮播图内部图片容器样式 */
	.carousel-inner {
		margin-top: calc(60/768*100vw);
		display: flex;
		transition: transform 0.5s ease;
	}

	/* 单个轮播图片项样式 */
	.carousel-item {
		min-width: 100%;
		display: none;
		/* 初始隐藏，，，通过添加 active 类来显示，，，便于实现淡入淡出效果 */
		transition: opacity 0.5s ease;
	}

	/* 显示状态下的轮播图片项样式 */
	.active {
		display: block;
	}

	/* 轮播图图片样式，，，确保图片占满轮播项宽度并准确显示 */
	.carousel-item img {
		width: 100%;
		object-fit: contain;
		display: block;
	}

	/* 小圆点容器样式，，，定位在轮播图底部并水平居中 */
	.carousel-dots {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-top: calc(80/768*100vw);
		margin-bottom: calc(60/768*100vw);
		width: 100%;
	}

	/* 单个小圆点样式 */
	.dot {
		margin-left: calc(20/768*100vw);
		margin-right: calc(20/768*100vw);
		cursor: pointer;
		height: calc(20/768*100vw);
		width: calc(20/768*100vw);
		background-color: white;
		border-radius: 50%;
		border: solid #ccc calc(3/768*100vw);
		display: inline-block;
		transition: background-color 0.5s ease;
	}

	/* 激活状态（对应图片显示时）或鼠标悬停时的小圆点样式 */
	.dot.active,
	.dot:hover {
		background-color: red;
		border: solid red calc(3/768*100vw);
	}

	.pc {
		display: none;
	}

	.list-dis-b1 {
       padding: calc(5/768*100vw);
		color: #ccc;
		font-size: calc(25 / 768* 100vw);
	}
}<!--耗时1767344165.9217秒-->