.maintenance {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.maintenance-box {
	display: flex;
	flex-flow: row wrap;
	margin: 2% auto;
}

.maintenance-card {
	width: 30%;
	height: auto;
	margin: 0 auto;
	border: 1px #ececec solid;
}
.maintenance-card img{
    width: 100%;
	height: auto;
}
.maintenance-text h4{
  text-align: center;
  margin-top: 2%;
}

.maintenance-box-text{
	width: 90%;
	display: flex;
	flex-flow: row wrap;
	margin: 1% auto;

}
.maintenance-box-text strong{
	width:65%;
	height: auto;
	font-size: 20px;
    margin: 0 auto;
	text-align: center;

}
.maintenance-card .more{
	margin: 0 auto;
}
.maintenance-card .more {
width: 60%;
height: auto;
color: white;
font-size: 18px;
text-align: center;
background-color: #c9a084;
}

.understand {
	width: 26%;
	height: 12%;
	border-radius: 25px;
	background-color: #00603b;
}
.understand p {
	text-align: center;
}

.understand a {
	text-align: center;
	text-decoration: none;
	color: white;
}
.adout{
	width: 100%;
	height: auto;
	
	margin: 0 auto;
   padding-top: 1%;
}
.about-text{
   width: 1200px;
   height: auto;
   background-image: url("../../img/folder/index/关于我们-背景.jpg");
   margin: 0 auto;
   padding: 3% 2%;
}
.about-text p{
	width: 70%;
	height: auto;
	 margin: 0 auto;
	color: white;
	font-size: 16px;
}
.about-text-title{
	width: 20%;
	margin: 2% auto 0;
	display: flex;
	justify-content: space-between;
	
}
.about-text-title h5{
	color: white;	
	border: 1px #c9a084 solid;
	padding: 2% 1%;
}
.about-text-title h5 a{
	color: white;
}
.about-text-title h5:first-child{
	padding: 2% 1%;
   background-color: #c9a084;
}
.inspect-banner{
	max-width: 1920px;
	height: auto;
	margin: 0 auto;
	padding-top: 1%;
}


.inspect{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
}
.inspect-card{
	width: 30%;
	height: auto;
	margin: 2% auto;
	background-color: white;
	border-radius: 1px;
	overflow: hidden;
	position: relative;
}
.inspect-card .inspect-box-text{
	content:'';
	width: 100%;
	height:100%;
	opacity: 0;
	transform: translateX(-50%);
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 1;
	transition: all 0.4s ease;
	padding: 1%;
	background-color: #c9a084;
	font-size: 24px;
}
.inspect-card:hover .inspect-box-text{
	width: 100%;
	height: 100%;
	color: white;
	opacity: 1;
	transform: translateX(-50%);
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 2;
	transition: all 0.7s ease;
	padding: 1%;
	text-align: center;
}
.inspect-card img{
	width: 100%;
	height: auto;
	border-radius:10px 10px 0 0 ;
}
.inspect-text{
	width: 95%;
	height: auto;
	margin:2% auto;
}
.inspect-text h3{
	text-align: center;
	font-size: 24px;
}
.inspect-text span{
	font-size: 36px;
}
.news{
  width: 1200px;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
}
.new .label{
	width: 98%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px #c9a084 solid;
}
.new .label h5{
	background-color: #c9a084;
	color: white;
	padding: 1%;
}
.new{
	width: 45%;
	height: auto;
}
.new a{
	text-decoration:none;
	color: #000;
}
.information{
	width: 95%;
	display: flex;
	justify-content: space-between;
}
.information a{
	width: 40%;
	height: 60%;
}
.information a img{
	width: 100%;
	height: auto;
}
.information-text{
	width: 55%;
	height: auto;
}
.information-text p{
	font-size: 14px;
}
.new ul li {
	width: 95%;
	height: auto;
}
.new ul li a{
	font-size:20px;
}
.new ul li span{
	font-size:18px;
	float:right;
	clear:none;
}
.new-text-box h6 span{
	float:right;
	clear:none;
	color: #848484;
}
@media screen and (max-width:1220px){
	
.maintenance {
	width: 98%;
	height: auto;
	margin: 0 auto;
}
.maintenance-box {
	display: flex;
	flex-flow: row wrap;
	margin: 2% auto;
}

.maintenance-card {
	width: 30%;
	height: auto;
	margin: 0 auto;
	border: 1px #ececec solid;
}
.maintenance-card img{
    width: 100%;
	height: auto;
}
.maintenance-text h4{
  text-align: center;
  margin-top: 2%;
}

.maintenance-box-text{
	width: 90%;
	display: flex;
	flex-flow: row wrap;
	margin: 1% auto;

}
.maintenance-box-text strong{
	width:65%;
	height: auto;
	font-size: 20px;
    margin: 0 auto;
	text-align: center;

}
.maintenance-card .more{
	margin: 0 auto;
}
.maintenance-card .more {
width: 60%;
height: auto;
color: white;
font-size: 18px;
text-align: center;
background-color: #c9a084;
}

.understand {
	width: 26%;
	height: 12%;
	border-radius: 25px;
	background-color: #00603b;
}
.understand p {
	text-align: center;
}

.understand a {
	text-align: center;
	text-decoration: none;
	color: white;
}
.adout{
	width: 100%;
	height: auto;
	margin: 0 auto;
   padding-top: 1%;
}
.about-text{
   width: 100%;
   height: auto;
   background-image: url("../../img/folder/index/关于我们-背景.jpg");
   margin: 0 auto;
   padding: 3% 2%;
}
.about-text p{
	width: 70%;
	height: auto;
	 margin: 0 auto;
	color: white;
	font-size: 16px;
}
.about-text-title{
	width: 20%;
	margin: 2% auto 0;
	display: flex;
	justify-content: space-between;
	
}
.about-text-title h5{
	color: white;	
	border: 1px #c9a084 solid;
	padding: 2% 1%;
}
.about-text-title h5:first-child{
	padding: 2% 1%;
   background-color: #c9a084;
}
.inspect-banner{
	max-width:100%;
	height: auto;
	margin: 0 auto;
	padding-top: 1%;
}


.inspect{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
}
.inspect-card{
	width: 30%;
	height: auto;
	margin: 2% auto;
	background-color: white;
	border-radius: 1px;
	overflow: hidden;
	position: relative;
}
.inspect-card .inspect-box-text{
	content:'';
	width: 100%;
	height:100%;
	opacity: 0;
	transform: translateX(-50%);
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 1;
	transition: all 0.4s ease;
	padding: 1%;
	background-color: #c9a084;
	font-size: 32px;
}
.inspect-card:hover .inspect-box-text{
	width: 100%;
	height: 100%;
	color: white;
	opacity: 1;
	transform: translateX(-50%);
	position: absolute;
	top: 0%;
	left: 50%;
	z-index: 2;
	transition: all 0.7s ease;
	padding: 1%;
	text-align: center;
}
.inspect-card img{
	width: 100%;
	height: auto;
	border-radius:10px 10px 0 0 ;
}
.inspect-text{
	width: 95%;
	height: auto;
	margin:2% auto;
}
.inspect-text h3{
	text-align: center;
	font-size: 24px;
}
.inspect-text span{
	font-size: 36px;
}
.news{
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-flow: row wrap;
}
.new{
	width: 45%;
	height: auto;
}
.new a{
	text-decoration:none;
	color: #000;
}
.information{
	width: 95%;
	display: flex;
	justify-content: space-between;
}
.information a{
	width: 40%;
	height: 60%;
}
.information a img{
	width: 100%;
	height: auto;
}
.information-text{
	width: 55%;
	height: auto;
}
.information-text p{
	font-size: 14px;
}
.new ul li {
	width: 95%;
	height: auto;
}
.new ul li a{
	font-size:20px;
}
.new ul li span{
	font-size:18px;
	float:right;
	clear:none;
}
.new-text-box h6 span{
	float:right;
	clear:none;
	color: #848484;
}

}
@media screen and (max-width:768px){
	.maintenance {
		width: 98%;
		height: auto;
		margin: 0 auto;
	}
	.maintenance-box {
		display: flex;
		flex-flow: row wrap;
		margin: 2% auto;
	}
	.maintenance-box::after{
		content: "";
		width: 48%;
	}
	.maintenance-card {
		width: 48%;
		height: auto;
		margin: 0 auto;
		border: 1px #ececec solid;
	}
	.maintenance-card img{
		width: 100%;
		height: auto;
	}
	.maintenance-text h4{
	  text-align: center;
	  margin-top: 2%;
	}
	
	.maintenance-box-text{
		width: 90%;
		display: flex;
		flex-flow: row wrap;
		margin: 1% auto;
	
	}
	.maintenance-box-text strong{
		width:65%;
		height: auto;
		font-size: 20px;
		margin: 0 auto;
		text-align: center;
	
	}
	.maintenance-card .more{
		margin: 0 auto;
	}
	.maintenance-card .more {
	width: 60%;
	height: auto;
	color: white;
	font-size: 18px;
	text-align: center;
	background-color: #c9a084;
	}
	
	.understand {
		width: 26%;
		height: 12%;
		border-radius: 25px;
		background-color: #00603b;
	}
	.understand p {
		text-align: center;
	}
	
	.understand a {
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.adout{
		width: 100%;
		height: auto;
		
		margin: 0 auto;
	   padding-top: 1%;
	}
	.about-text{
	   width: 100%;
	   height: auto;
	   background-image: url("../../img/folder/index/关于我们-背景.jpg");
	   margin: 0 auto;
	   padding: 3% 2%;
	}
	.about-text p{
		width: 80%;
		height: auto;
		 margin: 0 auto;
		color: white;
		font-size: 16px;
	}
	.about-text-title{
		width: 40%;
		margin: 2% auto 0;
		display: flex;
		justify-content: space-between;
		
	}
	.about-text-title h5{
		color: white;	
		border: 1px #c9a084 solid;
		padding: 2% 1%;
	}
	.about-text-title h5:first-child{
		padding: 2% 1%;
	   background-color: #c9a084;
	}
	.inspect-banner{
		max-width:100%;
		height: auto;
		margin: 0 auto;
		padding-top: 1%;
	}
	
	
	.inspect{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.inspect-card{
		width: 30%;
		height: auto;
		margin: 2% auto;
		background-color: white;
		border-radius: 1px;
		overflow: hidden;
		position: relative;
	}
	.inspect-card .inspect-box-text{
		content:'';
		width: 100%;
		height:100%;
		opacity: 0;
		transform: translateX(-50%);
		position: absolute;
		top: 0%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 1%;
		background-color: #c9a084;
		font-size: 32px;
	}
	.inspect-card:hover .inspect-box-text{
		width: 100%;
		height: 100%;
		color: white;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 0%;
		left: 50%;
		z-index: 2;
		transition: all 0.7s ease;
		padding: 1%;
		text-align: center;
	}
	.inspect-card img{
		width: 100%;
		height: auto;
		border-radius:10px 10px 0 0 ;
	}
	.inspect-text{
		width: 95%;
		height: auto;
		margin:2% auto;
	}
	.inspect-text h3{
		text-align: center;
		font-size: 24px;
	}
	.inspect-text span{
		font-size: 36px;
	}
	.news{
	  width: 100%;
	  height: auto;
	  margin: 0 auto;
	  display: flex;
	  flex-flow: row wrap;
	}
	.new{
		width: 45%;
		height: auto;
	}
	.new a{
		text-decoration:none;
		color: #000;
	}
	.information{
		width: 95%;
		display: flex;
		justify-content: space-between;
	}
	.information a{
		width: 40%;
		height: 60%;
	}
	.information a img{
		width: 100%;
		height: auto;
	}
	.information-text{
		width: 55%;
		height: auto;
	}
	.information-text h5{
		font-size: 12px;
	}
	.information-text p{
		font-size: 10px;
	}
	.new ul li {
		width: 95%;
		height: auto;
	}
	.new ul li a{
		font-size:14px;
	}
	.new ul li span{
		font-size:12px;
		float:right;
		clear:none;
	}
	.new-text-box h6 {
		font-size: 14px;
	}
	.new-text-box h6 span{
		float:right;
		clear:none;
		color: #848484;
		clear:none;
	}
	.new-text-box p{
		font-size: 10px;
	}
}
@media screen and (max-width:600px){
    .maintenance {
		width: 98%;
		height: auto;
		margin: 0 auto;
	}
	.maintenance-box {
		display: flex;
		flex-flow: row wrap;
		margin: 2% auto;
	}
	.maintenance-box::after{
		content: "";
		width: 48%;
	}
	.maintenance-card {
		width: 90%;
		height: auto;
		margin: 0 auto;
		border: 1px #ececec solid;
	}
	.maintenance-card img{
		width: 100%;
		height: auto;
	}
	.maintenance-text h4{
	  text-align: center;
	  margin-top: 2%;
	}
	
	.maintenance-box-text{
		width: 90%;
		display: flex;
		flex-flow: row wrap;
		margin: 1% auto;
	
	}
	.maintenance-box-text strong{
		width:65%;
		height: auto;
		font-size: 12px;
		margin: 0 auto;
		text-align: center;
	
	}
	.maintenance-card .more{
		margin: 0 auto;
	}
	.maintenance-card .more {
	width: 60%;
	height: auto;
	color: white;
	font-size: 18px;
	text-align: center;
	background-color: #c9a084;
	}
	
	.understand {
		width: 26%;
		height: 12%;
		border-radius: 25px;
		background-color: #00603b;
	}
	.understand p {
		text-align: center;
	}
	
	.understand a {
		text-align: center;
		text-decoration: none;
		color: white;
	}
	.adout{
		width: 100%;
		height: auto;
		
		margin: 0 auto;
	   padding-top: 1%;
	}
	.about-text{
	   width: 100%;
	   height: auto;
	   background-image: url("../../img/folder/index/关于我们-背景.jpg");
	   margin: 0 auto;
	   padding: 3% 2%;
	}
	.about-text p{
		width: 90%;
		height: auto;
		 margin: 0 auto;
		color: white;
		font-size: 16px;
	}
	.about-text-title{
		width: 60%;
		margin: 2% auto 0;
		display: flex;
		justify-content: space-between;
		
	}
	.about-text-title h5{
		color: white;	
		border: 1px #c9a084 solid;
		padding: 2% 1%;
	}
	.about-text-title h5:first-child{
		padding: 2% 1%;
	   background-color: #c9a084;
	}
	.inspect-banner{
		max-width:100%;
		height: auto;
		margin: 0 auto;
		padding-top: 1%;
	}
	
	
	.inspect{
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: flex;
		flex-flow: row wrap;
	}
	.inspect-card{
		width: 90%;
		height: auto;
		margin: 2% auto;
		background-color: white;
		border-radius: 1px;
		overflow: hidden;
		position: relative;
	}
	.inspect-card .inspect-box-text{
		content:'';
		width: 100%;
		height:100%;
		opacity: 0;
		transform: translateX(-50%);
		position: absolute;
		top: 0%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 1%;
		background-color: #c9a084;
		font-size: 32px;
	}
	.inspect-card:hover .inspect-box-text{
		width: 100%;
		height: 100%;
		color: white;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 0%;
		left: 50%;
		z-index: 2;
		transition: all 0.7s ease;
		padding: 1%;
		text-align: center;
	}
	.inspect-card img{
		width: 100%;
		height: auto;
		border-radius:10px 10px 0 0 ;
	}
	.inspect-text{
		width: 95%;
		height: auto;
		margin:2% auto;
	}
	.inspect-text h3{
		text-align: center;
		font-size: 24px;
	}
	.inspect-text span{
		font-size: 36px;
	}
	.news{
	  width: 100%;
	  height: auto;
	  margin: 0 auto;
	  display: flex;
	  flex-flow: row wrap;
	}
	.new{
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.new a{
		text-decoration:none;
		color: #000;
	}
	.information{
		width: 95%;
		display: flex;
		justify-content: space-between;
	}
	.information a{
		width: 40%;
		height: 60%;
	}
	.information a img{
		width: 100%;
		height: auto;
	}
	.information-text{
		width: 55%;
		height: auto;
	}
	.information-text h5{
		font-size: 12px;
	}
	.information-text p{
		font-size: 10px;
	}
	.new ul li {
		width: 95%;
		height: auto;
	}
	.new ul li a{
		font-size:14px;
	}
	.new ul li span{
		font-size:12px;
		float:right;
		clear:none;
	}
	.new-text-box h6 {
		font-size: 14px;
	}
	.new-text-box h6 span{
		float:right;
		clear:none;
		color: #848484;
		clear:none;
	}
	.new-text-box p{
		font-size: 10px;
	}
}