/*t_002 start*/
.about { position: relative; margin: 0 4.5rem;}
.about .about-grid { color: #4c6c77; padding-top: 8rem;} 
   .about .about-grid.top-title { padding-top: 13.5rem;}
   .about .about-grid.top-title h2 { display: inline-block; width: 60%; vertical-align: top;}
   		.about .about-grid .top-line::before { content: ''; display: block; margin-bottom: 1rem; width: 40px; border-bottom: 2px solid; }
   .about .about-grid .top-con{ display: inline-block; width: 40%; padding-left: 2rem; font-weight: 600;}

	.about-con-fw { font-weight: 600;}
	.about-bottom { padding-bottom: 4rem;}
	
	
	.about.service { margin: 0 4.5rem;}
	.service-top-pic { position: absolute; width: 50%; right: 0; height: 100%; background: center; background-size: cover;}
	.about.service h2 { color: #231815; margin: .5rem 0 2rem;}
	.about.service .about-grid { margin-right: 55%; padding-bottom: 8rem;}
	.about.service .con-box { font-weight: 600;}
@media (max-width: 1200px){
	.service-top-pic { margin-right: -2.5rem;}
}
@media (max-width: 1023px){
	.about { margin: 0 2rem;}
	.about .about-grid { padding-top: 4rem;}
	.about .about-grid.top-title h2 { display: block; width: 100%; margin-bottom: 2rem;}
	.about .about-grid .top-con { display: block; width: 100%; padding: 0;}
	
	.about.service { margin: 0 2rem;}
	.service-top-pic { position: relative; width: 100%; height: auto; padding-bottom: 45%; margin-right: 0; margin-bottom: 2rem;}
	.about.service .about-grid { margin: 0; padding-top: 0; padding-bottom: 2rem;}
}

@media (max-width: 768px){
	.about, .about.service { margin: 0 1rem;}
		.about .about-grid { padding-top: 2rem;}
		.about .about-grid.top-title { padding-top: 8rem;}
}
/*t_002 end*/