main{
	max-width:1920px;
	margin: 0 auto -0.5%;
	background-color: #18191b;
	
}
.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: 20px;
}
.about-text-title{
	 width: 10%;
	 height: auto;
	 margin: 1% auto;
}
.about-text-title h5{
	text-align: center;
	color: white;	
	border: 1px #f4c25f solid;
	padding: 2% 1%;
}

.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;
}
.maintenance-card img{
    width: 100%;
	height: auto;
}
.maintenance-text h4{
  text-align: center;
  margin-top: 3%;
  font-weight: bold;
  color: white;
}
.understand {
	width: 26%;
	height: 12%;
	border-radius: 25px;
}
.understand p {
	text-align: center;
}

.understand a {
	text-align: center;
	text-decoration: none;
	color: white;
}

.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;
	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: rgb(17,17,17,0.7);
	font-size: 32px;
}
.inspect-card:hover .inspect-box-text{
	width: 100%;
	height: 80%;
	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 .inspect-box-title{
	content:'';
	width: 100%;
	height:100%;
	opacity: 1;
	transform: translateX(-50%);
	position: absolute;
	top: 80%;
	left: 50%;
	z-index: 1;
	transition: all 0.4s ease;
	padding: 1%;
	background-color: rgb(17,17,17,0.7);
	font-size: 32px;
}
.inspect-card:hover .inspect-box-title{
	width: 100%;
	height: 100%;
	color: white;
	opacity: 1;
	transform: translateX(-50%);
	position: absolute;
	top: 80%;
	left: 50%;
	z-index: 2;
	transition: all 0.7s ease;
	padding: 1%;
	background-color:#f4c35d ;
	text-align: center;
}
.inspect-card img{
	width: 100%;
	height: auto;
	border-radius:10px 10px 0 0 ;
}
.inspect-text{
	width: 100%;
	height: auto;

}
.inspect-text h3{
	text-align: center;
	font-size: 24px;
	color: white;
	
	
}
.inspect-text span{
	font-size: 36px;
}
.news{
  width: 1200px;
  height: auto;
  margin: 0% auto;
 
 
}
.new{
	width: 1220px;
	display: flex;
	flex-flow: row wrap;
}
.new-left{
 width: 48%;
 height: auto;
}
.new-left .new-box{

}
.new-left .new-box {
	
}
.new-left .new-box a{
	text-decoration:none;
	color: white;
	
}
.new-left .new-box a:hover{

	color: #a58844;
}
.new-left .new-box h3{
	margin-top: 5%;
}
.new-left .new-box  .new-text{
	margin-top: 2%;
	color: #848484;
}
.new-left .new-box  .new-text p{
	font-size: 24px;
}
.new-left .new-box  .new-text p span{
	float:right;
}
.new-right{
	width: 48%;
	height: auto;
}
.new-right-box{
	display: flex;
	flex-flow: row wrap;
	margin: 0% auto 3%;
	
}
.new-right-box-img{
	width: 35%;
	height: auto;
	margin: 0 auto;
}
.new-right-box-img img{
 width: 90%;
 height: auto;
}
.new-right-box-right{
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.new-right-box-right-text{

}
.new-right-box-right-text a{
	text-decoration:none;
	color: white;
}
.new-right-box-right-text a:hover{
	color: #a58844;
}
.new-right-box-right-text p{
	color: #848484;
	font-size: 20px;
}
.new-right-box-right-text p span{
	float:right;
}
@media screen and (max-width:1220px){
	
	main{
		max-width:100%;
		margin: 0 auto;
		background-color: #18191b;
	}
	.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: 20px;
	}
	.about-text-title{
		 width: 10%;
		 height: auto;
		 margin: 1% auto;
	}
	.about-text-title h5{
		text-align: center;
		color: white;	
		border: 1px #f4c25f solid;
		padding: 2% 1%;
	}
	
	.maintenance {
		width: 100%;
		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;
	}
	.maintenance-card img{
		width: 100%;
		height: auto;
	}
	.maintenance-text h4{
	  text-align: center;
	  margin-top: 3%;
	  font-weight: bold;
	  color: white;
	}
	.understand {
		width: 26%;
		height: 12%;
		border-radius: 25px;
	}
	.understand p {
		text-align: center;
	}
	
	.understand a {
		text-align: center;
		text-decoration: none;
		color: white;
	}
	
	.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: 0% auto;
		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: rgb(17,17,17,0.7);
		font-size: 32px;
	}
	.inspect-card:hover .inspect-box-text{
		width: 100%;
		height: 80%;
		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 .inspect-box-title{
		content:'';
		width: 100%;
		height:100%;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 1%;
		background-color: rgb(17,17,17,0.7);
		font-size: 32px;
	}
	.inspect-card:hover .inspect-box-title{
		width: 100%;
		height: 100%;
		color: white;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 2;
		transition: all 0.7s ease;
		padding: 1%;
		background-color:#f4c35d ;
		text-align: center;
	}
	.inspect-card img{
		width: 100%;
		height: auto;
		border-radius:10px 10px 0 0 ;
	}
	.inspect-text{
		width: 100%;
		height: auto;
	
	}
	.inspect-text h3{
		text-align: center;
		font-size: 24px;
		color: white;
		
		
	}
	.inspect-text span{
		font-size: 36px;
	}
	.news{
	  width: 100%;
	  height: auto;
	  margin: 0% auto;
	  padding:2% auto;
	 
	}
	.new{
		width:100%;
		display: flex;
		flex-flow: row wrap;
	}
	.new-left{
	 width: 48%;
	 height: auto;
	}
	.new-left .new-box{
	
	}
	.new-left .new-box {
		
	}
	.new-left .new-box a{
		text-decoration:none;
		color: white;
		
	}
	.new-left .new-box a:hover{
	
		color: #a58844;
	}
	.new-left .new-box h3{
		margin-top: 5%;
	}
	.new-left .new-box  .new-text{
		margin-top: 2%;
		color: #848484;
	}
	.new-left .new-box  .new-text p{
		font-size: 24px;
	}
	.new-left .new-box  .new-text p span{
		float:right;
	}
	.new-right{
		width: 48%;
		height: auto;
	}
	.new-right-box{
		display: flex;
		flex-flow: row wrap;
		margin: 0% auto 3%;
		
	}
	.new-right-box-img{
		width: 35%;
		height: auto;
		margin: 0 auto;
	}
	.new-right-box-img img{
	 width: 90%;
	 height: auto;
	}
	.new-right-box-right{
		width: 60%;
		height: auto;
		margin: 0 auto;
	}
	.new-right-box-right-text{
	
	}
	.new-right-box-right-text a{
		text-decoration:none;
		color: white;
	}
	.new-right-box-right-text a:hover{
		color: #a58844;
	}
	.new-right-box-right-text p{
		color: #848484;
		font-size: 20px;
	}
	.new-right-box-right-text p span{
		float:right;
	}

}
@media screen and (max-width:768px){
	main{
		max-width:100%;
		margin: 0 auto;
		background-color: #18191b;
	}
	.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: 15%;
		 height: auto;
		 margin: 1% auto;
	}
	.about-text-title h5{
		text-align: center;
		color: white;	
		border: 1px #f4c25f solid;
		padding: 2% 1%;
	}
	
	.maintenance {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.maintenance-box {
		display: flex;
		flex-flow: row wrap;
		margin: 2% auto;
	}
	
	.maintenance-card {
		width: 95%;
		height: auto;
		margin: 0 auto;
	}
	.maintenance-card img{
		width: 100%;
		height: auto;
	}
	.maintenance-text h4{
	  text-align: center;
	  margin-top: 3%;
	  font-weight: bold;
	  color: white;
	  font-size: 26px;
	}
	.understand {
		width: 26%;
		height: 12%;
		border-radius: 25px;
	}
	.understand p {
		text-align: center;
	}
	
	.understand a {
		text-align: center;
		text-decoration: none;
		color: white;
	}
	
	.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: 48%;
		height: auto;
		margin: 2% auto;
		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: rgb(17,17,17,0.7);
		font-size: 32px;
	}
	.inspect-card:hover .inspect-box-text{
		width: 100%;
		height: 80%;
		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;
		font-size: 24px;
	}
	.inspect-card .inspect-box-title{
		content:'';
		width: 100%;
		height:100%;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 1;
		transition: all 0.4s ease;
		padding: 1%;
		background-color: rgb(17,17,17,0.7);
		font-size: 32px;
	}
	.inspect-card:hover .inspect-box-title{
		width: 100%;
		height: 100%;
		color: white;
		opacity: 1;
		transform: translateX(-50%);
		position: absolute;
		top: 80%;
		left: 50%;
		z-index: 2;
		transition: all 0.7s ease;
		padding: 1%;
		background-color:#f4c35d ;
		text-align: center;
	}
	.inspect-card img{
		width: 100%;
		height: auto;
		border-radius:10px 10px 0 0 ;
	}
	.inspect-text{
		width: 100%;
		height: auto;
	
	}
	.inspect-text h3{
		text-align: center;
		font-size: 24px;
		color: white;
		
		
	}
	.inspect-text span{
		font-size: 36px;
	}
	.news{
	  width: 100%;
	  height: auto;
	  margin: 0% auto;
	  padding:2% auto;
	 
	}
	.new{
		width:100%;
		display: flex;
		flex-flow: row wrap;
	}
	.new-left{
	 width: 95%;
	 height: auto;
	 margin: 0 auto;
	}
	.new-left a img{
		width:95%;
		height: auto;
		margin: 0 auto;
	}
	.new-left .new-box{
	
	}
	.new-left .new-box {
		
	}
	.new-left .new-box a{
		text-decoration:none;
		color: white;
		
	}
	.new-left .new-box a:hover{
	
		color: #a58844;
	}
	.new-left .new-box h3{
		margin-top: 5%;
	}
	.new-left .new-box  .new-text{
		margin-top: 2%;
		color: #848484;
	}
	.new-left .new-box  .new-text p{
		font-size: 18px;
	}
	.new-left .new-box  .new-text p span{
		float:right;
	}
	.new-right{
		width: 95%;
		height: auto;
	}
	.new-right-box{
		display: flex;
		flex-flow: row wrap;
		margin: 0% auto 3%;
		
	}
	.new-right-box-img{
		width: 35%;
		height: auto;
		margin: 0 auto;
	}
	.new-right-box-img img{
	 width: 90%;
	 height: auto;
	}
	.new-right-box-right{
		width: 60%;
		height: auto;
		margin: 0 auto;
	}
	.new-right-box-right-text{
	
	}
	.new-right-box-right-text a{
		text-decoration:none;
		color: white;
	}
	.new-right-box-right-text a:hover{
		color: #a58844;
	}
	.new-right-box-right-text p{
		color: #848484;
		font-size: 20px;
	}
	.new-right-box-right-text p span{
		float:right;
	}
}
@media screen and (max-width:600px){
	.about-text p{
		width: 90%;
		height: auto;
		 margin: 0 auto;
		color: white;
		font-size: 12px;
	}
	.about-text-title{
		 width: 20%;
		 height: auto;
	}
	.inspect-card{
		width: 95%;
		height: auto;
		margin: 2% auto;
		border-radius: 1px;
		overflow: hidden;
		position: relative;
	}
}
@media screen and (max-width:500px){
	.about-text p{
		width: 90%;
		height: auto;
		 margin: 0 auto;
		color: white;
		font-size: 12px;
	}
	.about-text-title{
		 width: 26%;
		 height: auto;
	}
	.inspect-card{
		width: 95%;
		height: auto;
		margin: 2% auto;
		border-radius: 1px;
		overflow: hidden;
		position: relative;
	}
	.new-right-box-right-text p{
		color: #848484;
		font-size: 16px;
	}
	.new-right-box-right-text h4{
		font-size: 18px;
	}
}
@media screen and (max-width:400px){
	.about-text p{
		width: 90%;
		height: auto;
		 margin: 0 auto;
		color: white;
		font-size: 12px;
	}
	.about-text-title{
		 width: 30%;
		 height: auto;
	}
	.inspect-card{
		width: 95%;
		height: auto;
		margin: 2% auto;
		border-radius: 1px;
		overflow: hidden;
		position: relative;
	}
	.new-right-box-right-text p{
		color: #848484;
		font-size: 12px;
	}
	.new-right-box-right-text h4{
		font-size: 14px;
	}
}