body {
				margin: 0;
				padding: 0;
				background-color: beige;
				font-family: Microsoft Yahei UI, Microsoft Yahei, Arial;
			}

			@font-face {
				font-family: "iconfont";
				/* Project id  */
				src: url('../fonts/iconfont.ttf?t=1701071933345') format('truetype');
			}

			.iconfont {
				font-family: "iconfont" !important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

			.icon-zhinan:before {
				content: "\e666";
			}

			.icon-zhuce:before {
				content: "\e667";
			}

			.icon-denglu:before {
				content: "\e665";
			}

			.icon-bangzhu:before {
				content: "\e668";
			}
			
			.digital{
				width: 100%;
				height: 120px;
				color: #2B2E37; 
				margin-bottom: 10px;
			}
			.main{
				width: 55%;
				height: 120px;
				margin:0 auto;
				font-size: 0;
				min-width: 1050px;
			}

			.mumping_mun li {
				display: inline-block;
				margin: 30px auto;
				margin-bottom: 10px;
			}
			
			.mumping_mun {
				list-style: none;
				display: flex;
			}
			
			.mumping_mun p {
				font-size: 20px;
				width: 100%;
				display: block;
				clear: both;
			}
			
			.mumping_mun h2 {
				font-size: 35px;
				font-weight: normal;
				float: left;
				margin-right: 10px;
			}

			.lh-body {
				margin: 20px auto;
				width: 55%;
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				min-width: 1050px;
			}

			.card-left {
				width: 65%;
				border-radius: 5px;
			}

			.card-right {
				width: 30%;
				border-radius: 5px;
			}

			.card-header {
				background: linear-gradient(to right,
						#009688 0%,
						#5FB878 40%,
						#6cd187 80%);
				color: #fff;
				font-weight: bold;
				font-size: 20px;
				padding-top: 5px;
				border-bottom: 1px solid #fff;
			}

			.body-one {
				height: 190px;
			}

			.card-ul>li {
				display: flex;
				align-items: center;
				flex-wrap: wrap;
				font-size: 15px;
				min-height: 38px;

			}

			.card-ul>li>span {
				text-align: right;
				min-width: 25%;
			}

			.card-ul>li>p {
				width: 75%;
			}
			
			.section {
				position: relative;
				cursor: pointer;
				transition: 0.6s ease;
				width: 33%;
				border-right: 1px solid #fff;
				color: #fff; 
				flex: 1;
				display: flex; 
				justify-content: center; 
				align-items: center;
				flex-wrap: nowrap;
				overflow: hidden;
			}
			
			.section:hover {
			  z-index: 8;
			  flex: 5;
			  box-shadow: 1px 5px 5px #C2C2C2;
			  border-right: 0px;
			 }

			.td-event-des {
				display: flex;
				justify-content: space-between;
			}
			
			.box-dl {
				position: relative;
				width: 100%;
				height: 40%;
				border-bottom: 1px solid #fff;
				background-color: #1E9FFF;
				color: #fff; 
				display: flex; 
				align-items: center;
				overflow: hidden;
				cursor: pointer;
				z-index: 8;
				transition: all .6s ease;
			}
			
			.quick-icon {
				position: absolute;
				border: 2px solid #fff;
				background-color: initial;
				border-radius: 10px; 
				width: 30px; 
				height: 30px;
				padding: 2px;
				opacity: 0;
				top: 250px;
				transition: .8s ease;
			}
			
			.quick-word {
				font-size: 18px; 
				font-weight: bold;
				transition: .5s ease-out;
			}
			
			.dl-div {
				position: relative;
				display: flex;
				align-items: center;
				transition: .5s ease-out;
				padding-left: 10%;
			}
			
			.box-dl:hover {
				box-shadow: 1px 5px 5px #C2C2C2;
			}
			
			.box-dl:hover > .dl-div {
				transform: translateX(40%);
			}
			
			.box-dl:hover > .dl-div > .quick-icon {
				opacity: 1;
				top: -7px;
			}
			
			.box-dl:hover > .dl-div > .quick-word {
				padding-left: 48px;
			}
			
			.quick-div {
				position: relative;
				transition: .5s ease-out;
			}
			
			.section:hover > .quick-div > .quick-word {
				padding-left: 48px;
			}
			
			.section:hover > .quick-div > .quick-icon {
				opacity: 1;
				top: -7px;
			}
			.enterprise-label {
				padding: 0 15px; 
				border-bottom: solid 1px #eee;
			}
			.enterprise-name {
				display: block;
				font-size: 16px;
				padding: 5px 0;
			}
			.enterprise-other {
				display: flex; 
				justify-content: space-between; 
				padding-bottom: 5px;
			}