@charset 'utf-8';

.about_title{text-align: center;}
.about_title h2{font-size: 46px; line-height: 1.6;}

.about_company{padding-top: 60px;}
.about_company .company_content{font-size: 18px; line-height: 1.6;}
.about_company .company_content img{max-width: 100%;}

.about_environment{padding-top: 60px;}
.about_environment .environment_swiper{margin-top: 30px; padding-bottom: 60px; position: relative; overflow: hidden;}
.about_environment .environment_swiper .swiper-slide img{width: 100%;}
.about_environment .environment_swiper .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 10px !important; background: #fff; border: solid #e5e5e5 4px; opacity: 1; cursor: pointer; transition: all 0.5s;}
.about_environment .environment_swiper .swiper-pagination-bullet-active{border-color: #2d50ce;}

.about_certificate{padding: 60px 0; display: none;}
.about_certificate .certificate_list{margin-top: 30px; overflow: hidden;}
.about_certificate .certificate_list .swiper-slide img{width: 100%; height: auto !important;}

@media (max-width:960px) {
	.about_title h2{font-size: 20px;}
	
	.about_company{padding: 30px 15px;}
	.about_company .company_content{font-size: 16px; line-height: 28px;}
	
	.about_environment{padding: 30px 0 20px;}
	.about_environment .environment_swiper{margin-top: 20px; padding-bottom: 50px; position: relative; overflow: hidden;}
	.about_environment .environment_swiper .swiper-slide img{width: 100%;}
	.about_environment .environment_swiper .swiper-pagination-bullet{width: 8px; height: 8px; border-width: 2px;}
	
	.about_certificate{padding-top: 30px;}
	.about_certificate .certificate_list{padding-top: 30px;}
}