html {
	/* font-size: 16px; */
	/* font-size: 18.5px; */
	/* font-size: 18.34px; */
	/* font-size: 13.8.5rem; */
}

.page {
	position: relative;
	/*  width: 103.75rem;*/
	/* height: 356.125rem; */
	overflow: hidden;
	margin: 0 auto;
}

.block_1 {
	/*  width: 103.75rem;*/
	/* height: 356.125rem; */
}



/*     你好，碳中和     */
.group_1 {
	position: relative;
	width: 103.75rem;
	height: 91rem;
	background: url(./images/tzh_bj.png) 100% no-repeat;
	background-size: 100% 100%;
}

.vide_item {
	width: 100%;
	height: 100%;
}

.section {
	width: 77.125rem;
	height: 42.125rem;
	position: absolute;
	left: 12.25rem;
	top: 42rem;
	z-index: 3;
}

.image_2 {
	width: 2.125rem;
	height: 42.125rem;
}

.section_1 {
	background-color: rgba(0, 0, 0, 1);
	height: 35.125rem;
	width: 65rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
}

.image-wrapper_2 {
	background-color: rgba(0, 0, 0, 0.3);
	height: 42.125rem;
	width: 75rem;
}


.image-wrapper_1 {
	width: 77rem;
	height: 45.063rem;
	position: absolute;
	left: 14.375rem;
	top: 45.938rem;
	z-index: 2;
}

.image_3 {
	width: 76rem;
	height: 31.625rem;
	margin-left: 1rem;
}

.image_4 {
	width: 75rem;
	height: 6.938rem;
}



/*     “碳中和”科普资讯     */
.group_2 {
	background-color: rgba(255, 255, 255, 1);
	width: 100%;
	height: 48.75rem;
}

.group_2_bg {
	background: url(./images/zdgzytzh.png) 100% no-repeat;
	background-size: 100% 100%;
	width: 103.75rem;
	height: 53.75rem;
}

.group_header {
	margin-top: 3.4375rem;
}

.text_1 {
	background-image: linear-gradient(90deg,
			rgba(255, 187, 0, 1), rgba(173, 121, 0, 1));
	overflow-wrap: break-word;
	color: rgba(22, 96, 58, 1);
	font-size: 2.625rem;
	font-family: SourceHanSerifCN-Heavy;
	font-weight: 900;
	text-align: center;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.image_6 {
	width: 60.125rem;
	height: 1.188rem;
}


.box_1 {
	width: 74.938rem;
	height: 24.813rem;
	margin-top: 3.25rem;
}

.box_item {
	background-color: #ffffff;
	width: 24rem;
	height: 24.8125rem;
	border: 1px solid #e4e0b7;
}

.item_img {
	background-color: #000000;
	width: 23.9375rem;
	height: 14.5rem;
}

.item_images {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item_desc {
	width: 23.938rem;
	height: 10.3125rem;
	padding: 1.5625rem;
	/* padding: 1.5rem; */
}

.text_title {
	font-size: 1.375rem;
	font-weight: 700;
	color: #e4a600;
	font-family: Source Han Sans CN;
	margin-bottom: 1.5rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.paragraph {
	color: #666666;
	/* font-size: 1rem; */
	font-size: 0.99rem;
	font-family: Source Han Sans CN;
	text-align: left;
	line-height: 1.6rem;
	width: 100%;
	height: 4.8rem;
	overflow: hidden;
	/* 隐藏超出部分 */
	display: -webkit-box;
	/* 使用弹性盒布局 */
	-webkit-box-orient: vertical;
	/* 垂直布局 */
	-webkit-line-clamp: 3;
	/* 显示的行数 */
	text-overflow: ellipsis;
	/* 文本溢出部分用省略号表示 */
}



.box_7 {
	width: 9.125rem;
	height: 2.563rem;
	border: 0.125rem solid #e4a600;
	margin-top: 2.875rem;
	padding: 0 1.25rem;
	cursor: pointer;
}

.text-group_1 {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 1.25rem;
	color: #e4a600;
}

.thumbnail_1 {
	width: 0.688rem;
	height: 0.938rem;
}



/*     地质工作与碳中和      */
.group_3 {
	width: 100%;
	height: 48.438rem;
	background: url(./images/zdgzytzh.png) 100% no-repeat;
	background-size: 100% 100%;
	margin-top: 2rem;
}


.group_box {
	margin-top: 4.6875rem;
}

.group_4 {
	width: 75rem;
	height: 11.25rem;
}

.group_item {
	background-color: #ffffff;
	width: 36.9375rem;
	height: 11.25rem;
	border: 1px solid #ffda16;
	padding: 1rem;
}

.group_vide {
	background-color: #000000;
	width: 13.75rem;
	height: 9.4375rem;
}

.group_right {
	width: 19.063rem;
	flex-grow: 1;
	height: 7.75rem;
	padding-left: 1.5625rem;
}

.group_title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 1.5rem;
	color: #e4a600;
	margin-bottom: 1.375rem;
	width: calc(100% - 1rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.group_desc {
	height: 5.625rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 1.125rem;
	color: #666666;
	line-height: 1.875rem;
	width: 100%;
	height: 5.625rem;
	overflow: hidden;
	/* 隐藏超出部分 */
	display: -webkit-box;
	/* 使用弹性盒布局 */
	-webkit-box-orient: vertical;
	/* 垂直布局 */
	-webkit-line-clamp: 3;
	/* 显示的行数 */
	text-overflow: ellipsis;
	/* 文本溢出部分用省略号表示 */
}



.group_5 {
	width: 75.125rem;
	height: 12.5rem;
	margin-top: 1.125rem;
}

.box_9 {
	background-color: #ffffff;
	height: 12.5rem;
	width: 24.375rem;
	border: 1px solid #ffda16;
	padding: 2.25rem 1.5rem;
}

.group_6 {
	/* width: 12.375rem;
  height: 1.5rem; */
	/* margin: 2.125rem 0 0 1.438rem; */
}

.box_10 {
	background: #e4a600;
	width: 0.5rem;
	height: 1.5rem;
}

.text_10 {
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 1.375rem;
	color: #333333;
	width: calc(100% - 1rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 1rem;
}

.text_item {
	margin-top: 1.75rem;
	margin-left: 1.5rem;
	/* width: 19.938rem;
  height: 4.75rem;
  margin: 1.75rem 0 2.375rem 2.875rem; */
}

.paragraph_text {
	width: 20rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 1rem;
	color: #666666;
	line-height: 1.875rem;
	width: 100%;
	height: 5.625rem;
	overflow: hidden;
	/* 隐藏超出部分 */
	display: -webkit-box;
	/* 使用弹性盒布局 */
	-webkit-box-orient: vertical;
	/* 垂直布局 */
	-webkit-line-clamp: 3;
	/* 显示的行数 */
	text-overflow: ellipsis;
	/* 文本溢出部分用省略号表示 */
}




/*      “碳中和”图片展      */
.group_10 {
	background: url(./images/zdgzytzh.png) 100% no-repeat;
	background-size: 100% 100%;
	position: relative;
	width: 100%;
	height: 55.313rem;
	/* overflow: hidden; */
}

.section_5 {
	width: 74.813rem;
	height: 30.438rem;
	/* height: 38.125rem; */
	margin-top: 6.688rem;
	/* margin-top: 3rem; */
	/* overflow: hidden; */
	position: relative;
}

.crudItem {
	position: absolute;
	/* overflow: hidden; */
	transition: all 1s ease-in-out;
	/* flex-shrink: 0; 防止图片缩小 */
}

.carousel_1 {
	background: linear-gradient(-45deg, #ffffff, #f8f5ac4d);
	/*  width: 11.813rem;
      height: 23.063rem;
     */
}

/* .carousel_1_text{
  width: 6.875rem;
  height: 10.375rem;
  margin: 5rem 0 0 2.5625rem;
} */

.text_14 {
	font-family: DIN Alternate;
	font-weight: bold;
	font-size: 3rem;
	color: #b9953c;
	line-height: 2.25rem;
	;
}

.paragraph_7 {
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 1.375rem;
	color: #333333;
	line-height: 2.25rem;
	margin-top: 1.3125rem;
}

.carousel_2 {
	background: linear-gradient(0deg, #ffa300, #ffeb9d);
	/* position: relative; */
	/* width: 51.188rem;
  height: 30.438rem; */


	/* left: 11.813rem; */
}

.carousel_1_img,
.carousel_3_img,
.carousel_2_img {
	width: 100%;
	height: 100%;
	position: relative;
}

.carousel_1_text,
.carousel_2_text,
.carousel_3_text {
	width: 6.875rem;
	height: 10.375rem;
	margin: 5rem 0 0 2.563rem;
}

.text_buttom {
	position: absolute;
	left: 0;
	bottom: 1.6875rem;
	width: 100%;
}

.text_15 {
	font-family: DIN Alternate;
	font-weight: bold;
	font-size: 3rem;
	color: #FFFFFF;
	line-height: 2.25rem;
}

.text_16 {
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 1.375rem;
	color: #FFFFFF;
	margin-left: 1.125rem;
}

.image_9 {
	position: absolute;
	left: 50%;
	top: -3.687rem;
	transform: translateX(-50%);
	/* width: 43.313rem;
  height: 28.875rem; */
	width: 83.88%;
	height: auto;
	border: 3px solid #ffffff;
}

.section_8 {
	background: linear-gradient(-45deg, #ffffff, #f8f5ac4d);
	width: 11.813rem;
	height: 23.063rem;
}

.carousel_3 {
	background: linear-gradient(-45deg, #ffffff, #f8f5ac4d);
	/* width: 11.813rem;
      height: 23.063rem;
     */

	/* right: 0; */
}

/* .carousel_3_text {
  width: 6.875rem;
  height: 10.375rem;
  margin: 5rem 0 0 2.563rem;
} */



.prev_left {
	position: absolute;
	left: 24.813rem;
	top: 31rem;
	width: 2.875rem;
	height: 2.875rem;
	cursor: pointer;
	z-index: 99;
}

.nexter_right {
	position: absolute;
	left: 76rem;
	top: 31rem;
	width: 2.875rem;
	height: 2.875rem;
	cursor: pointer;
	z-index: 99;
}


/*     “碳中和”视频集      */
.group_11 {
	position: relative;
	width: 100%;
	height: 62.438rem;
	background: url(./images/tzhspj.png) 100% no-repeat;
	background-size: 100% 100%;
	margin-top: 5.75rem;
}

.block_4 {
	width: 75.063rem;
	height: 36.438rem;
	margin-top: 3.0625rem;
}

.group_12 {
	width: 42.75rem;
	height: 36.4375rem;
}

.box_14 {
	background-color: rgba(0, 0, 0, 1);
	height: 23.813rem;
	width: 42.625rem;
}

.image-wrapper_3 {
	background-color: rgba(0, 0, 0, 0.5);
	height: 23.813rem;
	width: 42.625rem;
}

.image_11 {
	width: 6.688rem;
	height: 6.625rem;
}



.box_15 {
	width: 42.688rem;
	height: 12.313rem;
}


.block_5 {
	background-color: rgba(222, 162, 31, 1);
	height: 12.313rem;
	width: 21.188rem;
	position: relative;
}

.box_gray {
	background-color: rgba(0, 0, 0, 0.5);
	width: 21.188rem;
	height: 2.25rem;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 1.3rem;
}

.play_img {
	width: 1.375rem;
	height: 1.375rem;
}

.play_name {
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 1.25rem;
	color: #FFFFFF;
	width: calc(100% - 1.6rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.block_7 {
	background-color: rgba(222, 162, 31, 1);
	height: 12.313rem;
	width: 21.188rem;
	position: relative;
}

.group_14 {
	width: 32rem;
	height: 36.313rem;
}

.box_16 {
	background-color: rgba(222, 162, 31, 1);
	height: 18.125rem;
	width: 31.938rem;
	position: relative;
}

.box_gray_2 {
	background-color: rgba(0, 0, 0, 0.5);
	width: 31.938rem;
	height: 3.313rem;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 1.5rem;
}

.play_img_2 {
	width: 2rem;
	height: 2rem;
}

.play_name_2 {
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 1.75rem;
	color: #FFFFFF;
	margin-left: .875rem;
	width: calc(100% - 3.5rem);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.box_18 {
	background-color: rgba(222, 162, 31, 1);
	width: 32rem;
	height: 17.938rem;
	position: relative;
}





/* 新增栏目 一 */
.group_15 {
	/* position: relative; */
	width: 100%;
	height: fit-content;
	background: url(./images/tzhspj.png) 100% no-repeat;
	background-size: 100% 100%;
	margin-bottom: 4rem;
	/* margin-top: 5.75rem; */
	/* border: 1px solid red; */
}

.group_cont {
	width: 75.063rem;
	height: fit-content;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.image_7 {
	width: 30.125rem;
	height: 1.188rem;
}

.group_cont_left {
	width: 49%;
}

.group_cont_right {
	width: 49%;
}

.m-main {
	margin-top: 2.5rem;
}

.m-main .m-pic {
	margin-bottom: 1.25rem;
	zoom: 1;
}

.m-main .m-pic:after {
	content: "";
	display: block;
	clear: both;
}

.m-main .m-pic div {
	float: left;
	width: 13.75rem;
	height: 8.75rem;

	width: 14rem;
	height: 9rem;
	/* background-color: #537ec5; */
}

.m-main .m-pic div img {
	width: 13.75rem;
	height: 8.75rem;

	width: 14rem;
	height: 9rem;
}

.m-main .m-pic dl {
	float: right;
	width: 20.625rem;
	margin-right: 1rem;
	margin-top: 0rem;
}

.m-main .m-pic dl dt {
	font-size: 1.25rem;
	padding: 0.375rem 0 0.625rem 0;
	border-bottom: 1px dotted #333;
}

.m-main .m-pic dl dt a {
	color: #333;
}

.m-main .m-pic dl dd {
	font-size: 0.875rem;
	line-height: 1.5625rem;
	margin-top: 0.5rem;
	color: #666;
	margin-left: 0px;
}

.m-main .m-pic dl dd ws-text {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.m-main .m-pic dl dd a {
	color: #537ec5;
}

.m-main ul li {
	font-size: 1.125rem;
	line-height: 2.625rem;
	text-indent: 0.625rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url("../image/list-icon3.png") 0px center no-repeat;
	max-width: 100%;
	max-height: 100%;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

.m-main ul li a {
	color: #333;
}

.box_8 {
	width: 9.125rem;
	height: 2.563rem;
	border: 0.125rem solid #e4a600;
	margin: 0 auto;
	margin-top: 2.875rem;
	padding: 0 1.25rem;
	cursor: pointer;
}


/* 新增栏目2 */

.group_16 {
	/* position: relative; */
	width: 100%;
	height: fit-content;
	background: url(./images/tzhspj.png) 100% no-repeat;
	background-size: 100% 100%;
	margin-top: 5.75rem;
	padding-bottom: 8rem;
	/* border: 1px solid red; */
}


.group_16_cont {
	width: 75rem;
	height: 70rem;
	height: fit-content;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding-bottom: 2rem;
	margin-top: 2rem;
	/* border: 1px solid red; */

}

.m_560 {
	width: 35rem;
	height: 15.6875rem;
	/* overflow: hidden; */
}

.m_560 .m_title {
	font-size: 1.25rem;
	font-weight: bold;
	color: #555555;
	margin-top: 0.625rem;
}

.m_560 .m_zy {
	font-size: 0.875rem;
	color: #888888;
	line-height: 1.25rem;
}

.m_560 .m_list {
	height: 50%;
	padding-bottom: .5rem;
	border-top: 0.125rem dotted #d4d4d4;
	border-bottom: none;
	overflow: hidden;
}

.m_560 .m_list:first-child {
	border-top: none;
}

.m_560 .m_list:first-child .m_title {
	margin-top: 0;
}

.m_560_title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.m_560_cont {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: 0.2rem;
}

.m_570 {
	width: 35.625rem;
	height: 15.6875rem;
}

.m_imgTitle {
	position: absolute;
	left: 0px;
	bottom: -1rem;
	width: 100%;
	height: 3.125rem;
	line-height: 3.125rem;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	overflow: hidden;
}

.m_imgTitle a {
	color: #FFFFFF;
	font-size: 18px;
	padding-left: 10px;
}

.m_570 .m_imgTitle {
	text-align: center;
}

.m_570 .m_imgTitle a {
	padding: 0;
}

.m_570 .m_imgWrap {
	margin-bottom: 1.0625rem;
	position: relative;
	width: 35.625rem;
	height: 15.6875rem;
	overflow: hidden;
}

.m_570 .m_imgWrap img {
	transition: all 0.8s;
	width: 35.625rem;
	height: 15.6875rem;
}

.m_570 .m_imgWrap img:hover {
	transform: scale(1.1);
}

.m_570 .m_imgWrap2 {
	zoom: 1;
	position: relative;
}

.m_570 .m_imgWrap2:after {
	content: "";
	display: block;
	clear: both;
}

.m_570 .m_imgWrap2 .m_small {
	position: relative;
	width: 27.5rem;
	height: 11.3125‬rem;
	overflow: hidden;
}

.m_570 .m_imgWrap2 img {
	transition: all 0.8s;
	width: 27.5rem;
	height: 11.3125‬rem;
}

.m_570 .m_imgWrap2 img:hover {
	transform: scale(1.1);
}