@font-face {  
 font-family: PingFang Light;  
 src: url("")   
} 
@font-face {  
 font-family: PingFang Medium;  
 src: url("")   
} 
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 auto ;
    padding: 0 auto ;
}

p{
	font-size: 14px ;
}
.sp1{
	font-size: 32px !important;
	margin: 0 auto ;
	padding: 0 auto ;
	
}

.sp2 {
	display: inline-block;
	font-size: 40px;
	margin: 0 auto;
	padding: 0 auto;
}
.sp3 {
	display: inline-block;
	font-size: 18px !important;

	
}
.sp4 {
	display: inline-block;
	font-size: 16px !important;

	
}
span{
	color: #F6AD4C ;
}
h1{
	font-size: 40px ;
}
h2{
	font-size: 32px ;
	margin: 0 auto;
	padding: 0 auto;
	
}
h3{
	
}
h4{
	font-size: 16px ;
	margin: 0 auto;
}
h5{
	
}
.advant{
	margin: 10px 0;
	}
.advants h4{
	font-size: 18px;
	margin: 10px auto;
	}

.yz1 h1{
	font-size: 16px ;
}
.yz1 strong{
	font-size: 60px ;
}
#yz2 h1{
	font-size: 32px ;
}
#yz3{
	padding-top: 1em;
}
#yz3 p{
	margin: 0 auto;
	padding: 0 auto;
	font-size: 14px ;
	color: #8D9592;
}

.index-head-h3 {
	font-size: ;
}
h1,h2,h3,h4,h5,h6 {
	font-family: PingFang Medium !important;
}
span,p,li {
	font-family: PingFang Light !important;
}

.p-top {
	margin-top:  0.5em !important;
}
.p-color {
	color: #8d9592 !important;
}

.p-top2 {
	margin-top: 2em !important;
}
.p-top3 {
	margin-top: 4em !important;
}
.p-linehei {
	line-height: 1.8em;
}
.p-linehei2 {
	line-height: 1.5em;
}
.font-color-black{
	color: #000000 !important;
}
.font-color-white {
	color: #FFFFFF !important;
}
.font-color-orange {
	color: #F6AD4C !important;
	
}
.font-color-grey {
	color: #8d9592 !important;
}
.text-color {
	color: #424a51;
}
.title1 p{
	font-size: 32px;
}
.title1 span{
	margin: 1rem 0;
}
.banner h2{
	font-size: 42px;
}
.banner p{
	font-size: 19.6px;
	margin: 0.5rem 0;
}
.banner h3{
	font-size: 36px;
}
.pc-hide{
	display: none;
	}



@media(max-width: 1600px) {
.title1 p{
	font-size: 2.4rem;
	}
.title1 span{
	font-size: 1.6rem;
	}
.item h1{
	font-size: 4rem;
	}
.item h2{
	font-size: 3.5rem;
	}
}
.box2 h1{
	font-size: 4.5rem;
	}
@media (max-width: 1200px) {
	.mo-hide{
  	display: none;
  	}
    .pc-hide{
	display: inline-block;
	}
	.service-grid p {
    font-size: 16px;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
   }
   .service-grids {
    margin-top: 1rem;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
   }	
	}
@media (max-width: 991px) {
  
  .advants h4{
	font-size: 10px;
	margin: 5px auto;
	}
.title1 p {		
	font-size: 2rem;
	}
.item h1 {	
	font-size: 3rem;
	}
		
.item h2 {
	font-size: 2.6rem;
	}

.box2 h1{
	font-size: 2rem;
	}
@media (max-width: 680px) {
.title1 p {
	font-size: 1.5rem;
	}
	
.title1 span {
	font-size: 1rem;
	}	
.item h1 {
	font-size: 1.6rem;
	}
.item h2 {
	font-size: 1.1rem;
	}
.service-grid h4 {
     font-size: 1.2rem;
    margin: 0.5rem auto;
     }
 .service-grid p {
    font-size: 10px;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
     }
  .mo-hide{
  	display: none;
  	}
  .pc-hide{
	display: inline-block;
	}	
}
@media (max-width: 320px) {
	.service-grid p{
		 font-size: 7px;
		}
	}