body {
	background-color: #f5f5f5;
}

.total-header {
	position: inherit !important;
}

.pc-nav ul li a {
	color: #585858;
}

.me-index-height {
	height: 479px;
}

.me-product-img {
	margin-top: -4px;
}

.me-product-img img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.me-product-lb {
	height: 789px;
	overflow: hidden;
}

.me-product-flex {
	display: flex;
	width: 100%;
	position: absolute;
	bottom: 0px;
}

.me-product-flex li {
	display: inline-block;
	width: 17%;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 1.2rem;
	background-color: rgba(255, 255, 255, 0.35);
	cursor: pointer;
}

.me-product-flex li:hover {
	background-color: #1eb6b8 !important;
	color: #ffffff;
}

.me-product-flex li:nth-child(2n) {
	background-color: rgba(223, 223, 223, 0.35);
}

.me-product-img {
	position: relative;
	height: 789px;
}

.me-copywriting-title {
	position: absolute;
	text-align: left;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 40%;
}

.me-product-active {
	background-color: #1eb6b8 !important;
	color: #fff;
}

.me-copywriting-title h1 {
	font-size: 3.75rem;
	margin-bottom: 30px;
	color: #032426;
}

.me-copywriting-title div {
	width: 34%;
	font-size: 20px;
	line-height: 26px;
	color: #182121;
}

.me-detail-btn {
	display: inline-block;
	width: 126px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 0.625rem;
	margin-top: 16px;
	color: #072628;
	cursor: pointer;
}

.me-smart-canteen {
	height: 620px;
	background-size: 100% cover;
	position: relative;
}

.me-bg-images {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.me-smart-con {
	margin: 0 auto;
	position: absolute;
	left: 66%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.me-smart-con .me-smart-title {
	font-size: 1.75rem;
	margin-bottom: 30px;
}

.me-letter-con {
	display: flex;
	margin-bottom: 30px;
}

.me-letter-con img {
	width: 40px;
	height: 40px;
	margin-right: 14px;
}

.me-letter-con span {
	display: inline-block;
}

.me-project {
	height: 620px;
	position: relative;
}

.me-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(25, 25, 25, 0.54);
}

.me-project-con {
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	line-height: 15pc;
	text-align: center;
}

.me-project-rotation {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 0px);
}

.me-project-active {
	border: 2px solid #1eb6b8;
}

.me-project-rotation .me-project-bolck {
	display: inline-block;
	height: 160px;
	line-height: 160px;
	width: 20%;
	background-color: #1eb6b8;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	margin-left: 20px;
	color: #ffffff;
	font-size: 1.625rem;
	cursor: pointer;
}

.me-project-bolck:hover .me-mini-title {
	color: #1eb6b8;
}

.me-project-rotation img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.me-project-tiltle {
	font-size: 2.25rem;
	color: #ffffff;
}

.me-mini-title {
	color: #ffffff;
	font-size: 1rem;
}

.me-project-number {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	border: 1px solid #ffffff;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	border-radius: 3px;
}

.me-company {
	height: 766px;
	background-image: url(images/headers/company.png);
	background-size: 100% 100%;
}

.me-company-con {
	margin: 0 auto;
	padding-top: 64px;
}

.me-company-title {
	text-align: center;
}

.me-company-title p:nth-child(1) {
	font-size: 2.375rem;
	color: #585858;
	font-weight: 600;
}

.me-company-title p:nth-child(2) {
	font-size: 1rem;
	color: #1cb2b5;
	font-weight: 500;
	padding-top: 10px;
	padding-bottom: 10px;
}

.me-company-p p {
	margin-top: 20px;
	line-height: 32px;
}

.me-company-block {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.me-company-block .me-con-block {
	display: inline-block;
	width: 20%;
	height: 200px;
	border-radius: 10px;
	background-color: #ffffff;
	text-align: center;
	position: relative;
}

.me-con-block span {
	display: block;
}

.me-company-position {
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.me-company-position span:nth-child(1) {
	font-size: 2.6rem;
	font-weight: 700;
	color: #1eb6b8;
}

.me-company-position span:nth-child(2) {
	font-size: 1.375rem;
	color: #010d0e;
}

.me-detail-btn span {
	display: inline-block;
	width: ;
}

.me-company-bg {
	background-color: #1eb6b8;
	color: #ffffff;
	margin: 0 auto;
}

.me-company-center {
	text-align: center;
	margin-top: 50px;
}

.me-real-info {
	margin-top: 24px;
	margin-bottom: 18px;
}

.me-real-info span:nth-child(1) {
	font-size: 2.375rem;
	color: #585858;
}

.me-real-info span:nth-child(2) {
	font-size: 1.625rem;
	color: #1eb6b8;
	cursor: pointer;
}

.me-news-shop {
	width: 330px;
	height: 382px;
	border-radius: 10px;
	display: inline-block;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

/* .me-news-shop:hover{
	background-image: linear-gradient(to top, #1eb6b8, #ffffff );
} */

.me-news-images {
	width: 100%;
	height: 238px;
	background-color: #ffffff;
	overflow: hidden;
	position: relative;
}

.me-news-title {
	font-size: 1.125rem;
	color: #171717;
	padding: 16px;
	font-weight: bold;
}

.me-news-tro {
	font-size: 0.875rem;
	padding: 0px 16px;
	color: #171717;
}

.me-news-time {
	display: inline-block;
	width: 110px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #1aaaad;
	color: #1aaaad;
	position: absolute;
	right: -8px;
	bottom: 12px;
	text-align: center;
}

.me-news-list {
	width: 100%;
}

.me-news-list-title {
	text-align: center;
	display: flex;
	align-items: center;
	background: linear-gradient(to right, #fff, #fff);
	padding: 16px;
	margin-bottom: 20px;
	border-radius: 10px;
	cursor: pointer;
	transition: background 2.8s ease-out;
}

.me-news-list-title:hover {
	box-shadow: 0px 8px 16px rgba(25, 25, 25, 0.1);
	transform: translateY(-8px);
	transition: all 0.3s;
}

.me-news-shop {
	margin-right: 30px;
}

.me-news-time-width {
	width: 126px;
}

.me-news-list-con {
	text-align: left;
	font-size: 0.875rem;
	color: #585858;
}

.me-news-time-width p:nth-child(1) {
	font-size: 1.375rem;
	color: #252525;
}

.me-news-time-width p:nth-child(2) {
	font-size: 1rem;
	color: #585858;
}

.img-number {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border: 1px solid #d1d1d1;
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translate(0, 50%);
}

.me-news-images img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.me-news-shop:hover {
	transform: translateY(-8px);
	transition: all 0.3s;
	box-shadow: 0px 8px 16px rgba(25, 25, 25, 0.1);
}

.me-flex-img {
		position: relative;
	    display: flex;
	    height: 789px;
	    object-fit: cover;
}
.me-flex-img img{
	flex: 0 0 100%;
}

.rz-width{
	margin: auto;
}
.rz-width div{
	text-align: center;
	width: 100%;
}
 .rz-width div p{
	 color: #0bc8e4;
 }

.me-flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.rz-width img{
	width: 100%;
}

.a-news{
	display: inline-block;
	width: 30%;
}

.news-list-bg{
	display: inline-block;
	width: 70%;
}

.me-phone-img{
	display: none;
}

@media screen and (max-width: 1200px) {
	html {
		font-size: 14px;
	}

	.total-main {
		width: 94%;
	}

	.me-phone-smart {
		display: none;
	}

	.me-smart-con {
		position: initial;
		transform: initial;
		margin-left: 16px;
		margin-right: 16px;
		margin-top: 30px;
	}

	.me-smart-canteen {
		height: auto;
	}

	.me-news-list {
		display: none;
	}

	.me-news-shop {
		width: 50%;
		height: 382px;
		border-radius: 10px;
		display: inline-block;
		background-color: #ffffff;
		overflow: hidden;
		position: relative;
	}

	.me-news-shop:nth-child(2) {
		margin-right: 0px;
	}

	.me-news-images img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.me-real-info {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	.me-web-img{
		display: none;
	}
	.me-phone-img{
		display: block;
	}
	.me-flex-img{
		display:none;
	}
	.phone-width{
		width: 100%;
	}
	.total-header {
		position: absolute !important;
	}

	.me-news-shop:hover {
		background-image: linear-gradient(to top, #ffffff, #ffffff);
	}

	.me-project-number {
		display: none;
	}

	.total-phone {
		display: block;
		position: relative;
		height: 460px;
	}

	.me-web-img {
		display: none;
	}

	.me-index-height {
		height: 460px;
		position: relative;
	}

	.me-letter-position {
		position: absolute;
		bottom: 96px;
		left: 22px;
		width: 70%;
	}

	.me-letter-position p:nth-child(1) {
		font-size: 1.625rem;
		color: #000000;
		font-weight: 900;
	}

	.me-letter-position p:nth-child(2) {
		font-size: 0.75rem;
		line-height: 24px;
	}

	.me-broadcast {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		width: 200px !important;
		height: 200px !important;
	}

	.me-product-flex {
		display: none;
	}

	.me-product-img {
		height: 460px;
	}

	.me-product-lb {
		height: 460px;
		position: relative;
	}

	.me-copywriting-title {
		top: 20%;
	}

	.me-copywriting-title {
		z-index: 1;
		text-align: center;
	}

	.me-copywriting-title h1 {
		font-size: 2rem;
		margin-bottom: 12px;
		color: #ffffff;
	}

	.me-copywriting-title div {
		width: 100%;
		font-size: 0.75rem;
		color: rgba(255, 255, 255, 0.54);
	}

	.me-smart-con h1 {
		text-align: center;
		font-size: 1.625rem;
		margin-bottom: 30px;
	}

	.me-letter-con {
		margin-bottom: 12px;
		background: #ffffff;
		padding: 10px;
		border-radius: 10px;
	}

	.me-project-con {
		line-height: initial !important;
	}

	.me-project-tiltle {
		font-size: 2.125rem;
		color: #ffffff;
		margin-bottom: 50px;
	}

	.me-project-rotation .me-project-bolck {
		height: 70px !important;
		line-height: 70px;
		width: 18%;
		font-size: 1rem;
	}

	.me-project-active {
		border: 2px solid #1eb6b8;
	}

	.me-mini-title {
		display: none;
	}

	.me-project {
		height: 346px;
	}

	.me-project-rotation .me-project-bolck:nth-child(1) {
		margin-left: 0px;
	}

	.me-company-block .me-con-block {
		width: 48%;
		height: 120px;
		margin-bottom: 18px;
	}

	.me-company-block {
		flex-wrap: wrap;
	}

	.me-company {
		height: auto;
		padding-bottom: 40px;
	}

	.me-company-con {
		padding-top: 22px;
	}

	.me-web-none {
		display: none;
	}

	.me-news-shop {
		width: 100%;
	}

	.me-news-shop {
		margin-right: 0px;
	}

	.me-footer-top {
		padding-top: 30px;
	}

	.me-zx-center {
		width: 100%;
		background-color: #ffffff;
	}

	.me-real-info {
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 16px;
	}

	.me-company-center {
		margin-top: 22px;
	}

	.me-news-images {
		width: 94%;
		margin: 0 auto;
		border-radius: 10px;
	}

	.me-real-info span:nth-child(2) {
		font-size: 1rem;
	}

	.pc-nav ul li a {
		color: #585858 !important;
	}
}